.elementor-kit-7{--e-global-color-primary:#238619;--e-global-color-secondary:#C0A172;--e-global-color-text:#7F7F7F;--e-global-color-accent:#F04438;--e-global-color-002f63f:#000000;--e-global-color-ed90217:#FFFFFF;--e-global-color-eb5cf71:#0F380B;--e-global-color-89448b1:#134A0E;--e-global-color-0a64d6d:#195F12;--e-global-color-5bfad7b:#207A17;--e-global-color-e8c74d7:#4F9E47;--e-global-color-badf5c1:#6CAE65;--e-global-color-1649788:#9AC795;--e-global-color-28dd370:#BBD9B8;--e-global-color-2554346:#E9F3E8;--e-global-color-a07e033:#514430;--e-global-color-11ef753:#6A593F;--e-global-color-b6aba60:#887251;--e-global-color-2701150:#AF9368;--e-global-color-dfddb09:#CDB48E;--e-global-color-d2bb805:#D5C0A1;--e-global-color-b292877:#E2D4BE;--e-global-color-ade2cb9:#EBE2D3;--e-global-color-361ba8d:#F9F6F1;--e-global-color-25d14a7:#191919;--e-global-color-dd5be6a:#333333;--e-global-color-5a15ad4:#4C4C4C;--e-global-color-efd5b4d:#666666;--e-global-color-1771e74:#999999;--e-global-color-5c3bbb4:#B3B3B3;--e-global-color-ad2bd1c:#CCCCCC;--e-global-color-5576dd4:#E6E6E6;--e-global-color-4f95e48:#F7F7F7;--e-global-color-6c764f0:#B32318;--e-global-color-7c028ff:#FDA29B;--e-global-color-a907a3a:#FFFFFF;--e-global-color-700791d:#FFFFFF;--e-global-color-cde6922:#FFFFFF;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:24px;--e-global-typography-text-font-weight:700;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:700;--e-global-typography-bc282cb-font-family:"Manrope";--e-global-typography-bc282cb-font-size:16px;--e-global-typography-bc282cb-font-weight:400;--e-global-typography-e393c60-font-family:"Manrope";--e-global-typography-e393c60-font-size:14px;--e-global-typography-e393c60-font-weight:400;--e-global-typography-e521297-font-family:"Manrope";--e-global-typography-e521297-font-size:14px;--e-global-typography-e521297-font-weight:700;--e-global-typography-bd277d7-font-family:"Manrope";--e-global-typography-bd277d7-font-size:12px;--e-global-typography-bd277d7-font-weight:300;--e-global-typography-f691e15-font-family:"Manrope";--e-global-typography-f691e15-font-size:12px;--e-global-typography-f691e15-font-weight:300;font-family:"Manrope", Inter, Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:var( --e-global-typography-primary-font-family ), Inter, Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 h2{font-family:var( --e-global-typography-secondary-font-family ), Inter, Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-7 h3{font-family:var( --e-global-typography-text-font-family ), Inter, Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-7 h4{font-family:var( --e-global-typography-accent-font-family ), Inter, Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-7 h5{font-family:"Manrope", Inter, Sans-serif;font-size:16px;font-weight:700;}.elementor-kit-7 h6{font-family:"Manrope", Inter, Sans-serif;font-size:14px;font-weight:700;}.elementor-kit-7 label{color:var( --e-global-color-002f63f );font-family:"Manrope", Inter, Sans-serif;font-size:14px;font-weight:500;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{color:var( --e-global-color-text );accent-color:var( --e-global-color-primary );background-color:var( --e-global-color-ed90217 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-5576dd4 );border-radius:16px 16px 16px 16px;padding:12px 16px 12px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 h4{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 h4{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.d-flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.justify-content-between {
    justify-content: space-between;
}
.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.align-items-end {
    align-items: end;
}

.step1-back, .step2-back {
    text-align: left;
}

.variations table.variations {
  border: none;
  width: 100%;
}

.variable-item.selected span, .variable-item.selected  {
    font-weight: 700 !important;
}


.variations .label {
  padding: 0;
  border: none;
}
.variations .label label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
/* insert “Select ” before each label text */
.variations .label label::before {
  content: "Select ";
}

