.fade-out {
  animation: fadeOut 1s ease 2s forwards;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ecommerz-variant-attribute {
  border: none;
  margin: 0 0 1rem 0;
  padding: 0;
}
.ecommerz-variant-attribute legend {
  margin-bottom: 0.5rem;
}
.ecommerz-variant-attribute.color .ecommerz-product-variant-options {
  display: flex;
  gap: 0.5rem;
}
.ecommerz-variant-attribute.color .ecommerz-variant-option {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.ecommerz-variant-attribute.color .ecommerz-variant-option input[data-ecommerz-variant-option] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.ecommerz-variant-attribute.color .ecommerz-variant-option .ecommerz-option-color {
  border-radius: 60px;
}
.ecommerz-variant-attribute.color .ecommerz-variant-option.selected .ecommerz-option-color:after {
  border: 2px solid;
  border-radius: 60px;
  content: "";
  width: 120%;
  aspect-ratio: 1;
  display: block;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  margin-top: -2px;
}
.ecommerz-variant-attribute.color .ecommerz-variant-option.disabled {
  border-radius: 60px;
  position: relative;
  opacity: 0.5;
  border: 1px dashed blue;
}
.ecommerz-variant-attribute.color .ecommerz-variant-option.disabled:before {
  border-top: 1px dashed blue;
  transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
  top: 50%;
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
}
.ecommerz-variant-attribute.color[data-display-type="color"] .ecommerz-variant-option > span:last-child {
  display: none;
}
.ecommerz-variant-attribute.image .ecommerz-product-variant-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.ecommerz-variant-attribute.image .ecommerz-variant-option {
  opacity: 0.8;
}
.ecommerz-variant-attribute.image .ecommerz-variant-option > * {
  display: none;
}
.ecommerz-variant-attribute.image .ecommerz-variant-option img {
  max-width: 80px;
  height: auto;
}
.ecommerz-variant-attribute.image .ecommerz-variant-option .ecommerz-option-image {
  display: block;
}
.ecommerz-variant-attribute.image .ecommerz-variant-option.disabled {
  position: relative;
  opacity: 0.5;
  border: 1px dashed blue;
}
.ecommerz-variant-attribute.image .ecommerz-variant-option.disabled:before {
  border-top: 1px dashed blue;
  transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
  top: 50%;
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
}
.ecommerz-variant-attribute.image .ecommerz-variant-option:hover, .ecommerz-variant-attribute.image .ecommerz-variant-option.selected {
  opacity: 1;
}
.ecommerz-quantity, .ecommerz-quantity-control {
  max-width: 200px !important;
  display: inline-block;
}
.button-control, .ecommerz-quantity-control {
  /*max-width: 100%;
  width: 100%;
  padding: 0 10px;
  background: var(--form-background-color);
  color: var(--form-color);
  border: var(--form-border-width) solid var(--form-border);
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
  height: inherit;*/
  display: inline-flex;
  justify-content: space-between;
}
.button-control *, .ecommerz-quantity-control * {
  font-size: inherit;
  text-align: inherit;
}
.button-control button, .ecommerz-quantity-control button {
  background: none;
  border: none;
}
.button-control input, .button-control .ecommerz-quantity, .ecommerz-quantity-control input, .ecommerz-quantity-control .ecommerz-quantity {
  flex-grow: 1;
  text-align: center;
  border: none;
  background: none;
}
.ecommerz-cart-status {
  display: block;
  padding: 1rem;
  font-size: 0.875rem;
}
.ecommerz-product-price {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.ecommerz-product-price .ecommerz-price-saving, .ecommerz-product-price del {
  font-size: 60%;
}
.ecommerz-product-price .ecommerz-current-price--discounted {
  color: red;
}
.ecommerz-mini-basket .uk-offcanvas-bar {
  min-width: 450px;
  font-size: 1rem;
  background: var(--ecommerz-mini-basket, var(--wp--preset--color--background, #FFF));
  color: var(--wp--preset--color--text, #444);
}
.ecommerz-mini-basket .uk-offcanvas-bar * {
  color: var(--wp--preset--color--text, #444);
}
.ecommerz-mini-basket .uk-offcanvas-bar hr {
  border-color: var(--wp--preset--color--border, #e5e5e5);
}
.ecommerz-mini-basket .uk-offcanvas-bar a {
  color: var(--wp--preset--color--secondary);
}
.ecommerz-mini-basket .ecommerz-mini-basket-title {
  font-size: 1.5rem;
  padding: 1rem 0;
}
.ecommerz-mini-basket .ecommerz-mini-basket-items .ecommerz-mini-basket-item {
  margin-bottom: 1rem;
}
.ecommerz-mini-basket .ecommerz-mini-basket-items .ecommerz-mini-basket-item .ecommerz-mini-basket-remove {
  float: right;
}
.ecommerz-mini-basket .ecommerz-mini-basket-items .ecommerz-mini-basket-item .ecommerz-mini-basket-item-sum {
  margin-top: 1rem;
}
.ecommerz-mini-basket .ecommerz-mini-basket-sum .row {
  display: flex;
  justify-content: space-between;
}
.ecommerz-mini-basket .ecommerz-mini-basket-buttons {
  text-align: center;
}
.ecommerz-mini-basket .ecommerz-mini-basket-buttons * {
  margin-bottom: 1rem;
}
.ecommerz-wishlist-link.show-icon {
  position: relative;
}
.ecommerz-wishlist-link.show-icon .badge {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
:root {
  --base-font-weight-light: 300;
  --base-font-weight-bold: 600;
}
.so-rounded {
  overflow: hidden;
}
.widget-wrapper > div {
  width: 100%;
}
:root {
  --h1-min: 1rem;
  --h2-min: 1rem;
  --h3-min: 1rem;
  --h4-min: 1rem;
  --h5-min: 1rem;
}
.panel-row.has-color h1, .panel-row.has-color h2, .panel-row.has-color h3, .panel-row.has-color h4, .panel-row.has-color h5, .panel-row.has-color h6 {
  color: inherit;
}
.widget-wrapper.has-font-color h1, .widget-wrapper.has-font-color h2, .widget-wrapper.has-font-color h3, .widget-wrapper.has-font-color h4, .widget-wrapper.has-font-color h5, .widget-wrapper.has-font-color h6 {
  color: inherit;
}
.titleitem .subtitle {
  opacity: 0.8;
}
.ecommerz-product-image.single-image .ecommerz-wishlist-button--icon {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 999;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  background: #FFF;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  text-decoration: none;
}
.ecommerz-wishlist-item {
  position: relative;
}
.ecommerz-wishlist-item .ecommerz-wishlist-remove {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 999;
}
:root {
  /* Base */
  --form-font-family: inherit;
  --form-font-size: 16px;
  --form-line-height: 1.5;
  --form-color: #666;
  --form-background: #fff;
  --form-height: 40px;
  --form-padding-x: 10px;
  --form-padding-y: 4px;
  --form-border-width: 1px;
  --form-border-color: #e5e5e5;
  --form-border-radius: 0;
  --form-placeholder-color: #999;
  /* Focus */
  --form-focus-color: #666;
  --form-focus-background: #fff;
  --form-focus-border-color: #1e87f0;
  --form-focus-outline: none;
  /* Disabled */
  --form-disabled-color: #999;
  --form-disabled-background: #f8f8f8;
  --form-disabled-border-color: #e5e5e5;
  /* Textarea */
  --form-textarea-min-height: 120px;
  /* Select */
  --form-select-icon-size: 20px;
  --form-select-icon-right: 10px;
  /* Checkbox / Radio */
  --form-check-size: 16px;
  --form-check-background: transparent;
  --form-check-border-color: #ccc;
  --form-check-border-width: 1px;
  --form-check-border-radius: 0;
  --form-check-hover-border-color: #999;
  --form-check-checked-background: #1e87f0;
  --form-check-checked-border-color: #1e87f0;
  --form-check-checked-color: #fff;
  --form-radio-border-radius: 50%;
  /* States */
  --form-danger-color: #f0506e;
  --form-danger-border-color: #f0506e;
  --form-success-color: #32d296;
  --form-success-border-color: #32d296;
  /* Label */
  --form-label-color: #333;
  --form-label-font-size: 14px;
  --form-label-font-weight: 400;
  --form-label-margin-bottom: 5px;
  /* Button */
  --button-font-family: inherit;
  --button-font-size: 14px;
  --button-font-weight: 400;
  --button-line-height: 1.5;
  --button-height: 40px;
  --button-padding-x: 30px;
  --button-color: #333;
  --button-background: #f8f8f8;
  --button-border-width: 0;
  --button-border-color: transparent;
  --button-border-radius: 0;
  --button-hover-color: #333;
  --button-hover-background: #ebebeb;
  --button-hover-border-color: transparent;
  --button-active-color: #333;
  --button-active-background: #dfdfdf;
  --button-active-border-color: transparent;
  --button-focus-ring-size: 2px;
  --button-focus-ring-color: rgb(30 135 240 / 25%);
  --button-disabled-color: #999;
  --button-disabled-background: #f8f8f8;
  --button-disabled-border-color: transparent;
  --button-disabled-opacity: 1;
  --button-transition-duration: 0.15s;
  --button-transition-easing: ease;
}
/* ==========================================================================
   Text-like form elements
   ========================================================================== */
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="number"]), select, textarea {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  margin: 0;
  font-family: var(--form-font-family);
  font-size: var(--form-font-size);
  line-height: var(--form-line-height);
  color: var(--form-color);
  background-color: var(--form-background);
  border: var(--form-border-width) solid var(--form-border-color);
  border-radius: var(--form-border-radius);
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="number"])::placeholder, select::placeholder, textarea::placeholder {
  color: var(--form-placeholder-color);
  opacity: 1;
}
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="number"]):focus, select:focus, textarea:focus {
  outline: var(--form-focus-outline);
  color: var(--form-focus-color);
  background-color: var(--form-focus-background);
  border-color: var(--form-focus-border-color);
}
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="number"]):disabled, select:disabled, textarea:disabled {
  color: var(--form-disabled-color);
  background-color: var(--form-disabled-background);
  border-color: var(--form-disabled-border-color);
  cursor: not-allowed;
}
/* ==========================================================================
   Inputs
   ========================================================================== */
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="number"]) {
  height: var(--form-height);
  padding: var(--form-padding-y) var(--form-padding-x);
}
/* ==========================================================================
   Textarea
   ========================================================================== */
