Benchmark: dev nulldasssas - MeasureThat.net

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
<div data-block-name="woocommerce/legacy-template" data-template="single-product" id="primary" class="content-area"><main id="main" class="site-main" role="main"><div class="woocommerce-notices-wrapper"></div><div id="product-453" class="product type-product post-453 status-publish first instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple">

	<div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4" style="opacity: 1; transition: opacity 0.25s ease-in-out 0s;">
	<figure class="woocommerce-product-gallery__wrapper">
		<div data-thumb="https://micidira.test/wp-content/uploads/mici-dira/render/Image0000-300x300.png" data-thumb-alt="" class="woocommerce-product-gallery__image"><a href="https://micidira.test/wp-content/uploads/mici-dira/render/Image0000.png"><img width="512" height="512" src="https://micidira.test/wp-content/uploads/mici-dira/render/Image0002.png" class="wp-post-image" alt="" decoding="async" loading="lazy" title="Image0000" data-caption="" data-src="https://micidira.test/wp-content/uploads/mici-dira/render/Image0002.png" data-large_image="https://micidira.test/wp-content/uploads/mici-dira/render/Image0002.png" data-large_image_width="512" data-large_image_height="512" srcset="https://micidira.test/wp-content/uploads/mici-dira/render/Image0002.png 512w, https://micidira.test/wp-content/uploads/mici-dira/render/Image0002-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/render/Image0002-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" style="-webkit-mask-image: url(&quot;https://micidira.test/wp-content/uploads/mici-dira/door_invert/Image0002.png&quot;);"><div class="door"><img src="https://micidira.test/wp-content/uploads/mici-dira/render/Image0081.png"></div><div class="flap" style="background-color: rgb(188, 190, 191); -webkit-mask-image: url(&quot;https://micidira.test/wp-content/uploads/mici-dira/flap/Image0002.png&quot;);"></div>
<div class="front" style="background-color: rgb(255, 225, 127); -webkit-mask-image: url(&quot;https://micidira.test/wp-content/uploads/mici-dira/front/Image0002.png&quot;);"></div>
<div class="lock" style="background-color: rgb(234, 224, 221); -webkit-mask-image: url(&quot;https://micidira.test/wp-content/uploads/mici-dira/lock/Image0002.png&quot;);"></div></a></div>	</figure>
</div>

	<div class="summary entry-summary">
		<h1 class="product_title entry-title">Mici díra 6</h1><p class="price"><span class="woocommerce-Price-amount amount"><bdi>750&nbsp;<span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></p>

	
	<form class="cart" action="https://micidira.test/produkt/mici-dira-6/" method="post" enctype="multipart/form-data">
					<div id="yith-wapo-container" data-product-price="750">
				<input type="hidden" id="yith_wapo_product_id" name="yith_wapo_product_id" value="453"><input type="hidden" id="yith_wapo_product_img" name="yith_wapo_product_img" value=""><input type="hidden" id="yith_wapo_is_single" name="yith_wapo_is_single" value="1">
<div id="yith-wapo-block-1" class="yith-wapo-block">

	
			<div id="yith-wapo-addon-1" class="yith-wapo-addon yith-wapo-addon-type-color  default-closed  barva-vstupu" data-min="" data-max="" data-exa="" data-addon-type="color" style="
				background-color: ; padding: px px px px;					">

				
									<h3 class="wapo-addon-title toggle-closed">Barva vstupu</h3>
									
				<div class="options default-closed per-row-6 grid"><p class="wapo-addon-description">popis</p>
<div id="yith-wapo-option-1-0" class="yith-wapo-option selection-single" data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-0]" value="PR Vanilla White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" checked="checked" data-uuid="1" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-0">
		<span class="color" style="background: 
		#EAE0DD			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-1" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-1]" value="PR Gravity Grey" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="2" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-1">
		<span class="color" style="background: 
		#BCBEBF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-2" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-2]" value="PR Pristine White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="3" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-2">
		<span class="color" style="background: 
		#EFEFEF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-3" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-3]" value="PM MarbleJet - Light" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="4" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-3">
		<span class="color" style="background: 
		#F1E5DB			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-4" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-4]" value="PM Béžová" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="5" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-4">
		<span class="color" style="background: 
		#EFE5C8			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-5" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-5]" value="PM Khaki" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="6" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-5">
		<span class="color" style="background: 
		#B8AB8C			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-6" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-6]" value="PM Hnědá" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="7" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-6">
		<span class="color" style="background: 
		#6F3B2F			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-7" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-7]" value="PT Wood Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="8" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-7">
		<span class="color" style="background: 
		#D2A273			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-8" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-8]" value="PT Earth Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="9" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-8">
		<span class="color" style="background: 
		#775C50			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-9" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-9]" value="PT Pastel Peanut" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="10" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-9">
		<span class="color" style="background: 
		#EBCAA4			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-10" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-10]" value="PT Jet Black" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="11" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-10">
		<span class="color" style="background: 
		#2E2B30			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-11" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-11]" value="PT Muted Red" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="12" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-11">
		<span class="color" style="background: 
		#C44F26			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-12" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-12" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-12]" value="PT Pastel Watermelon" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="13" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-12">
		<span class="color" style="background: 
		#FC6371			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-13" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-13" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-13]" value="PT Sakura Pink" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="14" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-13">
		<span class="color" style="background: 
		#E4BDD0			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-14" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-14" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-14]" value="PT Muted Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="15" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-14">
		<span class="color" style="background: 
		#7A9DB3			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-15" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-15" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-15]" value="PT Sapphire Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="16" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-15">
		<span class="color" style="background: 
		#0078BF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-1-16" class="yith-wapo-option selection-single selected" data-replace-image="">

	<input type="checkbox" id="yith-wapo-1-16" class="yith-proteo-standard-checkbox" name="yith_wapo[][1-16]" value="PT Savannah Yellow" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="1" data-uuid="17" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-1-16">
		<span class="color" style="background: 
		#FFE17F			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>
