/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Dec 27 2025 | 14:44:26 */
.main-page-categories{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	justify-items: center;
	.submenu-header-catalog-item__title{
		font-size: 20px;
		max-width: none;
		text-wrap-style: balance;
	}
	.submenu-header-catalog-item__image{
		width: 100px;
		height: 100px;
	}
}

.main-header__logo img{
	object-fit: contain;
}

.why-we video{
	margin-inline: auto;
	width: 70%
}

.main-carousel-header{ 	
    margin-block: 0 32px;
    font-size: 30px;
    font-weight: 300;
    text-align: left;
    color: #2b2b2b;	
}

side-menu{
	.main-header-block-container{
		padding: 0;
	}
    a, summary{
        text-decoration: none;
        color: black;
        font-size: 1.25rem;
    }
    summary{
        display: flex;
        align-items: center;
        gap: 5px;
        &::after{
            content: '';
            display: block;
            width: 14px;
            height: 14px;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        details[open] &::after{
            rotate: 180deg;
        }
        &::marker{
            list-style: none;
        }
    }
    ul{
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 5px;
		box-sizing: border-box;
        margin: 10px 0 0;
        background-color: #eee; 
        li{
            list-style: none;
        } 
    }
}


.mobile-logo{
    width: fit-content;
    background-color: #322e5e;
    object-fit: contain;
    padding: 10px;
    border-radius: 5px;
}

.mobile-header{
	position: sticky;
	top: 0;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #322e5e;
	z-index: 999;
	[open-menu]{
		display: inline-flex;
		align-items: center;
		gap: 5px;
		color: white;
		background-color: transparent;
		border: none;
		outline: none;
		font-size: 20px;
		line-height: 0;
		svg{
			fill: white;
			width: 24px;
			height: 24px;
		}
	}
}
@media (width > 768px){
	side-menu{
		display: none;
	}
	.mobile-header{
		display: none;
	}
}

@media (width <= 1200px){
	.archive-header h1{
		margin-bottom: 30px;
	}	
	.product-items{
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 10px;
	}
	.product-item{
		margin: 0;
		h2{
			margin: 0;
			font-size: 20px;
		}
	}	
	.main-carousel-header{ 	
    	margin-block: 32px 16px;
	}
}
@media (width <= 768px){
	.archive-header h1{
		font-size: 30px;
		margin-bottom: 20px;
		padding-inline: 10px;
	}
	.content-layout__content{
		padding: 10px;
	}
	.product-items{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.product-item{
		margin: 0;
		h2{
			margin: 0;
			font-size: 16px;
			font-weight: 400;
		}
	}
	.woocommerce-breadcrumb{
		font-size: 16px;
	}
	*:not(.product-items){
		overflow-x: clip;
	}
	.main-footer-contacts__logo{
		margin-bottom: 15px;
	}
	.main-footer-contacts {
        margin-right: 0;
		min-width: 0;	
    }
	.main-footer-contacts-item{
		padding: 0;
	}
	.main-page-categories{
		grid-template-columns: 1fr;
		.submenu-header-catalog-item__title{
			font-size: 16px;
		}
		.submenu-header-catalog-item__image{
			display: block;
		}
	}
	
	.why-we video{
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
		margin-bottom: 25px;
	}
	
	.section-image{
		float: left;
		width: 100%;
	}
	
	.wrapper.main-footer-top{
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 10px;
		padding-block: 15px;
	}
	
	.main-footer-socials{
		flex-direction: row;
		padding: 0 10px;
		gap: 10px;
		margin-top: 10px;
	}
	
	.main-header{
		display: none;
	}
	.tabs-toggle-buttons.first-button-active:before{
		content: none;
	}
	.tabs-toggle-buttons:after{
		content: none;
	}
	.seo-archive-block img{
		width: 100%;
	}
	.tabs-toggle-buttons{
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		justify-content: flex-start;
	}
	
	.button.button--tabs-toggle{
		flex-shrink: 0;
		scroll-snap-align: start;
	}
}