@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header_05.css";
@import "../components/Headers/header-img.css";
@import "../components/Headers/top-bar.css";
@import "../components/Headers/menu-utils.css";
@import "../components/Headers/searchbar-02.css";

@import "../components/Shop/sticky-bar.css";
@import "../components/Shop/product-preview-icons.css";
@import "../components/faq.css";

@import "../../../lib/photoswipe/dist/photoswipe.css";

@import "../components/Shop/woocommerce-message.css";
@import "../components/Shop/product-preview.css";

@import "../Moduli/Stripes/newsletter.css";

footer {
    clear: both;
}

/* Generral Page Layout
--------------------------------------------------*/
.product-container-infos {
    display: grid;
    grid-column-gap: 0;
    grid-template-areas:
        "A B C"
        "A D C";
    grid-template-columns: auto 40.7% 1fr;
}

#product-detail .product-container-infos > .col-1 {
    grid-area: A;
}
#product-detail .product-container-infos > .col-2 {
    grid-area: B;
}
#product-detail .product-container-infos > .col-3 {
    grid-area: C;
}
#product-detail .product-container-infos > .col-4 {
    grid-area: D;
}



/* Sticky Bar
--------------------------------------------------*/
	.product-container-infos .filters-sticky-bar .col-filters-prev:not(:last-child) {
	    padding-bottom: 1.563vw; /*30*/
	}
	.product-container-infos .filters-sticky-bar .col-title {
	    padding-bottom: 1.563vw; /*30*/
	}


/* Product Gallery Column
--------------------------------------------------*/
	.product-gallery img {
	    height: 26.042vw; /*500*/
	}
	.product-gallery .swiper-container:not(.swiper-initialized) a {
		pointer-events: none !important;
		cursor: unset !important;
	}

	.thumbs-slider .swiper-wrapper {
	    gap: 0 0.521vw; /*10*/
	    justify-content: center;
	}
	.thumbs-slider .swiper-slide {
	    width: 5.208vw !important; /*100*/
	    border: 0.052vw solid var(--color-gray--);
    	background-color: #fff;
	    cursor: pointer;
	}
	.thumbs-slider .swiper-slide-thumb-active {
	    border-color: var(--color-main-) !important;
	}
	.thumbs-slider .swiper-slide img {
	    height: 5.208vw; /*100*/
	}	

	.pswp__bg {
	    background-color: var(--color-main);
	}
	button.pswp__button svg {
	    fill: var(--color_1);
	}
	.pswp__counter {
	    color: var(--color_1);
	}


