:root {
  --apf-tooltip-bg: #121212;
  --apf-tooltip-color: #fff;
  --apf-margin-bottom: 20px;
  --apf-input-border-color: #dedede;
  --apf-input-border-color-foc: #121212;
  --apf-input-height: 38px;
  --apf-input-bg: #ffffff;
  --apf-input-color: #000000;
  --apf-radius: 4px;
  --apf-label-color: #000000;
  --apf-label-size: 16px;
  --apf-label-weight: 700;
  --apf-ts-radius: 4px;
  --apf-ts-color-sel: #fff;
  --apf-ts-bg: transparent;
  --apf-ts-bg-hov: transparent;
  --apf-ts-bg-sel: #121212;
  --apf-ts-border-color-hov: #a4a4a4;
  --apf-ts-border-color-sel: #121212;
  --apf-ns-width: 100%;
  --apf-ns-color: #000000;
  --apf-ns-bg: transparent;
  --apf-is-radius: 10px;
  --apf-is-border-color-sel: #121212;
  --apf-is-border-color-hov: #a4a4a4;
  --apf-is-color-hov: #000000;
  --apf-is-color-sel: #000000;
  --apf-is-bg: transparent;
  --apf-is-bg-hov: #c9c9c9;
  --apf-is-bg-sel: #c9c9c9;
  --apf-progress-bg: #ddd;
  --apf-progress-color: #121212;
  --apf-file-border: 2px dashed #121212;
  --apf-file-color: currentColor;
  --apf-cs-border-color-hov: #a4a4a4;
  --apf-cs-border-color-sel: #121212;
  --apf-date-color: currentColor;
  --apf-date-color-hov: currentColor;
  --apf-date-color-sel: #ffffff;
  --apf-date-bg: #fff;
  --apf-date-bg-hov: #dddddd;
  --apf-date-bg-sel: #212121;
  --apf-input-border: 2px solid #dedede;
  --apf-ts-border: 2px solid #ccc;
  --apf-is-border: 2px solid #dddddd;
  --apf-cs-border: 2px solid #dddddd;
  --apf-card-border: none;
  --apf-date-border-color: #dddddd;
  --apf-date-color-muted: rgba(12, 0, 14, 0.45);
  --apf-cb-radius: 4px;
  --apf-cb-bg-sel: #121212;
  --apf-cb-border-color-hov: #a4a4a4;
  --apf-cb-border-color-sel: #121212;
  --apf-cb-border: 2px solid #ddd;
  --apf-radio-bg-sel: #121212;
  --apf-radio-border-color-hov: #a4a4a4;
  --apf-radio-border-color-sel: #121212;
  --apf-radio-border: 2px solid #ddd;
  --apf-is-inner-radius: 5px;
  --apf-is-padding: 3px;
  --apf-cs-gap: inset 0 0 0 3px #ffffff;
}
.wapf-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  padding: 0;
}
.wapf-checkbox .wapf-custom {
  min-height: 16px;
  min-width: 16px;
  height: 1.1em;
  width: 1.1em;
  position: relative;
  display: inline-block;
  background: var(--apf-cb-bg, transparent);
  border-radius: var(--apf-cb-radius, 0);
  border: var(--apf-cb-border, none);
}
.wapf-checkbox .wapf-input-label:hover .wapf-custom {
  background-color: var(--apf-cb-bg-hov, transparent);
  border-color: var(--apf-cb-border-color-hov, transparent);
}
.wapf-checkbox input[type="checkbox"]:checked + .wapf-custom {
  background-color: var(--apf-cb-bg-sel, transparent);
  border-color: var(--apf-cb-border-color-sel, transparent);
}
.wapf-checkbox input:checked + .wapf-custom:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background: no-repeat center center
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.701 45.7'%3E%3Cpath fill='%23ffffff' d='M20.687 38.332a5.308 5.308 0 0 1-7.505 0L1.554 26.704A5.306 5.306 0 1 1 9.059 19.2l6.928 6.927a1.344 1.344 0 0 0 1.896 0L36.642 7.368a5.308 5.308 0 0 1 7.505 7.504l-23.46 23.46z'/%3E%3C/svg%3E");
  background-size: 0.58em;
}
.wapf-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  padding: 0;
}
.wapf-radio .wapf-custom {
  min-height: 16px;
  min-width: 16px;
  height: 1.1em;
  width: 1.1em;
  position: relative;
  display: inline-block;
  background: var(--apf-radio-bg, transparent);
  border-radius: 50px;
  border: var(--apf-radio-border, none);
}
.wapf-radio .wapf-input-label:hover .wapf-custom {
  background-color: var(--apf-radio-bg-hov, transparent);
  border-color: var(--apf-radio-border-color-hov, transparent);
}
.wapf-radio input[type="radio"]:checked + .wapf-custom {
  background-color: var(--apf-radio-bg-sel, transparent);
  border-color: var(--apf-radio-border-color-sel, transparent);
}
.wapf-radio input:checked + .wapf-custom:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center
    url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' /%3E%3C/svg%3E");
  background-size: 0.42em;
}
.wapf select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 448 512'%3E%3Cpath fill='%23121212' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E")
    calc(100% - 12px) 12px no-repeat;
  margin: 0;
  cursor: pointer;
  background-size: 12px;
  -webkit-appearance: none;
  appearance: none;
  color: inherit;
}
body .wapf-dp-my select.wapf-dp-month {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 353.9l17-17L401 177l17-17L384 126.1l-17 17-143 143L81 143l-17-17L30.1 160l17 17L207 337l17 17z'/%3E%3C/svg%3E") !important;
} /*! CSS_VAR_DIVIDER */
:root {
  --lcp_live_preview_footer___build___: #212121;
}
.woocommerce-variation-add-to-cart,
form.cart {
  flex-wrap: wrap !important;
}
.wapf {
  width: 100%;
}
.wapf-hide {
  display: none !important;
}
.wapf-upload-thumbs {
  display: flex;
  gap: 10px;
}
.wapf-child-item .wc-block-cart-item__quantity {
  display: none;
}
body,
html {
  scroll-behavior: auto !important;
}
.wapf img {
  max-width: 100%;
}
.wapf-wrapper {
  margin: 0 0 20px -5px;
  width: 100%;
}
.wapf-field-group,
.wapf-section {
  display: flex;
  flex-wrap: wrap;
}
.wapf-cloner {
  margin-top: 15px;
}
.wapf-section .wapf-cloner {
  margin: 0 0 15px 5px;
}
.wapf-clone-title {
  margin: 15px 0;
  padding-left: 5px;
  width: 100%;
}
.wapf-input-label {
  font-weight: 400;
  cursor: pointer;
}
.wapf-label-text {
  padding-left: 10px;
}
.wapf-field-container {
  padding: 0 5px var(--apf-margin-bottom, 15px) 5px;
  box-sizing: border-box;
}
.wapf-field-container .wapf-swatch--image {
  width: 100%;
}
.wapf input[type="email"],
.wapf input[type="number"],
.wapf input[type="text"],
.wapf input[type="url"],
.wapf select,
.wapf textarea {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--apf-input-bg, #fff);
  border-radius: var(--apf-radius, 0);
  height: var(--apf-input-height, 38px);
  border: var(--apf-input-border, none);
  color: var(--apf-input-color, inherit);
  padding: 0 0.7em;
  outline: 1px solid transparent;
  font-family: inherit;
  box-shadow: none;
}
.wapf input[type="email"]:focus,
.wapf input[type="number"]:focus,
.wapf input[type="text"]:focus,
.wapf input[type="url"]:focus,
.wapf select:focus,
.wapf textarea:focus {
  border-color: var(--apf-input-border-color-foc, #fff);
  box-shadow: none;
}
.wapf textarea {
  min-height: 100px;
  padding: 0.7em;
}
.wapf input[type="checkbox"],
.wapf input[type="radio"] {
  float: left;
  margin-top: 5px;
}
.wapf-field-label {
  display: flex;
  align-items: center;
}
.label-above .wapf-field-label {
  margin-bottom: 10px;
}
.wapf-field-label label {
  color: var(--apf-label-color, currentColor);
  font-size: var(--apf-label-size, 1rem);
  font-weight: var(--apf-label-weight, normal);
}
.wapf-field-description {
  font-size: 85%;
  opacity: 0.8;
  padding: 5px 0 0 0;
  margin: 0;
}
.wapf-pricing-hint {
  opacity: 0.7;
}
.wapf-disabled {
  opacity: 0.5;
}
.wapf-disabled label {
  cursor: default !important;
}
.wapf-card,
.wapf-swatch {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  min-width: 0;
}
.wapf-card input[type="checkbox"],
.wapf-card input[type="radio"],
.wapf-swatch input[type="checkbox"],
.wapf-swatch input[type="radio"] {
  position: absolute;
  opacity: 0;
  height: 1px;
  width: 1px;
  padding: 0;
}
.wapf-swatch label {
  cursor: pointer;
  font-weight: 400;
  display: block;
  width: 100%;
  margin: 0;
  z-index: 1;
}
.wapf--circle {
  border-radius: 50%;
}
.wapf--rounded {
  border-radius: 4px;
}
.wapf-swatch-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.wapf-card-wrap {
  display: grid;
  grid-template-columns: repeat(var(--wapf-cols), 1fr);
  grid-auto-rows: auto;
  grid-gap: 1rem;
}
@media all and (max-width: 900px) {
  .wapf-card-wrap {
    grid-template-columns: repeat(var(--wapf-cols-t), 1fr);
  }
}
@media all and (max-width: 768px) {
  .wapf-card-wrap {
    grid-template-columns: repeat(var(--wapf-cols-m), 1fr);
  }
}
.wapf-card {
  position: relative;
  background: var(--apf-card-bg, #fff);
  color: var(--apf-card-color, inherit);
  border-radius: var(--apf-card-radius, 6px);
  border: var(--apf-card-border, none);
  box-shadow: var(--apf-card-shadow, none);
}
.wapf-card.is-qty-select {
  background: var(--apf-cq-bg, #fff);
  color: var(--apf-cq-color, inherit);
  border-radius: var(--apf-cq-radius, 6px);
  border: var(--apf-cq-border, none);
  box-shadow: var(--apf-cq-shadow, none);
  cursor: default;
}
.wapf-card:not(.is-qty-select):hover {
  color: var(--apf-card-color-hov, inherit);
  border-color: var(--apf-card-border-color-hov, transparent);
  background: var(--apf-card-bg-hov, transparent);
}
.wapf-card.wapf-checked:not(.is-qty-select) {
  color: var(--apf-card-color-sel, inherit);
  border-color: var(--apf-card-border-color-sel, transparent);
  background: var(--apf-card-bg-sel, #fff);
}
.wapf-card-inner {
  padding: 0.7em;
  display: flex;
  gap: 7px;
  font-size: 0.935rem;
  overflow: hidden;
  user-select: none;
}
.wapf-card-img img {
  width: 68px;
  height: 68px;
  max-width: 68px;
  max-height: 68px;
  object-fit: var(--apf-img-fit, cover);
  object-position: center;
  border-radius: var(--apf-card-radius, 6px);
}
.wapf-card-body,
.wapf-card-row {
  display: flex;
  gap: 0.5rem;
  flex-flow: column;
  width: 100%;
}
.wapf-card-row {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}
.wapf-card-title {
  font-weight: 600;
  width: 100%;
  flex: 1;
}
.wapf-card-link {
  display: flex;
  align-items: end;
}
.wapf-card a {
  padding: 0;
  text-decoration: underline;
  color: currentColor;
}
.wapf-card-qty {
  width: 100%;
}
.wapf-card-info {
  white-space: nowrap;
}
.wapf-card-vertical .wapf-card-inner {
  flex-flow: column;
  height: 100%;
}
.wapf-card-vertical .wapf-card-body {
  row-gap: 0.5rem;
  flex-grow: 1;
}
.wapf-card-vertical .wapf-card-row:last-child {
  margin-top: auto;
}
.wapf-card-vertical .wapf-card-img img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 120px;
}
.wapf-swatch--image {
  text-align: center;
  transition: all 0.1s;
  overflow: hidden;
}
.wapf-swatch--image img {
  vertical-align: bottom;
  border-radius: var(--apf-is-inner-radius, 0);
}
.wapf-swatch--image .apf-pick-box,
.wapf-swatch--image.apf-pick-box {
  border: var(--apf-is-border, none);
  border-radius: var(--apf-is-radius, 0);
  background: var(--apf-is-bg, none);
  padding: var(--apf-is-padding, 0);
  color: var(--apf-is-color, inherit);
}
.wapf-swatch--image .apf-pick-box:hover,
.wapf-swatch--image.apf-pick-box:hover {
  color: var(--apf-is-color-hov, inherit);
  background: var(--apf-is-bg-hov, transparent);
  border-color: var(--apf-is-border-color-hov, transparent);
}
.wapf-swatch--image.wapf-checked .apf-pick-box,
.wapf-swatch--image.wapf-checked.apf-pick-box {
  border-color: var(--apf-is-border-color-sel, transparent);
  color: var(--apf-is-color-sel, inherit);
  background: var(--apf-is-bg-sel, transparent);
}
.wapf-swatch-label {
  text-align: center;
  padding: 4px;
}
.wapf-swatch--image label {
  height: 100%;
}
.wapf-image-swatch-wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(var(--wapf-cols), var(--apf-col-width, 1fr));
}
@media all and (max-width: 900px) {
  .wapf-image-swatch-wrapper {
    grid-template-columns: repeat(
      var(--wapf-cols-t, var(--wapf-cols)),
      var(--apf-col-width, 1fr)
    );
  }
}
@media all and (max-width: 768px) {
  .wapf-image-swatch-wrapper {
    grid-template-columns: repeat(
      var(--wapf-cols-m, var(--wapf-cols)),
      var(--apf-col-width, 1fr)
    );
  }
}
.wapf-swatch--color {
  margin: 0 15px 15px 0;
  position: relative;
  transition: all 0.1s;
}
.wapf-swatch--color .wapf-color {
  margin: auto;
  box-shadow: var(--apf-cs-gap, none);
  border: var(--apf-cs-border, none);
}
.wapf-swatch--color:hover .wapf-color {
  border-color: var(--apf-cs-border-color-hov, transparent);
}
.wapf-swatch--color.wapf-checked .wapf-color {
  border-color: var(--apf-cs-border-color-sel, transparent);
}
.wapf-swatch--text {
  margin: 0 15px 15px 0;
  border-radius: var(--apf-ts-radius, 4px);
  border: var(--apf-ts-border, none);
  color: var(--apf-ts-color, inherit);
  background: var(--apf-ts-bg, transparent);
}
.wapf-swatch--text label {
  padding: 7px 11px;
}
.wapf-swatch--text:hover {
  color: var(--apf-ts-color-hov, inherit);
  border-color: var(--apf-ts-border-color-hov, transparent);
  background: var(--apf-ts-bg-hov, transparent);
}
.wapf-swatch--text.wapf-checked {
  border-color: var(--apf-ts-border-color-sel, transparent);
  background: var(--apf-ts-bg-sel, transparent);
  color: var(--apf-ts-color-sel, inherit);
}
.wapf-checkboxes,
.wapf-radios {
  display: inline-grid;
  grid-template-columns: auto;
  grid-gap: 5px 1rem;
}
.wapf-checkbox label,
.wapf-radio label {
  display: flex;
  align-items: center;
}
.apf-plusmin {
  display: inline-flex;
  border-radius: var(--apf-ns-radius, var(--apf-radius, 0));
  border: var(--apf-ns-border, var(--apf-input-border, none));
  width: 100%;
  max-width: var(--apf-ns-width, 100%);
  height: var(--apf-input-height, 38px);
  overflow: hidden;
}
.apf-plusmin:focus-within {
  border-color: var(
    --apf-ns-border-color-foc,
    var(--apf-input-border-color-foc, transparent)
  );
}
.wapf-card-vertical .apf-plusmin {
  max-width: 100%;
}
.wapf .apf-plusmin button,
.wapf .apf-plusmin input {
  box-shadow: none;
  margin: 0 !important;
  line-height: 0;
  border: 0;
  border-radius: 0;
  width: auto;
  outline: 0;
  flex: 1;
  height: 100%;
}
.apf-plusmin button {
  background: var(--apf-ns-bg, transparent);
  font-size: 1rem;
  padding: 0;
  max-width: 40px;
  outline: 0;
  fill: var(--apf-ns-color, inherit);
  touch-action: manipulation;
}
.apf-plusmin button:focus,
.apf-plusmin button:hover {
  background: var(--apf-ns-bg, transparent) !important;
  fill: var(--apf-ns-color, inherit);
}
.wapf button.apf-minus {
  border-right: var(--apf-ns-border-inner, none);
}
.wapf button.apf-plus {
  border-left: var(--apf-ns-border-inner, none);
}
.wapf .apf-plusmin input {
  text-align: center;
  -moz-appearance: textfield;
  min-width: 40px;
  padding: 0 0.7em;
  background: var(--apf-ns-input-bg, var(--apf-input-bg, #fff));
  color: var(--apf-ns-input-color, var(--apf-input-color, inherit));
}
.apf-plusmin input::-webkit-inner-spin-button,
.apf-plusmin input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wapf-product-totals {
  width: 100%;
}
.wapf-total {
  margin: 0;
  padding: 0;
}
.wapf-product-totals .wapf--inner {
  margin-bottom: 20px;
}
.wapf-product-totals .wapf--inner > div {
  padding-bottom: 10px;
  clear: both;
}
.wapf-product-totals .wapf--inner > div:last-child {
  padding-bottom: 0;
}
.wapf-product-totals div span:first-child {
  font-weight: 700;
}
.wapf-product-totals div span:last-child {
  float: right;
}
.wttw {
  z-index: 999999;
  position: fixed;
  max-width: 200px;
  opacity: 0;
  transition: opacity 0.2s;
  visibility: hidden;
  left: -100%;
}
.rtl .wttw {
  left: 100%;
}
.wapf-ttp {
  padding: 4px 9px;
  font-size: 0.9rem;
  border-radius: 4px;
  color: var(--apf-tooltip-color, #fff);
  background: var(--apf-tooltip-bg, #353c4e);
}
.wapf-ttp:after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--apf-tooltip-bg, #353c4e);
  transform-origin: center;
  transform: rotate(45deg);
}
.tt-v {
  visibility: visible;
  display: block;
  position: absolute;
  opacity: 1;
}
.tt-t .wapf-ttp:after {
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
}
.tt-b .wapf-ttp:after {
  top: -4px;
  left: 50%;
  margin-left: -4px;
}
.tt-l .wapf-ttp:after {
  top: 50%;
  right: -4px;
  margin-top: -4px;
}
.tt-r .wapf-ttp:after {
  top: 50%;
  left: -4px;
  margin-top: -4px;
}
.wapf-tt-icon {
  margin-left: 5px;
  padding: 0 5px;
  fill: var(--apf-tooltip-icon, currentColor);
  display: flex;
  cursor: pointer;
}