/* 2. Pill-shaped option lists */
.variable-items-wrapper {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

/* common pill style */
.variable-item {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 100px;
  padding: 8px 16px;
  background-color: #fff;
  transition: border-color .2s, background-color .2s;
  user-select: none;
}

/* selected state */
.variable-item.selected {
  border-color: #000;
  border-width: 2px;
}

/* — Size buttons — */
.button-variable-item .variable-item-span-button {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 1;
}

/* — Color pills — */
.color-variable-item .variable-item-span-color {
  width: 20px;
    height: 20px;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  flex-shrink: 0;
}

/* show actual color swatch */
.color-variable-item.color-variable-item-green .variable-item-span-color { background-color: #b6c534; }
.color-variable-item.color-variable-item-pink  .variable-item-span-color { background-color: #ff6ac3; }
.color-variable-item.color-variable-item-white .variable-item-span-color { background-color: #fff; }

/* when a color is selected, darken its border and add checkmark */
.color-variable-item.selected .variable-item-span-color {
  border-color: #000;
}
.color-variable-item.selected .variable-item-span-color::after {
  content: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 1L4.33333 8.33333L1 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  top: 46%;
  left: 45%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  width: 12px;
  height: 10px;
  scale: 0.8;
}

/* 3. Stock notice */
.woocommerce-variation-availability {
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
}
.woocommerce-variation-availability b,
.woocommerce-variation-availability strong {
  text-decoration: underline;
  font-weight: 700;
}

/* 4. Price + “Limited time” badge */
.woocommerce-variation-price .price {
  display: flex;
  align-items: center;
  font-family: inherit;
  margin-bottom: 16px;
  gap: 8px;
}

/* original price */
.woocommerce-variation-price .price del {
  font-size: 14px;
  color: #777;
}

/* sale price */
.woocommerce-variation-price .price ins {
  font-size: 28px;
  font-weight: 700;
  color: #000;
  position: relative;
}

/* badge via pseudo‐element */
/* 1) If the .price contains a del → badge goes on the del */
.woocommerce-variation-price .price:has(> del) del::after {
  content: "Limited time";
  display: inline-block;
  background-color: #ff8c00;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 100px;
  margin-left: 8px;
  white-space: nowrap;
}

/* 2) Otherwise (no del) → badge goes on the bdi */
.woocommerce-variation-price .price:not(:has(> del)) bdi::after {
  content: "Limited time";
  display: inline-block;
  background-color: #ff8c00;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 100px;
  margin-left: 8px;
  white-space: nowrap;
}


/* 5. Quantity styling */
.quantity {
  display: inline-flex;
  align-items: center;
  margin-right: 16px;
}

/* hide native arrows */
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity input[type="number"] {
  -moz-appearance: textfield;
}

/* pill input */
.quantity .qty {
  width: 48px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 100px;
  padding: 8px 0;
  margin: 0;
}

/* 6. Add to Cart button */
.single_add_to_cart_button {
  display: inline-block;
  background-color: #2d8f00;
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  transition: background-color .2s;
}
.single_add_to_cart_button:hover {
  background-color: #276e00;
}


.variable-item.color-variable-item::after {
  content: attr(title);
  display: block;
  font-size: 14px;
  color: #333;
  text-align: center; /* or left/right as you prefer */
}

.variable-item-span-color {
        width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    margin-bottom: -3px;
}

.variations tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.variations tr th, .variations tr td {
    background: transparent !important;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: start;
}

form.cart ul {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 20px;
}

.color-variable-item {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    gap: 3px;
}

.single_variation_wrap {
    padding: 30px 0;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
        display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.woocommerce-variation-availability {
    position: absolute;
    top: -24px;
}

.reset_variations {
    display: none !important;
}

.woocommerce-variation-price .price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
}

form.cart ins, form.cart bdi , form.cart del {
        text-decoration: none !important;
}

.woo-selected-variation-item-name {
    display: none;
}


@media screen and (max-width: 1024px) {
    .single_variation_wrap {
            display: flex;
            flex-direction: column;
    align-items: flex-start;
    }
}


div.quantity {
    border: 1px solid #CCCCCC;
    border-radius: 100px;
    overflow: hidden;
    padding: 0 16px;
}

.qty-btn {
    padding: 0;
    border: none;
    background: transparent !important;
    margin-top: 7px !important;
}

.input-text.qty {
        padding: 0 !important;
    border: 0 !important;
    height: 24px !important;
    width: 50px !important;
    color: #000 !important;
    font-weight: 700;
}

.qty-btn-minus {
    margin-left: 0 !important;
}/* End custom CSS */