/* Product Detail Column
--------------------------------------------------*/
	.col-prod-detail {
	    position: relative;
	}
	.col-prod-detail .col-container {
	    position: sticky;
	    top: var(--menu-height);
	    transition: top 0.3s ease-in-out;
	}
	.product-infos-title,
	#product-description .product-infos-content h3 {
		padding-bottom: 0.781vw; /*15*/
	}
	.product-infos-title h2 {
	    letter-spacing: -0.03em;
	}

	/* Downlaod
	-----------------------------------------*/		
		#download-files img {
		    width: 1.458vw; /*28*/
		    height: 1.563vw; /*30*/
		    margin-right: 0.469vw; /*9*/
		}
		#download-files .product-infos-content {
		    gap: 1.042vw 2.083vw; /*20 40*/
		}
		#download-files .product-infos-title p {
		    letter-spacing: -0.03em;
		}
		#download-files p {
			line-height: 1;
		}
		#download-files a p {
		    text-decoration: underline;
		    text-underline-offset: 0.052vw; /*1*/
		}
		#download-files a:hover p {
			text-decoration: unset;
		}

	/* Bundle
	-----------------------------------------*/
		#bundle-products .col-content-inner {
		    border: 0.052vw solid var(--color-gray--); /*1*/
		    border-radius: 0.26vw; /*5*/
		}
		#bundle-products .col-content-inner:hover {
		    border-color: var(--color-main-) !important;
		}		
		#bundle-products .two-col-grid {
		    gap: 0.521vw; /*10*/
		}
		#bundle-products .col-content-inner a {
		    padding: 1.563vw 0.781vw 1.563vw 1.563vw; /*30 15 30 30*/
		}
		#bundle-products .col-content-inner .col-content-img {
		    margin-right: 0.781vw; /*15*/
		}
		#bundle-products .col-content-inner .col-content-img img {
		    width: 4.063vw; /*78*/
		    height: 4.792vw; /*92*/
		}
		#bundle-products .col-content-title {
		    margin-bottom: 0.104vw; /*2*/
		}
		#bundle-products .col-content-description p {
		    line-height: 1.2;
		}

	/* Description
	-----------------------------------------*/
		#product-description .product-infos-content p {
		    line-height: 1.4;
		    letter-spacing: -0.03em;
		    margin-bottom: 1.042vw; /*20*/
		}
		#product-description .product-infos-content p:last-child {
		    margin-bottom: 0px !important;
		}
		#product-description ul:last-child,
		#product-description ol:last-child {
		    margin-bottom: 0;
		}
		#product-description .product-infos-content > *:last-child {
		    padding-bottom: 0;
		}

		/* Table
		-----------------------------------*/
		#product-description .table-wrapper {
		    width: 100%;
		    overflow: auto;
		}		
		#product-description .table-wrapper:not(:last-child) {
		    margin-bottom: 1.042vw; /*20*/
		}
		#product-description table {
			margin-bottom: 0.26vw; /*5*/
		}
		#product-description table:not(:last-child) {
		    margin-bottom: 1.042vw; /*20*/
		}
		#product-description table,
		#product-description table tr,
		#product-description table th,
		#product-description table td {
		    border: 0.052vw solid var(--color-gray--); /*1*/
		    text-align: center;
		}
		#product-description table td a {
		    font-family: var(--bd-font);
		}
		#product-description table tr:first-child > * {
		    font-family: var(--md-font);
		    font-size: 0.885vw; /*17*/
		    color: var(--color-white);
		}
		#product-description table th,
		#product-description table td {
		    padding: 0.625vw; /*12*/
		}
		#product-description table tr:first-child {
		    background-color: var(--color-main-);
		}
		#product-description table td {
		    min-width: 10.677vw !important; /*205*/
		}
		#product-description table td,
		#product-description table td a {
		    font-size: 0.781vw; /*15*/
		}

	/* Video
	-----------------------------------------*/
		#video-tutorial .two-col-grid {
		    grid-gap: 1.042vw; /*20*/
		}
		#video-tutorial .col-content-inner {
		    height: 11.719vw; /*225*/
		}
		#video-tutorial iframe {
		    width: 100%;
		    height: 11.719vw; /*225*/
		}

	/* FAQ
	-----------------------------------------*/
		#info-faq .toggle-title svg {
		    width: 0.521vw; /*10*/
		    min-width: 0.521vw; /*10*/
		    height: 0.26vw; /*5*/
		    min-height: 0.26vw; /*5*/
		}
		#info-faq .product-infos-content .toggle:first-child .toggle-title {
		    padding-top: 0.417vw; /*8*/
		}
		#info-faq .toggle-inner {
		    padding: 1.302vw 0.521vw 1.25vw 1.563vw; /*25 10 24 30*/
		}
		#info-faq .toggle-inner p {
		    line-height: 1.6;
		}
		#info-faq .toggle-inner p {
		    margin-bottom: 0;
		}		

	/* Packaging
	-----------------------------------------*/	
		#packaging .product-infos-content .packaging-item {
		    padding: 0.938vw 1.042vw 0.938vw 0; /*15 20 18 0*/
		    border-bottom: 0.052vw solid var(--color-main-text); /*1*/
		}
		#packaging .product-infos-content .packaging-item:first-child {
		    padding-top: 0.521vw; /*10*/
		}
		#packaging .product-infos-content .packaging-value {
		    flex-grow: 1;
		}