textarea {
  min-height: var(--form-textarea-min-height);
  padding: var(--form-padding-y) var(--form-padding-x);
  resize: vertical;
}
/* ==========================================================================
   Select
   ========================================================================== */
select {
  height: var(--form-height);
  padding: var(--form-padding-y) calc(var(--form-padding-x)
          + var(--form-select-icon-size)
          + var(--form-select-icon-right)) var(--form-padding-y) var(--form-padding-x);
  appearance: none;
  background-repeat: no-repeat;
  background-position: right var(--form-select-icon-right) center;
  background-size: var(--form-select-icon-size) var(--form-select-icon-size);
  background-image: url("/wp-content/themes/ecommerz/assets/scss/data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23666' stroke-width='1.03' points='16 7 10 13 4 7'/%3E%3C/svg%3E");
}
select[multiple], select[size] {
  height: auto;
  padding-right: var(--form-padding-x);
  background-image: none;
}
/* ==========================================================================
   Checkbox + Radio
   ========================================================================== */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  display: inline-block;
  width: var(--form-check-size);
  height: var(--form-check-size);
  margin: 0;
  padding: 0;
  vertical-align: middle;
  appearance: none;
  background-color: var(--form-check-background);
  border: var(--form-check-border-width) solid var(--form-check-border-color);
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
input[type="checkbox"]:hover:not(:disabled), input[type="radio"]:hover:not(:disabled) {
  border-color: var(--form-check-hover-border-color);
}
input[type="checkbox"]:focus, input[type="radio"]:focus {
  outline: var(--form-focus-outline);
  border-color: var(--form-focus-border-color);
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
  background-color: var(--form-check-checked-background);
  border-color: var(--form-check-checked-border-color);
}
input[type="checkbox"]:disabled, input[type="radio"]:disabled {
  background-color: var(--form-disabled-background);
  border-color: var(--form-disabled-border-color);
  cursor: not-allowed;
}
/* Checkbox */
input[type="checkbox"] {
  border-radius: var(--form-check-border-radius);
}
input[type="checkbox"]:checked {
  background-image: url("/wp-content/themes/ecommerz/assets/scss/data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23fff' stroke-width='1.5' points='4,10 8,14 16,6'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/* Radio */
input[type="radio"] {
  border-radius: var(--form-radio-border-radius);
}
input[type="radio"]:checked {
  background-image: radial-gradient(circle, var(--form-check-checked-color) 0, var(--form-check-checked-color) 30%, transparent 35%);
}
/* ==========================================================================
   Labels
   ========================================================================== */
label {
  display: block;
  margin-bottom: var(--form-label-margin-bottom);
  font-size: var(--form-label-font-size);
  font-weight: var(--form-label-font-weight);
  color: var(--form-label-color);
}
/* Checkbox / Radio labels inline */
label:has(input[type="checkbox"], input[type="radio"]) {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  cursor: pointer;
}
/* ==========================================================================
   Validation
   ========================================================================== */
input.is-danger, input[aria-invalid="true"], select.is-danger, select[aria-invalid="true"], textarea.is-danger, textarea[aria-invalid="true"] {
  color: var(--form-danger-color);
  border-color: var(--form-danger-border-color);
}
input.is-success, select.is-success, textarea.is-success {
  color: var(--form-success-color);
  border-color: var(--form-success-border-color);
}
/* ==========================================================================
   Fieldset
   ========================================================================== */
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
/* ==========================================================================
   Button
   ========================================================================== */
:where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--button-height);
  margin: 0;
  padding: 0 var(--button-padding-x);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  color: var(--button-color);
  background-color: var(--button-background);
  border: var(--button-border-width) solid var(--button-border-color);
  border-radius: var(--button-border-radius);
  appearance: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: color var(--button-transition-duration) var(--button-transition-easing), background-color var(--button-transition-duration) var(--button-transition-easing), border-color var(--button-transition-duration) var(--button-transition-easing), box-shadow var(--button-transition-duration) var(--button-transition-easing);
}
:where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])):hover:not(:disabled) {
  color: var(--button-hover-color);
  background-color: var(--button-hover-background);
  border-color: var(--button-hover-border-color);
  text-decoration: none;
}
:where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])):focus-visible {
  outline: 0;
  box-shadow: 0 0 0 var(--button-focus-ring-size) var(--button-focus-ring-color);
}
:where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])):active:not(:disabled) {
  color: var(--button-active-color);
  background-color: var(--button-active-background);
  border-color: var(--button-active-border-color);
}
:where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])):disabled {
  color: var(--button-disabled-color);
  background-color: var(--button-disabled-background);
  border-color: var(--button-disabled-border-color);
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}
/* ==========================================================================
   Normalize
   ========================================================================== */
button, input, select, textarea {
  font: inherit;
}
/*# sourceMappingURL=https://e-unit.p-wlph6a.project.space/wp-content/build/scss_library/2b300d76eb0f22aee8c993c2fe50504f39047e0c.css.map */