/*!
Theme Name: ecommerce
*
*	Задает ширину полей и контента 
* 
* 
* 
*/
.sale {
    background: var(--green);
}

.site {
	display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.bg1 {
	background: var(--bg1);
}

.bg2 {
	background: var(--bg2);
}

.light, .light a {
    color: var(--text_color1);
}

.dark, .dark a {
    color: var(--text_color2);
}

.tmpl-section100 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 50px 0;
}

.tmpl-section80 {
    width: 80%;
    margin: 0 auto;
}

.wc-cats{
    display: flex;
}

.padding0 {
    padding: 0;
}

.site-main ul {
    list-style: none; /* Убираем стандартные маркеры */
    padding-left: 0;
}

.site-main ul > li {
    position: relative;
    padding-left: 25px;
    /*margin-bottom: 10px;*/
}

/*.site-main ul > li::before,
.single-product-atts__att::before {
    content: "\2714";
    position: absolute;
    left: 0;
    color: var(--elem_color1);
    font-size: 1em;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    background-color: var(--elem_color2);
    display: flex;
    justify-content: center;
    align-items: center;
}*/



@media (max-width: 600px) {

	.tmpl-section80 {
	    width: 90%;
	}

}

@media (min-width: 1600px) {

	.tmpl-section80 {
	    width: 60%;
	}

}