/* Product Infos Column
--------------------------------------------------*/
	/* Short Description
	-----------------------------------------------------------*/
		.product-short-description p {
			letter-spacing: -0.02em;
		    line-height: 1.5;
		}

	/* Main Features
	-----------------------------------------------------------*/
		.product-main-features {
		    grid-gap: 0.781vw; /*15*/
		}
		.product-main-features.one-features > * {
	    	width: 100%;
		}
		.product-main-features.two-features > * {
	    	width: calc(50% - 0.417vw);
		}
		.product-main-features.three-features > * {
	    	width: calc(33.3% - 0.521vw);
		}
		.product-main-features .col {
		    border: 0.052vw solid var(--color-gray--); /*1*/
		    border-radius: 10.417vw; /*200*/
		}
		.product-main-features .col-content {
		    padding: 0.417vw 0.781vw; /*8 15*/
		}
		.product-main-features p {
		    line-height: 1.2;
		}
		.show-more-feature-button {
		    padding-top: 0.781vw; /*15*/
		    cursor: pointer;
			margin-top: 0.26vw; /*5*/
		}
		.show-more-feature-button svg {
		    width: 0.521vw; /*10*/
		    min-width: 0.521vw; /*10*/
		    height: 0.26vw; /*5*/
		    min-height: 0.26vw; /*5*/
		    margin-left: 0.26vw; /*5*/
		    fill: var(--color-main--);
		}
		.show-more-feature-button:hover * {
		    color: var(--color-main-);
		    fill: var(--color-main-);
		}
		.show-more-feature-button.active * {
		    color: var(--color-main-);
		    fill: var(--color-main-);
		}
		.show-more-feature-button.active .show-more {
		    display: none;
		}
		.show-more-feature-button.active .show-less {
		    display: block !important;
		}
		.show-more-feature-button.active svg {
		    transform: rotate(180deg);
		}


	/* Main Certifications
	-----------------------------------------------------------*/
		.product-main-certifications {
		    grid-gap: 1.042vw; /*20*/
		}
		.product-main-certifications .col-img,
		.product-main-certifications .col-img img {
		    width:  3.646vw; /*70*/
		    height: 3.438vw; /*66*/
		    min-width:  3.646vw; /*70*/
		    margin-right: 0.521vw; /*10*/
		}
		.product-main-certifications .col-content-desription p {
		    letter-spacing: -0.03em;
		    line-height: 1.1;
		}
		.product-main-certifications .main-text-label .col-img {
		    border: 0.052vw solid var(--color-gray--); /*1*/
		    border-radius: 0.26vw; /*5*/
		}

	/* Product Variation
	-----------------------------------------------------------*/
		.product-variant,
		.product-intro-footer {
		    border-top: 0.052vw solid var(--color-gray--); /*1*/
		}
		.product-variation-type .col-content-wrapper {
		    gap: 0.521vw; /*10*/
		}

		.product-variant .variation-button a {
			padding: 0.417vw 0.781vw; /*8 15*/
		    border: 0.052vw solid #9a9a9a;
		    border-radius: 0.521vw; /*10*/
		    color: #9a9a9a;
		    text-align: center;
		    line-height: 1;
		}
		.product-variant .variation-button.active a,
		.product-variant .variation-button a:hover {
		    border-color: var(--color-main-);
		    color: var(--color-main-);
		}
		.product-variant .variation-button.active a {
		    pointer-events: none;
		}		

	/* Product Intro Footer
	-----------------------------------------------------------*/
		.product-price-container {
		    flex-grow: 1;
		}
		.product-intro-footer .product-price-label {
		    margin-right: 0.521vw; /*10*/
		}
		.product-intro-footer .price,
		.product-intro-footer .price * {
		    line-height: 1;
		    letter-spacing: 0;
		}
		.product-intro-footer .price .amount bdi {
		    color: var(--color_1);
		}
		.product-intro-footer .price ins {
		    text-decoration: unset !important;
		}
		.product-intro-footer .price del .amount bdi {
    		font-family: var(--md-font);
		    color: var(--color-main-text);
		}
		.product-intro-footer del {
		    text-decoration: unset;
		}
		.product-intro-footer .price del > span {
		    text-decoration: line-through;
		}		
		.product-intro-footer .price del * {
		    font-size: 1.042vw; /*20*/
		    line-height: 1;
		}		
		.product-intro-footer .tax-label {
		    font-size: 0.521vw; /*10*/
		    margin-left: 0.156vw; /*3*/
		    padding-bottom: 0.104vw; /*2*/
		}
		.product-account {
		    text-align: right;
		}
		.product-account p {
		    margin-bottom: 0 !important;
		}
		.product-account a {
			text-decoration: underline;
		}
		.product-account a:hover {
			text-decoration: unset;
		}

		/* Availability info
		--------------------------------------*/
			.product-availability-infos {
				padding-top: 1.302vw; /*2*/
				padding-bottom: 0.781vw; /*15*/
			}
			.product-availability-infos p {
			    margin-bottom: 0 !important;
			}
			.product-availability-infos p:not(:first-child):before {
			    content: '|';
			    display: inline-block;
			    margin-left: 0.469vw; /*9*/
			    margin-right: 0.469vw; /*9*/
			}

		/* Qauntity hadler and Add to Cart
		--------------------------------------*/
			.summary form.cart {
			    display: flex;
			}
			.quantity .screen-reader-text {
			    display: none;
			}
			.quantity-box {
			    background-color: #fff;
			    border: 0.052vw solid var(--color-main); /*1*/
			    border-radius: 0.521vw; /*10*/
			    display: flex;
			    align-items: center;
			}
			.summary form.cart input {
			    margin-bottom: 0;
			    width: 5.208vw; /*100*/
			    text-align: center;
			    background-color: #fff;
			    border: unset !important;
			    border-radius: 0 !important;
			    outline: 0 !important;		    
			}
			/* Chrome, Safari, Edge, Opera */
			.summary form.cart input::-webkit-outer-spin-button,
			.summary form.cart input::-webkit-inner-spin-button {
			  -webkit-appearance: none;
			  margin: 0;
			}
			/* Firefox */
			.summary form.cart input[type=number] {
			  -moz-appearance: textfield;
			}		
			.summary form.cart button {
			    border: 0.052vw solid var(--color-main-);
			    border-radius: 0.521vw; /*10*/
			    background-color: var(--color-main-);
			    color: #fff;
			    text-transform: uppercase;
			    font-family: var(--md-font);
			    font-size: 0.833vw; /*16*/
			    padding: 0 1.563vw; /*0 30*/
			    margin-left: 0.521vw; /*10*/
			}
			.summary form.cart button:hover {
			    background-color: #fff;
			    color: var(--color-main-);
			}		
			.quantity-button.minus, .quantity-button.plus {
			    height: 100%;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    width: 2.604vw; /*50*/
			    cursor: pointer;
			}

	/* Wishlist Button
	-------------------------------*/
		.yith-wcwl-add-to-wishlist {
			margin-top: 0 !important;
			margin-left: 0.521vw; /*10*/
		}
		.yith-wcwl-add-to-wishlist a {
			display: block;
		    height: 2.604vw; /*50*/
		    width: 2.604vw; /*50*/
		    border: 0.052vw solid var(--color-main); /*1*/
		    padding: 0.677vw; /*13*/
		    border-radius: 0.521vw; /*10*/
		}
		.yith-wcwl-add-to-wishlist a.delete_item {
			border: 0.052vw solid var(--color-main-);
		}
		.yith-wcwl-add-to-wishlist a svg {
		    width: 100%;
		    height: 100%;
		}


	#trustpilot-review {
	    background-color: var(--color-white);
	}



