/* 2026-07-10 v1.1
 * - Added spacing override for groups directly after product-form h4 headings
 */

body:not(.jquery-inited) .product-formula-form, 
.product-formula-form[inited]:not([inited="1"]):not([state="busy"]) {
	opacity: 0;
}
.product-formula-form {
	transition: 1.5s ease all!important;
}
/*SOME DESIGN AND PADDING*/
.product-formula-form, .product-formula-form *:is(> div, > div > div)  {
	transition: 0.25s ease all 0.1s, 0.2s ease opacity 0.1s;
}
.product-formula-form-item *:is(.kdp-pf-form-item-content) { 
	padding: 10px 20px;	

}
.product-formula-form-item:not(.always-visible):not(.product-formula-form-item-kdp-subproducts) *:is(.kdp-pf-form-item-content),
.product-formula-form-item-kdp-subproducts.kdp-pf-form-item-hidden  *:is(.kdp-pf-form-item-content) { 
		padding-top: 0px!important;
	padding-bottom: 0px!important;
	
}
.product-formula-form-item:not(.always-visible) *:is(.kdp-pf-form-item-content) > div:first-of-type {
	padding-top: 7px!important;
}
.product-formula-form-item:not(.always-visible) *:is(.kdp-pf-form-item-content) > div:last-of-type {
	padding-bottom: 15px!important;
}
/*BASIC STATES:*/
.product-formula-form-item:not(:hover), .product-formula-form-item > :is(h3, .h3), .product-formula-form-item :is(.kdp-pf-form-item-content:not(:hover)), .price-result:not(:has(table)) {
	overflow: hidden;
}
.price-result:not(.x) {
	padding: 15px!important;
	padding-top: 15px!important;
	margin: -15px!important;
	width: calc(100% + 30px)!important;
}

.product-formula-form-item :is(h3, .h3)  {
	max-height: 80px;

}
.product-formula-form-item .kdp-pf-form-item-content.kdp-pf-form-item-hidden:not(.always-visible) {
	background-color: #ccc;
}
.product-formula-form-item:not(.always-visible) *:is(.kdp-pf-form-item-content), .price-result {
	min-height: 0.0001px;
	max-height: 750px;
}
.product-formula-form-item:is(.no-options-to-be-chosen), 
.kdp-pf-form-item-content {
	transition: 0.55s ease all 0.01s, 0.2s ease opacity 0.1s;
}
.product-formula-form-item:is(.no-options-to-be-chosen):not(.unloaded),
.product-formula-form[inited="1"] .product-formula-form-item:is(.no-options-to-be-chosen){
	margin-top:-1px!important;
	max-height: 1px;
	opacity: 0;
	
	
}

/*THE HIDE ANIMATION: */
/*.product-formula-form-item:is(.kdp-pf-form-item-hidden):not(.always-visible) *:is(.kdp-pf-form-item-content),
.kdp-pf-form-item-content:not(:not(.always-visible)):not(:has(div)),*/

.product-formula-form-item.kdp-pf-form-item-hidden:not([open]):not(.always-visible) .kdp-pf-form-item-content,
.kdp-pf-form-item-content:not(:not(.always-visible)):not(:has(div)),
.price-result:not(:has(table)) {
	margin-top:-1px!important;
	max-height: 1px;
	opacity: 0;

	transition: 0.35s ease all 0s, 0.1s ease opacity 0.2s; /*INVOUWEN*/
	pointer-events: none;
	
}

body.is-iphone *:is(.product-formula-form-item.kdp-pf-form-item-hidden:not([open]):not(.always-visible) .kdp-pf-form-item-content,
.kdp-pf-form-item-content:not(:not(.always-visible)):not(:has(div)),
.price-result:not(:has(table))) {
	filter: opacity(0);
	transition: 0.35s ease all 0s, 0.1s ease opacity; /*INVOUWEN*/
}

.product-formula-form-item:is([open], div:not(.kdp-pf-form-item-hidden))  .kdp-pf-form-item-content {
	transition: 0.35s ease all 0s, 0.5s ease opacity 0.05s; /*UITVOUWEN*/
}
.price-result {
	transition: 1.2s ease all 0.2s, 0.2s ease opacity 0.25s;
}
.kdp-pf-form-item-content:not(:has(div)) {
	transition: none!important;
}
.product-formula-form[inited="1"]:not(.always-visible) .kdp-pf-form-item-content   { 
   	animation-duration: 0.5s;
   	animation-name: fadein;
   	animation-iteration-count: 1;
	/*overflow: hidden;
	max-height: 700px;
*/
}

@keyframes slide-in {
  from {
   /*max-height: 1px;*/
	  opacity: 0;
  }

  to {
	  opacity: 1;
    
  }
}
/*
INITIAL STATES / BEFORE LOADED ONCE::
*/
.product-formula-form .product-formula-form-item :is(h3, .h3) > * {
	border-radius: 3px;
}
.product-formula-form .product-formula-form-item :is(h3, .h3) > * {
	
}
.price-result-placeholder, .product-formula-form-item.unloaded .price-nice { 
	display: inline-block;
	border-radius: 3px;
}
.product-formula-form:not([inited="1"]) .product-formula-form-item.unloaded :is(h3, .h3) > *, .price-result-placeholder,
 .product-formula-form-item.unloaded .price-nice {
	
	background-color: rgba(0,0,0,0.15)!important;
	color:rgba(0,0,0,0.0)!important;
	pointer-events: none!important;
}



/*TRULY HIDDEN:*/
.product-formula-form-item:is(.no-options-to-be-chosen[kdp-index="0"]){
	display: none;
}

.product-formula-form-item:is(.no-options-to-be-chosen, .fully-hidden) {
	
}


/*OPENED STATE:*/
.product-formula-form-item:not(.kdp-pf-form-item-hidden) {
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	z-index:999;
}



/*SNAKE LOADER:*/
form {
	position: relative; 
}


.product-formula-form > .product-formula-form-not-loaded-indicator, /*the regular loader */ 
.product-formula-form-item  .product-formula-form-not-loaded-indicator .snake-loader-wrapper  {
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999999;
		pointer-events: none!important;
}
.product-formula-form-not-loaded-indicator { 
	transition: 0.05s linear all!important;
}
.product-formula-form-item .snake-loader-wrapper {
	min-height: 30px!important;
	
}
.product-formula-form:not([state]) .product-formula-form-not-loaded-indicator {
	transition: none!important;
}
.product-formula-form-item {
	position: relative;
}


.product-formula-form:has(.product-formula-form-item[open="open"][hasbutton="false"]) {
	
}



.product-formula-form:has(.product-formula-form-item[open]) >  .product-formula-form-not-loaded-indicator, 
.product-formula-form-item:not([open]) .product-formula-form-not-loaded-indicator,
.product-formula-form:not(:has(.unloaded)) .product-formula-form-item[open] .product-formula-form-not-loaded-indicator {
	pointer-events: none!important;
	opacity: 0;

}
.product-formula-form-item[open="open"]:not([hasbutton]) {
	
}

.product-formula-form-not-loaded-indicator { 
	
}
.product-formula-form:has(.product-formula-form-item[open="open"][hasbutton="true"]) .product-formula-form-not-loaded-indicator { 
	
	opacity: 0;
	pointer-events: none!important;
}
.product-formula-form[state="busy"] {
	
}
.kdp-pf-form-item-content .group:first-of-type {
	margin-top:-5px!important;
	padding-top: 5px!important;
}
.kdp-pf-form-item-content h4 + .group {
	margin-top:5px!important;
}