<div class="clear"></div></div>
			</div>

			
			<div id="yith-wapo-addon-2" class="yith-wapo-addon yith-wapo-addon-type-label  default-closed  tvar-vstupu" data-min="" data-max="" data-exa="" data-addon-type="label" style="
				background-color: ; padding: px px px px;					">

				
									<h3 class="wapo-addon-title toggle-closed">Tvar vstupu</h3>
									
				<div class="options default-closed per-row-3 grid">
<div id="yith-wapo-option-2-0" class="yith-wapo-option selection-single" data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-2-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][2-0]" value="Normální" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="2" checked="checked" data-uuid="1" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-2-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/front/Image0063-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>Normální</span>
		</span>
	
</div>

<div id="yith-wapo-option-2-1" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-2-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][2-1]" value="Ďáblík" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="2" data-uuid="2" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-2-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/front/Image0058-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>Ďáblík</span>
		</span>
	
</div>

<div id="yith-wapo-option-2-2" class="yith-wapo-option selection-single selected" data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-2-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][2-2]" value="Bez uší" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="2" data-uuid="3" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-2-2" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/front/Image0059-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>Bez uší</span>
		</span>
	
</div>
<div class="clear"></div></div>
			</div>

			
			<div id="yith-wapo-addon-3" class="yith-wapo-addon yith-wapo-addon-type-color  default-closed  barva-klapky" data-min="" data-max="" data-exa="" data-addon-type="color" style="
				background-color: ; padding: px px px px;					">

				
									<h3 class="wapo-addon-title toggle-closed">Barva klapky</h3>
									
				<div class="options default-closed per-row-6 grid"><p class="wapo-addon-description">popis</p>
<div id="yith-wapo-option-3-0" class="yith-wapo-option selection-single" data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-0]" value="PR Vanilla White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" checked="checked" data-uuid="1" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-0">
		<span class="color" style="background: 
		#EAE0DD			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-1" class="yith-wapo-option selection-single selected" data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-1]" value="PR Gravity Grey" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="2" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-1">
		<span class="color" style="background: 
		#BCBEBF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-2" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-2]" value="PR Pristine White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="3" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-2">
		<span class="color" style="background: 
		#EFEFEF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-3" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-3]" value="PM MarbleJet - Light" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="4" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-3">
		<span class="color" style="background: 
		#F1E5DB			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-4" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-4]" value="PM Béžová" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="5" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-4">
		<span class="color" style="background: 
		#EFE5C8			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-5" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-5]" value="PM Khaki" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="6" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-5">
		<span class="color" style="background: 
		#B8AB8C			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-6" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-6]" value="PM Hnědá" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="7" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-6">
		<span class="color" style="background: 
		#6F3B2F			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-7" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-7]" value="PT Wood Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="8" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-7">
		<span class="color" style="background: 
		#D2A273			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-8" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-8]" value="PT Earth Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="9" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-8">
		<span class="color" style="background: 
		#775C50			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-9" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-9]" value="PT Pastel Peanut" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="10" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-9">
		<span class="color" style="background: 
		#EBCAA4			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-10" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-10]" value="PT Jet Black" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="11" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-10">
		<span class="color" style="background: 
		#2E2B30			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-11" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-11]" value="PT Muted Red" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="12" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-11">
		<span class="color" style="background: 
		#C44F26			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-12" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-12" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-12]" value="PT Pastel Watermelon" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="13" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-12">
		<span class="color" style="background: 
		#FC6371			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-13" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-13" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-13]" value="PT Sakura Pink" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="14" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-13">
		<span class="color" style="background: 
		#E4BDD0			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-14" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-14" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-14]" value="PT Muted Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="15" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-14">
		<span class="color" style="background: 
		#7A9DB3			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-15" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-15" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-15]" value="PT Sapphire Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="16" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-15">
		<span class="color" style="background: 
		#0078BF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-3-16" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-3-16" class="yith-proteo-standard-checkbox" name="yith_wapo[][3-16]" value="PT Savannah Yellow" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="3" data-uuid="17" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-3-16">
		<span class="color" style="background: 
		#FFE17F			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>