@media screen and (max-width: 1920px) {
	/* Sticky Bar
	--------------------------------------------------*/
		.product-container-infos .filters-sticky-bar .col-filters-prev:not(:last-child) {
		    padding-bottom: 30px; /*30*/
		}
		.product-container-infos .filters-sticky-bar .col-title {
		    padding-bottom: 30px; /*30*/
		}

	/* Product Gallery Column
	--------------------------------------------------*/
		.product-gallery img {
		    height: 500px; /*500*/
		}
		.thumbs-slider .swiper-wrapper {
		    gap: 0 10px; /*10*/
		}
		.thumbs-slider .swiper-slide {
		    width: 100px !important; /*100*/
		    border: 1px solid var(--color-gray--);
		}
		.thumbs-slider .swiper-slide img {
		    height: 100px; /*100*/
		}	

	/* Product Detail Column
	--------------------------------------------------*/
		.product-infos-title,
		#product-description .product-infos-content h3 {
			padding-bottom: 15px; /*15*/
		}

		/* Downlaod
		-----------------------------------------*/		
			#download-files img {
			    width: 28px; /*28*/
			    height: 30px; /*30*/
			    margin-right: 9px; /*9*/
			}
			#download-files .product-infos-content {
			    gap: 20px 40px; /*20 40*/
			}
			#download-files a p {
			    text-underline-offset: 1px; /*1*/
			}

		/* Bundle
		-----------------------------------------*/
			#bundle-products .col-content-inner {
			    border: 1px solid var(--color-gray--); /*1*/
			    border-radius: 5px; /*5*/
			}		
			#bundle-products .two-col-grid {
			    gap: 10px; /*10*/
			}
			#bundle-products .col-content-inner a {
			    padding: 30px 15px 30px 30px; /*30 15 30 30*/
			}
			#bundle-products .col-content-inner .col-content-img {
			    margin-right: 15px; /*15*/
			}
			#bundle-products .col-content-inner .col-content-img img {
			    width: 78px; /*78*/
			    height: 92px; /*92*/
			}
			#bundle-products .col-content-title {
			    margin-bottom: 2px; /*2*/
			}

		/* Description
		-----------------------------------------*/
			#product-description .product-infos-content p {
			    margin-bottom: 20px; /*20*/
			}

			/* Table
			-----------------------------------*/
			#product-description .table-wrapper:not(:last-child) {
			    margin-bottom: 20px; /*20*/
			}
			#product-description table {
				margin-bottom: 5px; /*5*/
			}
			#product-description table:not(:last-child) {
			    margin-bottom: 20px; /*20*/
			}
			#product-description table,
			#product-description table tr,
			#product-description table th,
			#product-description table td {
			    border: 1px solid var(--color-gray--); /*1*/
			}
			#product-description table tr:first-child > * {
			    font-size: 17px; /*17*/
			}
			#product-description table th,
			#product-description table td {
			    padding: 12px; /*12*/
			}
			#product-description table td {
			    min-width: 205px !important; /*205*/
			}
			#product-description table td,
			#product-description table td a {
			    font-size: 15px; /*15*/
			}

		/* Video
		-----------------------------------------*/
			#video-tutorial .two-col-grid {
			    grid-gap: 20px; /*20*/
			}
			#video-tutorial .col-content-inner {
			    height: 225px; /*225*/
			}
			#video-tutorial iframe {
			    height: 225px; /*225*/
			}

		/* FAQ
		-----------------------------------------*/
			#info-faq .toggle-title svg {
			    width: 10px; /*10*/
			    min-width: 10px; /*10*/
			    height: 5px; /*5*/
			    min-height: 5px; /*5*/
			}
			#info-faq .product-infos-content .toggle:first-child .toggle-title {
			    padding-top: 8px; /*8*/
			}
			#info-faq .toggle-inner {
			    padding: 25px 10px 24px 30px; /*25 10 24 30*/
			}

		/* Packaging
		-----------------------------------------*/	
			#packaging .product-infos-content .packaging-item {
			    padding: 18px 20px 18px 0; /*15 20 18 0*/
			    border-bottom: 1px solid var(--color-main-text); /*1*/
			}
			#packaging .product-infos-content .packaging-item:first-child {
			    padding-top: 10px; /*10*/
			}

	/* Product Infos Column
	--------------------------------------------------*/
		/* Main Features
		-----------------------------------------------------------*/
			.product-main-features {
			    grid-gap: 15px; /*15*/
			}
			.product-main-features .col {
			    border: 1px solid var(--color-gray--); /*1*/
			    border-radius: 200px; /*200*/
			}
			.product-main-features .col-content {
			    padding: 8px 15px; /*8 15*/
			}
			.show-more-feature-button {
			    padding-top: 15px; /*15*/
				margin-top: 5px; /*5*/
			}
			.show-more-feature-button svg {
			    width: 10px; /*10*/
			    min-width: 10px; /*10*/
			    height: 5px; /*5*/
			    min-height: 5px; /*5*/
			    margin-left: 5px; /*5*/
			}


		/* Main Certifications
		-----------------------------------------------------------*/
			.product-main-certifications {
			    grid-gap: 20px; /*20*/
			}
			.product-main-certifications .col-img,
			.product-main-certifications .col-img img {
			    width: 70px; /*70*/
			    height: 66px; /*66*/
			    min-width: 70px; /*70*/
			    margin-right: 10px; /*10*/
			}
			.product-main-certifications .col-content-desription p {
			    letter-spacing: -0.03em;
			}
			.product-main-certifications .main-text-label .col-img {
			    border: 1px solid var(--color-gray--); /*1*/
			    border-radius: 5px; /*5*/
			}

		/* Product Variation
		-----------------------------------------------------------*/
			.product-variant,
			.product-intro-footer {
			    border-top: 1px solid var(--color-gray--); /*1*/
			}
			.product-variation-type .col-content-wrapper {
			    gap: 10px; /*10*/
			}

			.product-variant .variation-button a {
				padding: 8px 15px; /*8 15*/
			    border: 1px solid #9a9a9a;
			    border-radius: 10px; /*10*/
			}

		/* Product Intro Footer
		-----------------------------------------------------------*/
			.product-intro-footer .product-price-label {
			    margin-right: 10px; /*10*/
			}
			.product-intro-footer .price del * {
			    font-size: 20px; /*20*/
			}		
			.product-intro-footer .tax-label {
			    font-size: 10px; /*10*/
			    margin-left: 3px; /*3*/
			    padding-bottom: 2px; /*2*/
			}

			/* Availability info
			--------------------------------------*/
				.product-availability-infos {
					padding-top: 25px; /*2*/
					padding-bottom: 15px; /*15*/
				}
				.product-availability-infos p:not(:first-child):before {
				    margin-left: 9px; /*9*/
				    margin-right: 9px; /*9*/
				}

			/* Qauntity hadler and Add to Cart
			--------------------------------------*/
				.quantity-box {
				    border: 1px solid var(--color-main); /*1*/
				    border-radius: 10px; /*10*/
				}
				.summary form.cart input {
				    width: 100px; /*100*/
				}
				.summary form.cart button {
				    border-radius: 10px; /*10*/
				    font-size: 16px; /*16*/
				    padding: 0 30px; /*0 30*/
				    margin-left: 10px; /*10*/
				}
				.quantity-button.minus, .quantity-button.plus {
				    width: 50px; /*50*/
				}

		/* Wishlist Button
		-------------------------------*/
			.yith-wcwl-add-to-wishlist {
				margin-left: 10px; /*10*/
			}
			.yith-wcwl-add-to-wishlist a {
			    height: 50px; /*50*/
			    width: 50px; /*50*/
			    border: 1px solid var(--color-main); /*1*/
			    padding: 13px; /*13*/
			    border-radius: 10px; /*10*/
			}
			.yith-wcwl-add-to-wishlist a.delete_item {
				border: 1px solid var(--color-main-); /*1*/
			}
}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {

}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
 
}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {

}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {

}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {


}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}