.woocommerce-breadcrumb {
	margin: var(--spacing-3) 0;
}
ul.products{
list-style: none;
margin: 0;padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap:24px;

}


ul.products .product a {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-2);
		padding: var(--spacing-2);
		background-color: var(--color-white);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-sm);
		transition: border-color 0.3s ease;
		overflow: hidden;
		position: relative;
}
ul.products .product {
    display: inline-grid;
}
ul.products .product a:hover {
    border-color: var(--color-secondary);
}
ul.products .product a::after{
	content: '';
	background: url(../img/germany.svg) no-repeat center;
	width: 32px;
	height: 32px;
	background-size: contain;
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 1;
}

ul.products .product .size-woocommerce_thumbnail {
    width: auto;
    height: 100%;
    aspect-ratio: 210/260;
    object-fit:contain;
		object-position: center;
}

.woocommerce-loop-product__title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
		font-size: 14px;
}

.woocommerce-products-header__title{
	font-size: 24px;
}

.card__colors {
    display: flex;
    align-items: center;
    gap:3px;
		cursor: pointer;
}

.color {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #EFEFEF	;
    flex-shrink: 0;
		
}

.more {
    color:#C0C0C0;
    white-space: nowrap;
		margin-left: 2px;
		transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media screen and (min-width: 960px) {
	
}
@media screen and (min-width: 960px) {
	ul.products  {gap:40px 22px; grid-template-columns: repeat(3, minmax(280px, 1fr));}
	ul.products .product a::after{width: 55px;height: 55px;}
	.woocommerce-loop-product__title{	font-size: 24px;}
	.woocommerce-products-header__title{	font-size: 24px;}
	.woocommerce-products-header {margin-bottom: 48px;}
	.more{	opacity: 0; visibility: hidden;}
	ul.products .product a:hover .more {opacity: 1; visibility: visible;}
}





/* .single-product .product {
	display: flex; flex-direction: column;gap: 30px;
} */

.single-product .product .summary.entry-summary {
    margin: 30px 0 56px;
}



.single-product .vargal-product-gallery__wrapper {
    border: 1px solid #EDEDED;
    border-radius: 6px;
    overflow: hidden;
}
.single-product .product_title, .woocommerce-product-details__short-description, .vi_wpvs_variation_form{
	margin-bottom: 24px;
}

.single-product .button--primary{padding: 10px; }
.vi_wpvs_variation_form{
	margin-top: auto;
}


.vi-wpvs-select-attribute, tr.vi-wpvs-variation-style .label, .reset_variations, .product_meta, ul.tabs.wc-tabs, .woocommerce-Tabs-panel > h2 {
    display: none !important;
}


.vi-wpvs-variation-wrap{
display: flex;flex-wrap: wrap; gap: 3px;
}
.vi-wpvs-option-wrap {
    display: flex;
		align-items: center;
    gap: 5px;
    border-radius: 30px;
		cursor: pointer;
}
.vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected{
    background: #EFEFEF;
    padding: 3px 5px;
}

.vi-wpvs-option-tooltip { display: none; margin-right: 5px; color: #757575;}
.vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option-tooltip{display: block;}

.vi-wpvs-option-color {
    width: 20px;
    height: 20px;
    border-radius: 100%;
		border: 4px solid #EFEFEF;


}
.vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option-color {
    width: 26px;
    height: 26px;
}




.cms-grid-3{display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap:32px;
		margin-bottom: 56px;
}
.cms-grid-3 .cms-col img{
	aspect-ratio: 1/1;
	object-fit: cover;
}
.cms-col img{width: 100%;}
.cms-col h3, .cms-col h2{margin: 16px 0 12px; font-size: 14px; font-weight: 700;text-transform: lowercase; line-height: 1.25;}
.cms-col h3:first-letter, .cms-col h2:first-letter {    text-transform: uppercase;}
.cms-col h2{margin: 0 0 12px;}
.cms-grid-2{gap:16px;margin-bottom: 32px; display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.cms-col.order-2 {order: 2;} 


.d-flex.flex-column.h-100.justify-content-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}


.vargal-product-gallery:not(.vargal-product-gallery-wrap-mobile) {
flex-flow: row-reverse;height: auto;display: flex;
}
.single-product .vargal-product-gallery:not(.vargal-product-gallery-wrap-mobile)  .vargal-product-gallery__wrapper,
.vargal-product-gallery:not(.vargal-product-gallery-wrap-mobile)  .vargal-control-nav li  {border-radius: 6px;    border: 2px solid #EDEDED;}



.tops{	display: flex;flex-direction: column;gap: 12px; margin-bottom: 18px;}
.tops_item{	display: flex;align-items: center;gap: 8px; font-size: 14px; color: #757575;}
.tops_item img{	width:24px; height: 24px;}




.vargal-product-gallery.vargal-product-gallery-wrap .vargal-control-nav-direction-nav li a, .vargal-product-gallery.vargal-product-gallery-wrap .vargal-product-gallery-direction-nav li a {
    display: flex;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width:768px) {
	.cms-grid-2{ grid-template-columns: repeat(2, minmax(280px, 1fr));gap: 20px; margin-bottom: 0;}
	.cms-col.order-2.order-md-1 {order:-1;}
	
	.single-product .product {
    display: flex;
    flex-wrap: wrap;
		gap: 40px 16px;
	}
	.single-product .product .vargal-product-gallery.vargal-product-gallery-wrap, .single-product .product .summary.entry-summary {
    flex: 1;margin: 0;height: 100%;
}
	
	
}
@media screen and (min-width:1199px) {
	.cms-col h3, .cms-col h2{margin: 34px 0 16px; font-size:28px; font-weight: 500;}
	.cms-col h2{margin: 0 0 16px;}
		.single-product .product {gap: 80px 20px;	}

		 .single-product .product .summary.entry-summary {height: auto;display: flex;flex-direction: column;}
		.single-product .product_title, .woocommerce-product-details__short-description, .vi_wpvs_variation_form{	margin-bottom: 35px;}
		.vi_wpvs_variation_form{	margin-top: auto;}
.cms-grid-3{margin-bottom: 80px;}
}