<div class="clear"></div></div>
			</div>

			
			<div id="yith-wapo-addon-4" class="yith-wapo-addon yith-wapo-addon-type-label  default-closed  tvar-klapky" data-min="" data-max="" data-exa="" data-addon-type="label" style="
				background-color: ; padding: px px px px;					">

				
									<h3 class="wapo-addon-title toggle-closed">Tvar klapky</h3>
									
				<div class="options default-closed per-row-3 grid">
<div id="yith-wapo-option-4-0" class="yith-wapo-option selection-single selected" data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-0]" value="f_0" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" checked="checked" data-uuid="1" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0000-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-1" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-1]" value="f_3" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="2" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0003-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-2" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-2]" value="f_6" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="3" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-2" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0006-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-3" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-3]" value="f_9" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="4" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-3" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0009-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-4" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-4]" value="f_12" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="5" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-4" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0012-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-5" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-5]" value="f_15" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="6" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-5" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0015-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-6" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-6]" value="f_18" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="7" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-6" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0018-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-7" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-7]" value="f_21" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="8" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-7" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0021-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-8" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-8]" value="f_24" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="9" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-8" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0024-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-9" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-9]" value="f_27" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="10" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-9" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0027-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-10" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-10]" value="f_30" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="11" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-10" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0030-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-4-11" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-4-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][4-11]" value="f_33" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="4" data-uuid="12" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-4-11" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/flap/Image0033-150x150.png" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>
<div class="clear"></div></div>
			</div>

			
			<div id="yith-wapo-addon-5" class="yith-wapo-addon yith-wapo-addon-type-label  default-closed  zamek" data-min="" data-max="" data-exa="" data-addon-type="label" style="
				background-color: ; padding: px px px px;					">

				
									<h3 class="wapo-addon-title toggle-closed">Zámek</h3>
									
				<div class="options default-closed per-row-6 grid">
<div id="yith-wapo-option-5-0" class="yith-wapo-option selection-single selected" data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-5-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][5-0]" value="Ne" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="5" checked="checked" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-5-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
						<div class="inside">

									<div class="label_price">Ne </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>Ne</span>
		</span>
	
</div>

<div id="yith-wapo-option-5-1" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-5-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][5-1]" value="Ano" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="5" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-5-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
						<div class="inside">

									<div class="label_price">Ano </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>Ano</span>
		</span>
	
</div>
<div class="clear"></div></div>
			</div>

			
			<div id="yith-wapo-addon-6" class="yith-wapo-addon yith-wapo-addon-type-color default-closed conditional_logic barva-zamku hidden" data-min="" data-max="" data-exa="" data-addon-type="color" data-addon_id="6" data-conditional_logic_display="show" data-conditional_logic_display_if="all" data-conditional_rule_addon="5-1" data-conditional_rule_addon_is="selected" style="
				background-color: ; padding: px px px px; display: none;					">

				
									<h3 class="wapo-addon-title toggle-closed">Barva zámku</h3>
									
				<div class="options default-closed per-row-6 grid"><p class="wapo-addon-description">popis</p>
<div id="yith-wapo-option-6-0" class="yith-wapo-option selection-single selected" data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-0]" value="PR Vanilla White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" checked="checked" data-uuid="1" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-0">
		<span class="color" style="background: 
		#EAE0DD			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-1" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-1]" value="PR Gravity Grey" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="2" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-1">
		<span class="color" style="background: 
		#BCBEBF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-2" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-2]" value="PR Pristine White" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="3" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-2">
		<span class="color" style="background: 
		#EFEFEF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-3" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-3]" value="PM MarbleJet - Light" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="4" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-3">
		<span class="color" style="background: 
		#F1E5DB			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-4" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-4]" value="PM Béžová" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="5" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-4">
		<span class="color" style="background: 
		#EFE5C8			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-5" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-5]" value="PM Khaki" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="6" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-5">
		<span class="color" style="background: 
		#B8AB8C			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-6" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-6]" value="PM Hnědá" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="7" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-6">
		<span class="color" style="background: 
		#6F3B2F			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-7" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-7]" value="PT Wood Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="8" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-7">
		<span class="color" style="background: 
		#D2A273			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-8" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-8]" value="PT Earth Brown" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="9" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-8">
		<span class="color" style="background: 
		#775C50			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-9" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-9]" value="PT Pastel Peanut" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="10" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-9">
		<span class="color" style="background: 
		#EBCAA4			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-10" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-10]" value="PT Jet Black" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="11" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-10">
		<span class="color" style="background: 
		#2E2B30			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-11" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-11]" value="PT Muted Red" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="12" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-11">
		<span class="color" style="background: 
		#C44F26			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-12" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-12" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-12]" value="PT Pastel Watermelon" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="13" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-12">
		<span class="color" style="background: 
		#FC6371			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-13" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-13" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-13]" value="PT Sakura Pink" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="14" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-13">
		<span class="color" style="background: 
		#E4BDD0			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-14" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-14" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-14]" value="PT Muted Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="15" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-14">
		<span class="color" style="background: 
		#7A9DB3			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-15" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-15" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-15]" value="PT Sapphire Blue" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="16" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-15">
		<span class="color" style="background: 
		#0078BF			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>

