.wapf-field-group {
    position: relative;
    overflow: hidden;
    height: auto; /* will be updated dynamically */
}

.wapf-section.step {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none; /* hide all by default */
}

.wapf-section.step.stepActive {
    display: flex; /* or block, depending on your layout */
}

.wapf-field-group{
	overflow: hidden;
}
.wapf-wrapper h3 {
	font-size: 30px!important;
	font-weight: 400!important;
	line-height: 36px!important;
	margin: 24px 0px!important;
	text-transform: capitalize;
}
.wapf--inner .product-overview, .wapf-field-container.product-overview hr{
	display: none;
}
.wapf-product-totals .wapf--inner{
    padding: 20px 0px!important; 
    display: grid;
    justify-content: center;
}
.product_tag-steps div.quantity, .product_tag-steps .button[name=add-to-cart] {
    display:none;
}

.product_tag-steps .wapf{
	border-top: 1px solid #E6E0D0;
}
.product_tag-steps .wapf-wrapper {
    border-radius: 4px;
  	border-bottom: 1px solid #E6E0D0;
    padding: 0px 20px;
    margin-bottom:20px;
}

.product_tag-steps .wapf-field-group .step {
    display:none;
}

.product_tag-steps .wapf-field-group .step:first-child {
    display:flex;
}

.product_tag-steps .wapf_step_buttons {
    margin-bottom:40px;
    overflow:hidden;
}

.product_tag-steps .wapf_step_buttons button {
	padding: 19px 48px!important;
}

.product_tag-steps .wapf_btn_prev {
    float:left !important;
	background-color: #E6E0D0 !important;
	color: #22333C !important;
}
.product_tag-steps .wapf_btn_next {
    float:right !important;
	background-color: #22333C !important;
	color: white !important;
	display: flex;
}
.product_tag-steps .wapf_btn_next svg {
	margin-left: 16px;
	width: 19px !important;
  	height: 19px;
	margin-top: 2px;
}

.wapf_step_buttons .e-atc-qty-button-holder{
	float: right;
	min-width: 320px;
}


.product_tag-steps .wapf-progress {
    position:relative;
    max-width:100%;
    width:100%;
    margin: 0 auto;
	margin-top: 40px;
	width: fit-content;
}

.product_tag-steps .wapf-progress:before, .product_tag-steps .wapf-progress-bar {
    content:'';
    position:absolute;
    height:3px;
    width:100%;
    background:#E6E0D0;
    top:19px;
    left:0;
}

.product_tag-steps .wapf-progress-steps {
    margin: 0 auto;
    overflow: hidden;
    counter-reset: step;
    display: flex;
    justify-content: space-between;
	align-items: center;
  	counter-reset: step;
	gap: 17px;
}

.product_tag-steps .wapf-progress-steps div {
    position:relative;
}

.product_tag-steps .wapf-progress-steps div:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height:40px;
	font-size: 16px;
  	font-weight: 400;
  	line-height: 40px;
    border-radius:50%;
    text-align:center;
    display: block;
    background: #E6E0D0;
}

.product_tag-steps .wapf-progress-steps div.active:before {
    background:#437D55; /*The finished step color. Feel free to change*/
    color:white;
}

.product_tag-steps .wapf-progress-bar {
    background:#437D55; /*The finished step color. Feel free to change*/
    width:0%;
}


.commercekit-size-guide button{
	background-color: transparent!important;
	margin: 10px;
}

.custom-guide-shortcode button .commercekit-sg-icon{
	margin-right: 7px;
}

.product_tag-steps p.text{
	padding-top: 5px!important;
}
.product_tag-steps select, .product_tag-steps input[type="text"], .product_tag-steps input[type="number"], .product_tag-steps textarea, .entry-summary select, .entry-summary input[type="text"], .entry-summary input[type="number"], .entry-summary input[type="textarea"] {
	border: 1.5px solid #E6E0D0;
	border-radius: 4px;
	font-weight: 400!important;
/* 	min-width: 330px;
	font-weight: 400 !important;
	min-width: 330px; */
	padding: 13px 16px;
	height: auto;
}

.product_tag-steps textarea{
	min-height: 150px!important;
}

.product_tag-steps select, .entry-summary select {
	background-image: url("data:image/svg+xml;utf8,<svg fill='green' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 22px;
}
}
.product_tag-steps .wapf-field-label label{
	font-weight: 600!important;
}
.product_tag-steps .wapf-radios{
/* 	display: flex; */
	justify-content: center;
}
	
.product_tag-steps .wapf-field-container.wapf-field-select, .product_tag-steps .wapf-field-container.wapf-field-number, .product_tag-steps .wapf-field-container.wapf-field-text {
	display: flex;
/* 	align-items: center; */
/* 	max-width: 450px; */
/* 	width: 100%;
	margin: 0 auto;
	padding: 0px;
	padding-top: 16px; */
}
.product_tag-steps  .wapf-field-container.wapf-field-image-swatch{
	
}
.product_tag-steps .wapf-field-label {
  white-space: nowrap;
/*   margin-right: 40px; */
  flex: 0 1 auto;   
	padding: 0 10px;
}
.product_tag-steps .wapf-field-label label {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product_tag-steps .wapf-field-input {
  flex: 1 1 auto;
  min-width: 0; 
}


.product_tag-steps .wapf-image-swatch-wrapper{
	display: inline-grid;
	justify-content: center;
	margin: 0 auto;
}
.product_tag-steps .wapf-swatch.wapf-swatch--image{
	max-width:250px;
}
.product_tag-steps .wapf-swatch.wapf-swatch--image img{
	border-radius: 4px!important;
}


/* Hide default radio */
.product_tag-steps input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #E6E0D0; /* default border */
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
}

/* Green dot when selected */
.product_tag-steps  input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #437D55; /* green */
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
	.product_tag-steps .wapf-wrapper {
		border-radius: 4px;
		border-bottom: 1px solid #E6E0D0;
		padding: 0px;
		margin-bottom:20px;
	}
	.product_tag-steps .wapf_step_buttons button {
	  padding: 19px 30px !important;
	}
}
@media (max-width: 768px) {
  .product_tag-steps .wapf-progress-steps div::before {
    width: 30px;
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }

  .product_tag-steps .wapf-progress::before,
  .product_tag-steps .wapf-progress-bar {
    top: 14px;
  }
	.wapf-label-text{
		text-align: left;
	}
}






/* .steps-wrapper {
  position: relative;
  overflow: hidden;
}
.step {
  position: absolute;
  top: 0;
  left: 100%; /* start off-screen to the right */
  width: 100%;
  transition: all 0.4s ease;
}
.step.active {
  left: 0; /* slide into view */
}
.step.prev {
  left: -100%; /* if sliding backwards */
} */