<div id="yith-wapo-option-6-16" class="yith-wapo-option selection-single " data-replace-image="">

	<input type="checkbox" id="yith-wapo-6-16" class="yith-proteo-standard-checkbox" name="yith_wapo[][6-16]" value="PT Savannah Yellow" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="6" data-uuid="17" style="display: none;">

	<!-- UNDER IMAGE -->
	
	<!-- LABEL -->
	<label for="yith-wapo-6-16">
		<span class="color" style="background: 
		#FFE17F			;">
					</span>
		<small></small>
			</label>

	<!-- REQUIRED -->
	
	<!-- TOOLTIP -->
	
	<!-- UNDER IMAGE -->
	
	<!-- DESCRIPTION -->
	
</div>
<div class="clear"></div></div>
			</div>

			
			<div id="yith-wapo-addon-7" class="yith-wapo-addon yith-wapo-addon-type-label  default-closed  sila-dveri" data-min="" data-max="" data-exa="" data-addon-type="label" style="
				background-color: ; padding: px px px px;					">

				
									<h3 class="wapo-addon-title toggle-closed">Síla dveří</h3>
									
				<div class="options default-closed per-row-3 grid">
<div id="yith-wapo-option-7-0" class="yith-wapo-option selection-single selected" data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-7-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-0]" value="40mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" checked="checked" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-7-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
						<div class="inside">

									<div class="label_price">40mm </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>40mm</span>
		</span>
	
</div>

<div id="yith-wapo-option-7-1" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-7-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-1]" value="41mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-7-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
						<div class="inside">

									<div class="label_price">41mm </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>41mm</span>
		</span>
	
</div>

<div id="yith-wapo-option-7-2" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-7-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-2]" value="42mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-7-2" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
						<div class="inside">

									<div class="label_price">42mm </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>42mm</span>
		</span>
	
</div>

<div id="yith-wapo-option-7-3" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-7-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-3]" value="44mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-7-3" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
						<div class="inside">

									<div class="label_price">44mm </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>44mm</span>
		</span>
	
</div>

<div id="yith-wapo-option-7-4" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-7-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][7-4]" value="45mm" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="7" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-7-4" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
						<div class="inside">

									<div class="label_price">45mm </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
			<span class="tooltip position-" style="width: 84%;">
			<span>45mm</span>
		</span>
	
</div>
<div class="clear"></div></div>
			</div>

			
			<div id="yith-wapo-addon-8" class="yith-wapo-addon yith-wapo-addon-type-label  default-closed  barva-dveri" data-min="" data-max="" data-exa="" data-addon-type="label" style="
				background-color: ; padding: px px px px;					">

				
									<h3 class="wapo-addon-title toggle-closed">Barva dveří</h3>
									
				<div class="options default-closed per-row-3 grid">
<div id="yith-wapo-option-8-0" class="yith-wapo-option selection-single" data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-0" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-0]" value="d_500" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" checked="checked" data-uuid="500" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-0" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/500-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-1" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-1" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-1]" value="d_517" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="517" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-1" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/517-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-2" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-2" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-2]" value="d_558" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="558" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-2" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/558-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-3" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-3" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-3]" value="d_560" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="560" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-3" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/560-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-4" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-4" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-4]" value="d_565" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="565" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-4" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/565-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-5" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-5" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-5]" value="d_555" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="555" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-5" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/555-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-6" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-6" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-6]" value="d_556" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="556" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-6" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/556-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-7" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-7" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-7]" value="d_563" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="563" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-7" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/563-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-8" class="yith-wapo-option selection-single selected" data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-8" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-8]" value="d_569" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="569" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-8" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/569-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-9" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-9" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-9]" value="d_570" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="570" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-9" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/570-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-10" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-10" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-10]" value="d_580" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="580" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-10" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/580-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>

<div id="yith-wapo-option-8-11" class="yith-wapo-option selection-single " data-replace-image="">

	<!-- INPUT -->
	<input type="checkbox" id="yith-wapo-8-11" class="yith-proteo-standard-checkbox" name="yith_wapo[][8-11]" value="d_567" data-price="0" data-price-sale="0" data-price-type="fixed" data-price-method="free" data-first-free-enabled="" data-first-free-options="" data-addon-id="8" data-uuid="567" style="display: none;">

	<div class="label_container above inside" style="display: inline-block; width: 84%;">

		
		<label for="yith-wapo-8-11" style="width: 100%; padding: 0px 0px 0px 0px; text-align: center;">

			
											<div class="image" style="display: inline-block;">
					<img decoding="async" src="https://micidira.test/wp-content/uploads/mici-dira/door_materials/567-150x150.jpg" style="" alt="">
				</div>
						<div class="inside">

									<div class="label_price"> </div>				
				
			</div>

		</label>

		<div class="outside">

			
										
		</div>

	</div>

	
	
</div>
<div class="clear"></div></div>
			</div>

			
</div>

				<div id="wapo-total-price-table" style="opacity: 1;">
					<table class="only_final">
													<tbody><tr class="wapo-product-price" style="display: none;">
								<th>Product price:</th>
								<td id="wapo-total-product-price">750 Kč <small></small></td>
							</tr>
												<tr class="wapo-total-options" style="display: none;">
							<th>Total options:</th>
							<td id="wapo-total-options-price">0 Kč</td>
						</tr>
												<tr class="wapo-total-order">
							<th>Order total:</th>
							<td id="wapo-total-order-price">750 Kč</td>
						</tr>
											</tbody></table>
					<script type="text/javascript">
						jQuery(function($) {
							jQuery( 'form.cart div.yith-wapo-addon' ).on( 'change', function () {
								yith_wapo_calculate_total_price();
							} );
                            jQuery( 'form.cart .yith-wapo-addon-type-number input[type="number"], form.cart .yith-wapo-addon-type-text input[type="text"]' ).on( 'keyup', (function () {
                                yith_wapo_calculate_total_price();
                            } ) );
							jQuery( 'form.cart .qty' ).on( 'change', function () {
								yith_wapo_calculate_total_price();
							} );
							jQuery( function () {
								yith_wapo_calculate_total_price();
							} );

							function yith_wapo_calculate_total_price() {
								jQuery('#wapo-total-price-table').css('opacity', '0.5');
								setTimeout(function () {
									var addonID = 0;
									var totalPrice = 0;
									var firstFreeOptions = 0;
                                    var defaultProductPrice = 750;
                                    var totalPriceBoxOption = 'only_final';
									jQuery('form.cart .yith-wapo-addon:not(.hidden) input, form.cart .yith-wapo-addon:not(.hidden) select, form.cart .yith-wapo-addon:not(.hidden) textarea').each(function () {
										let option       = jQuery( this );
										let option_id    = option.data( 'addon-id' );

										if ( option_id ) {
											let option_type  = option.attr( 'type' )
											let price_method = option.data( 'price-method' );
											let price        = 0;
											let price_type   = '';

											let addon        = option.parents( '.yith-wapo-addon' );
											let addon_type   = addon.data( 'addon-type' );

											if ( 'number' === option_type && 0 == option.val() ) {
												return;
											}

											if ( option.is( ':checked' ) || option.find( ':selected' ).is('option')
												|| ( option.is( 'input:not([type=checkbox])' ) && option.is( 'input:not([type=radio])' ) && option.val() != '')
												|| ( option.is( 'textarea' ) && option.val() != '')
											) {

												if ( option.is( 'select' ) ) {
													option = option.find( ':selected' );
												} else {
													option = option;
												}

												if ( 'number' === option_type ) {
													yith_wapo_check_multiplied_price( option );
												}

												if ( addonID != option.data( 'addon-id' ) ) {
													addonID = option.data( 'addon-id' );
													firstFreeOptions = option.data( 'first-free-options' );
												}

												if ( option.data('first-free-enabled') == 'yes' && firstFreeOptions > 0 ) {
													firstFreeOptions--;
												} else {

													if ( typeof option.data( 'price-type' ) != 'undefined' && '' !== option.data( 'price-type' ) ){
														price_type = option.data( 'price-type' ); // Percentage or fixed
													}

                                                    if ( typeof option.data('price-sale') != 'undefined' && option.data('price-sale') > 0 && 'multiplied' !== price_type ) {
														price = parseFloat( option.data('price-sale') );
													} else if (typeof option.data( 'price' ) != 'undefined' && option.data( 'price' ) != '') {
														price = parseFloat( option.data( 'price' ) );
													}

                                                    if ( 'percentage' === price_type ) {
                                                        price = ( price * defaultProductPrice ) / 100;
                                                    }

													totalPrice += price;
                                                }
											}
										}
									});



                                    // Plugin option "Total price box".
                                    if ( 'hide_options' === totalPriceBoxOption ) {
                                        if ( totalPrice !== 0 ) {
                                            jQuery('#wapo-total-price-table .hide_options tr.wapo-total-options').fadeIn();
                                        } else {
                                            jQuery('#wapo-total-price-table .hide_options tr.wapo-total-options').hide();
                                        }
									}

									var totalCurrency = '&#075;&#269;';
									var totalCurrencyPos = 'right_space';
									var totalThousandSep = '';
									var totalDecimalSep = ',';
									var totalPriceNumDec = '0';

									var totalProductPrice = defaultProductPrice;
									var totalOptionsPrice = parseFloat( totalPrice );
									var totalOrderPrice = parseFloat( totalPrice + defaultProductPrice );

									// Qty multiplication
									var qty = jQuery('form .quantity input.qty').val();
									if ( ! qty > 0 ) { qty = 1; }
									totalProductPrice = parseFloat( totalProductPrice ) * parseFloat( qty );
									totalOptionsPrice = parseFloat( totalOptionsPrice ) * parseFloat( qty );
									totalOrderPrice = parseFloat( totalOrderPrice ) * parseFloat( qty );

									// Price without formatting.
									var total_ProductPrice = totalProductPrice;
									var total_OptionsPrice = totalOptionsPrice;

									// Price formatting
									totalProductPrice = totalProductPrice.toFixed(totalPriceNumDec).replace('.', totalDecimalSep).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + totalThousandSep);
									totalOptionsPrice = totalOptionsPrice.toFixed(totalPriceNumDec).replace('.', totalDecimalSep).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + totalThousandSep);
									totalOrderPrice = totalOrderPrice.toFixed(totalPriceNumDec).replace('.', totalDecimalSep).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + totalThousandSep);

									if (totalCurrencyPos == 'right') {
										totalProductPrice = totalProductPrice + totalCurrency;
										totalOptionsPrice = totalOptionsPrice + totalCurrency;
										totalOrderPrice = totalOrderPrice + totalCurrency;
									} else if (totalCurrencyPos == 'right_space') {
										totalProductPrice = totalProductPrice + ' ' + totalCurrency;
										totalOptionsPrice = totalOptionsPrice + ' ' + totalCurrency;
										totalOrderPrice = totalOrderPrice + ' ' + totalCurrency;
									} else if (totalCurrencyPos == 'left_space') {
										totalProductPrice = totalCurrency + ' ' + totalProductPrice;
										totalOptionsPrice = totalCurrency + ' ' + totalOptionsPrice;
										totalOrderPrice = totalCurrency + ' ' + totalOrderPrice;
									} else {
										totalProductPrice = totalCurrency + totalProductPrice;
										totalOptionsPrice = totalCurrency + totalOptionsPrice;
										totalOrderPrice = totalCurrency + totalOrderPrice;
									}

									jQuery('#wapo-total-product-price').html(totalProductPrice + ' <small></small>');
									jQuery('#wapo-total-options-price').html( totalOptionsPrice );
									jQuery('#wapo-total-order-price').html( totalOrderPrice );
																		jQuery('#wapo-total-price-table').css('opacity', '1');

									$(document).trigger( 'yith_wapo_product_price_updated', [ total_ProductPrice + total_OptionsPrice ] );

								}, 1000);
							}
						});
					</script>
				</div>
			
			<style type="text/css">
								.yith-wapo-block .yith-wapo-addon .options.per-row-1 .yith-wapo-option {
					width: auto;
					max-width: 98%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-1 .yith-wapo-option:nth-of-type(1n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-1 .yith-wapo-option {
					width: 98%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-1 .yith-wapo-option:nth-of-type(1n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-2 .yith-wapo-option {
					width: auto;
					max-width: 48%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-2 .yith-wapo-option:nth-of-type(2n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-2 .yith-wapo-option {
					width: 48%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-2 .yith-wapo-option:nth-of-type(2n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-3 .yith-wapo-option {
					width: auto;
					max-width: 31.333333333333%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-3 .yith-wapo-option:nth-of-type(3n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-3 .yith-wapo-option {
					width: 31.333333333333%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-3 .yith-wapo-option:nth-of-type(3n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-4 .yith-wapo-option {
					width: auto;
					max-width: 23%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-4 .yith-wapo-option:nth-of-type(4n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-4 .yith-wapo-option {
					width: 23%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-4 .yith-wapo-option:nth-of-type(4n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-5 .yith-wapo-option {
					width: auto;
					max-width: 18%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-5 .yith-wapo-option:nth-of-type(5n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-5 .yith-wapo-option {
					width: 18%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-5 .yith-wapo-option:nth-of-type(5n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-6 .yith-wapo-option {
					width: auto;
					max-width: 14.666666666667%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-6 .yith-wapo-option:nth-of-type(6n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-6 .yith-wapo-option {
					width: 14.666666666667%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-6 .yith-wapo-option:nth-of-type(6n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-7 .yith-wapo-option {
					width: auto;
					max-width: 12.285714285714%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-7 .yith-wapo-option:nth-of-type(7n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-7 .yith-wapo-option {
					width: 12.285714285714%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-7 .yith-wapo-option:nth-of-type(7n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-8 .yith-wapo-option {
					width: auto;
					max-width: 10.5%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-8 .yith-wapo-option:nth-of-type(8n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-8 .yith-wapo-option {
					width: 10.5%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-8 .yith-wapo-option:nth-of-type(8n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-9 .yith-wapo-option {
					width: auto;
					max-width: 9.111111111111%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-9 .yith-wapo-option:nth-of-type(9n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-9 .yith-wapo-option {
					width: 9.111111111111%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-9 .yith-wapo-option:nth-of-type(9n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-10 .yith-wapo-option {
					width: auto;
					max-width: 8%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-10 .yith-wapo-option:nth-of-type(10n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-10 .yith-wapo-option {
					width: 8%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-10 .yith-wapo-option:nth-of-type(10n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-11 .yith-wapo-option {
					width: auto;
					max-width: 7.0909090909091%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-11 .yith-wapo-option:nth-of-type(11n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-11 .yith-wapo-option {
					width: 7.0909090909091%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-11 .yith-wapo-option:nth-of-type(11n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-12 .yith-wapo-option {
					width: auto;
					max-width: 6.3333333333333%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-12 .yith-wapo-option:nth-of-type(12n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-12 .yith-wapo-option {
					width: 6.3333333333333%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-12 .yith-wapo-option:nth-of-type(12n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-13 .yith-wapo-option {
					width: auto;
					max-width: 5.6923076923077%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-13 .yith-wapo-option:nth-of-type(13n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-13 .yith-wapo-option {
					width: 5.6923076923077%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-13 .yith-wapo-option:nth-of-type(13n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-14 .yith-wapo-option {
					width: auto;
					max-width: 5.1428571428571%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-14 .yith-wapo-option:nth-of-type(14n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-14 .yith-wapo-option {
					width: 5.1428571428571%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-14 .yith-wapo-option:nth-of-type(14n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-15 .yith-wapo-option {
					width: auto;
					max-width: 4.6666666666667%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-15 .yith-wapo-option:nth-of-type(15n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-15 .yith-wapo-option {
					width: 4.6666666666667%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-15 .yith-wapo-option:nth-of-type(15n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-16 .yith-wapo-option {
					width: auto;
					max-width: 4.25%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-16 .yith-wapo-option:nth-of-type(16n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-16 .yith-wapo-option {
					width: 4.25%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-16 .yith-wapo-option:nth-of-type(16n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-17 .yith-wapo-option {
					width: auto;
					max-width: 3.8823529411765%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-17 .yith-wapo-option:nth-of-type(17n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-17 .yith-wapo-option {
					width: 3.8823529411765%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-17 .yith-wapo-option:nth-of-type(17n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-18 .yith-wapo-option {
					width: auto;
					max-width: 3.5555555555556%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-18 .yith-wapo-option:nth-of-type(18n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-18 .yith-wapo-option {
					width: 3.5555555555556%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-18 .yith-wapo-option:nth-of-type(18n+1) {
					clear: both;
				}

								.yith-wapo-block .yith-wapo-addon .options.per-row-19 .yith-wapo-option {
					width: auto;
					max-width: 3.2631578947368%;
					float: left;
				}

				.yith-wapo-block .yith-wapo-addon .options.per-row-19 .yith-wapo-option:nth-of-type(19n+1) {
					clear: both;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-19 .yith-wapo-option {
					width: 3.2631578947368%;
					margin-right: 2%;
					float: left;
					clear: none;
				}

				.yith-wapo-block .yith-wapo-addon .options.grid.per-row-19 .yith-wapo-option:nth-of-type(19n+1) {
					clear: both;
				}

				
				
				/* COLOR SWATCHES */
				.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option label {
					height: px;
				}

				.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option label span.color {
					width: px;
					height: px;
									}

				.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected label:after {
					margin: 0px -5px -13px 0px;
				}

				/* LABEL / IMAGES */
								/* TOOLTIP */
				.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span {
					background-color: #03bfac;
					color: #ffffff;
				}

				.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after {
					border-top-color: #03bfac;
				}

				.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after {
					border-bottom-color: #03bfac;
				}
				/* TOOLTIP */
				.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span {
					background-color: #03bfac;
					color: #ffffff;
				}

				.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after {
					border-top-color: #03bfac;
				}

				.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after {
					border-bottom-color: #03bfac;
				}
			</style>
			<script type="text/javascript">
								// jQuery('form.cart').on( 'click', '.single_add_to_cart_button', function(){ return yith_wapo_check_required_fields( 'highlight' ); console.log('yith_wapo_check_required_fields'); });
							</script>
						</div><!-- #yith-wapo-container -->
			
		<div class="quantity">
		<label class="screen-reader-text" for="quantity_6415f23a45e81">Mici díra 6 množství</label>
	<input type="number" id="quantity_6415f23a45e81" class="input-text qty text" name="quantity" value="1" title="Množství" size="4" min="1" max="" step="1" placeholder="" inputmode="numeric" autocomplete="off">
	</div>

		<button type="submit" name="add-to-cart" value="453" class="single_add_to_cart_button button alt wp-element-button">Přidat do košíku</button>

			</form>

	
<div class="product_meta">

	
	
	<span class="posted_in">Kategorie: <a href="https://micidira.test/kategorie-produktu/mici-dira/" rel="tag">Mici díra</a></span>
	
	
</div>
	</div>

	
	<section class="related products">

					<h2>Související produkty</h2>
				
		<ul class="products columns-4">

			
					<li class="product type-product post-449 status-publish first instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple">
	<a href="https://micidira.test/produkt/mici-dira-4?barva_klapky=4&amp;barva_vstupu=10&amp;barva_dveri=570&amp;tvar_klapky=1&amp;tvar_vstupu=3&amp;zamek=1&amp;barva_zamku=1" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_4.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" loading="lazy" srcset="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_4.png 512w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_4-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_4-150x150.png 150w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title">Mici díra 4</h2>
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>750&nbsp;<span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></span>
</a><a href="https://micidira.test/produkt/mici-dira-4?barva_klapky=4\&amp;barva_vstupu=10\&amp;barva_dveri=570\&amp;tvar_klapky=1\&amp;tvar_vstupu=3\&amp;zamek=1\&amp;barva_zamku=1" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="449" data-product_sku="" aria-label="Přidat „Mici díra 4“ do košíku" rel="nofollow">Vybrat</a></li>

			
					<li class="product type-product post-459 status-publish instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple">
	<a href="https://micidira.test/produkt/mici-dira-9?barva_klapky=3&amp;barva_vstupu=2&amp;barva_dveri=500&amp;tvar_klapky=7&amp;tvar_vstupu=2&amp;zamek=1&amp;barva_zamku=1" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_9.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" loading="lazy" srcset="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_9.png 512w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_9-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_9-150x150.png 150w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title">Mici díra 9</h2>
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>750&nbsp;<span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></span>
</a><a href="https://micidira.test/produkt/mici-dira-9?barva_klapky=3\&amp;barva_vstupu=2\&amp;barva_dveri=500\&amp;tvar_klapky=7\&amp;tvar_vstupu=2\&amp;zamek=1\&amp;barva_zamku=1" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="459" data-product_sku="" aria-label="Přidat „Mici díra 9“ do košíku" rel="nofollow">Vybrat</a></li>

			
					<li class="product type-product post-443 status-publish instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple">
	<a href="https://micidira.test/produkt/mici-dira-2?barva_klapky=3&amp;barva_vstupu=10&amp;barva_dveri=560&amp;tvar_klapky=1&amp;tvar_vstupu=1&amp;zamek=1&amp;barva_zamku=1" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_2.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" loading="lazy" srcset="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_2.png 512w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_2-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_2-150x150.png 150w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title">Mici díra 2</h2>
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>520&nbsp;<span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></span>
</a><a href="https://micidira.test/produkt/mici-dira-2?barva_klapky=3\&amp;barva_vstupu=10\&amp;barva_dveri=560\&amp;tvar_klapky=1\&amp;tvar_vstupu=1\&amp;zamek=1\&amp;barva_zamku=1" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="443" data-product_sku="" aria-label="Přidat „Mici díra 2“ do košíku" rel="nofollow">Vybrat</a></li>

			
					<li class="product type-product post-455 status-publish last instock product_cat-mici-dira has-post-thumbnail shipping-taxable purchasable product-type-simple">
	<a href="https://micidira.test/produkt/mici-dira-7?barva_klapky=14&amp;barva_vstupu=13&amp;barva_dveri=0&amp;tvar_klapky=10&amp;tvar_vstupu=2&amp;zamek=1&amp;barva_zamku=1" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_7.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" loading="lazy" srcset="https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_7.png 512w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_7-300x300.png 300w, https://micidira.test/wp-content/uploads/mici-dira/variation_images/mici-dira_7-150x150.png 150w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title">Mici díra 7</h2>
	<span class="price"><span class="woocommerce-Price-amount amount"><bdi>750&nbsp;<span class="woocommerce-Price-currencySymbol">Kč</span></bdi></span></span>
</a><a href="https://micidira.test/produkt/mici-dira-7?barva_klapky=14\&amp;barva_vstupu=13\&amp;barva_dveri=0\&amp;tvar_klapky=10\&amp;tvar_vstupu=2\&amp;zamek=1\&amp;barva_zamku=1" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="455" data-product_sku="" aria-label="Přidat „Mici díra 7“ do košíku" rel="nofollow">Vybrat</a></li>

			
		</ul>

	</section>
	</div>

</main></div>
Tests:
A
let x = $(".barva-dveri .yith-wapo-option label")
B
let x = $(".barva-dveri").find(".yith-wapo-option label")
C
let x = $(".barva-dveri").find(".yith-wapo-option").find("label")
D
let x = $(".barva-dveri").find("label")
Rendered benchmark preparation results:
Suite status: <idle, ready to run>

Previous results
Test case name	Result
A
B
C
D
Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.
Website Performance Monitoring by Request Metrics
Latest run results:
Run details: (Test run date: one year ago)
User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15
Browser/OS: Safari 16 on Mac OS X 10.15.7
View result in a separate tab
Test name	Executions per second
A	38021.9 Ops/sec
B	142989.8 Ops/sec
C	72505.2 Ops/sec
D	361060.7 Ops/sec
dev nulldasssas (version: 6)

dev null

Comparing performance of: A vs B vs C vs D

Created: one year ago by: Registered User

Jump to the latest result

A

B

C

D

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A
