/* 
   Woo styles 
*/ 

.home li.product a .woocommerce-product-details__short-description{
	color: #668 !important;
	line-height:1.4em;
}


.et-db #et-boc .et-l .et_pb_module input.text:not(.qty), .et-db #et-boc .et-l .et_pb_module input.title, .et-db #et-boc .et-l .et_pb_module input[type="email"], .et-db #et-boc .et-l .et_pb_module input[type="password"], .et-db #et-boc .et-l .et_pb_module input[type="tel"], .et-db #et-boc .et-l .et_pb_module input[type="text"], .et-db #et-boc .et-l .et_pb_module input select, .et-db #et-boc .et-l .et_pb_module input textarea {
 /* border: 1px solid #bbb;
  color: #4e4e4e;
  padding: 5px 10px;
  height: auto;*/
  width: 100% !important;
  margin: 5px 0;	
}

.et-db div.wpforms-container-full input[type=submit], 
.et-db div.wpforms-container-full button[type=submit], 
.et-db div.wpforms-container-full .wpforms-page-button
 {   
    margin: 20px 0;
}


body.woocommerce .woocommerce-tabs {
  border: 1px solid rgba(0,0,0,.08);
  margin: 30px 0 45px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  margin: 0 0 2em;
  padding: 0 20px;
}

@media only screen and (min-width: 981px) {
  .single-product .container #content-area {
    width: 94%;
    padding-left: 3%;
    max-width: 1320px;
    margin: auto;
  }
}

/*корзина - убираю поле количество*/
.woocommerce-cart-form  .product-quantity,  .woocommerce-cart-form  .actions {
	/*display: none;*/
}


@media (min-width: 981px) {
  .woocommerce-page ul.products li.product .onsale, .woocommerce ul.products li.product .onsale {
    margin: -20px !important;
  }
}


.woocommerce-page ul.products li.product .onsale, .woocommerce ul.products li.product .onsale {
  background: var(--accent-2) /*#1ecce4f7*/ !important;
}

/* отображение категорий 27-04-21*/
.true_loadmore{
	background-color: #ddd; /* сервый фон */
    	border-radius: 2px; /* закругление углов */
    	display: block; /* блочный элемент, на случай, если захотите использовать <a> */
    	text-align: center; /* выравнивание текста по центру */
    	font-size: 14px; font-size: 0.875rem; /* размер шрифта */
    	font-weight: 800; /* начертание */
    	letter-spacing: 1px; /* межбуквенный интервал */
    	cursor: pointer; /* курсор мыши при наведении такой же, как при наведении на ссылку */
    	text-transform: uppercase;
    	padding: 10px 0; /* внутренние отступы сверху и снизу у кнопки */
    	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; /* CSS-анимация*/
}
.true_loadmore:hover{
	background-color: #767676;
	color: #fff;
}

.p-centr {
	text-align: center;
	font-size:18px;
}

.pbutcat {
	display:flex;
	flex-direction: column;
	margin: 20px;
}

.pbutcat div {
	margin:8px;
}

.ritmologtitle a{
	color: #2ea3f2;
}

.productTemplateTables2 {
	display:flex;
	justify-content:space-between;	
	border: 1px solid #eeecec;
	align-items:center;
	flex-wrap: wrap;
}

.productTemplateTables2 .product-table-title {
    width: auto;
}

.productTemplateTables2 .woocommerce-variation-add-to-cart {
	min-width:100px;	
	margin: 5px 0;
}

@media only screen and (min-width: 981px) {
.productTemplateTables2 .woocommerce-variation-add-to-cart {	
	margin: 0;
 }
}


.productTemplateTables2 h2  {
	font-size: 24px;
	line-height: 1.3em;
}

.productTemplateTables2 a {
	color:#262626;
}

.productTemplateTables2 a:hover {
	color: #2ea3f2;
}

.productTemplateTables2 .productDescription {   
    align-items: flex-start;   
}

.ritmologtitle {
		padding: 15px;
		flex-basis: 90%;
		text-align: center;
	}

.variations_form {
		padding:15px;
		flex-basis: 90%;
}

@media only screen and (min-width: 981px) {
	.ritmologtitle {
		padding: 5px;
		flex-basis: 40%;
	}

	.variations_form {
		padding:7px;
		flex-basis: 60%;
	}
}





.firstclick {	
	-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
}




.b-popup2{
     width:100%; 
     min-height:100%; 
    background-color: rgba(238, 236, 236, 0.5);
    overflow:hidden; 
     /*position:fixed; */
     top:0; 
	 left:0; 
	 z-index:9999; 
}

.b-popup2:before { 
	display: block; 
	content: ""; 
	position: fixed; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; align-content: center; 
	text-align: center; 
	background: rgba(0,0,0,0.5); 
	line-height: 100%; 
	-webkit-animation: curtain 0.5s forwards; 
	animation: curtain 3.5s forwards; 
}

.b-popup2:after { 
	font-family: "etModules"; 
	font-size: 3.4em; 
	content: "\e02d"; 
	position: fixed;
	color: #fff; 
	text-align: center; 
	left: 50%; 
	margin-left: -50px; 
	width: 100px; 
	top: 45%;
   	 -webkit-animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}


.firstclick .kovprodbut, .firstclick .productprice, .firstclick .productname {
	display: inherit;
}

 @media only screen and (min-width: 981px) {
	.productbay {
		display: flex;
		justify-content: center;
	}
}


.productbay {	
	
	text-align:center;
	align-items:center;
	background: #f2e73b2b; /* #00FFFF24;*/
	padding: 5px 3px;
	margin: 15px 0;
}

.productbay  .productname {
	font-weight:600;
}

.kovprodbut, .productprice, .productname  {
	display:none;
	margin: 4px 8px;	
}

.kovprodbut { 
	border-color: #7ebec5;
	color: #398e97;
	background:#fff;
	padding: 12px 30px;  
	font-size: 18px;
	font-weight:600;	
}

.kovprodbut:hover {
	background:#398e97;
	color:#fff;
	cursor:pointer;
}

.productprice {
	font-size: 16px;
	text-align: center;
    font-weight: 600;
}

.product-table-price2  .variations_form  {
	display: flex;
}

.woocommerce .productTemplateTables .quantity .qty {
 display:none;
}



/* ------------------------------------------- */
.woocommerce-orders-table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions {
   display: flex;
}

/* при оформлении заказа от другого покупателя   */
.woocommerce .zakazman {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	font-weight: 500;
	font-size: larger;
	padding:5px;
	width:100%;
}

.woocommerce .order-mylabel .required {
    color: red;
    font-weight: 700;
    border: 0 !important;
    text-decoration: none;   
}

.woocommerce #othercustomer_field {
	margin-bottom:15px;
}



.woocommerce #new_billing_first_field .optional,  .woocommerce #new_billing_last_field .optional {
  display:none;
}




.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none;
}


/*пагинация*/
.woocommerce nav.woocommerce-pagination ul.page-numbers {
  border:none;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    border: 1px solid #d3ced2;
	margin: 0 5px;
/*	padding: 2px 4px;*/
	border-radius: 6px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #8BC0EA;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
	padding: 0.6em 0.8em;
	font-weight: 500;
	width: 38px;
    max-width: 38px;
}

/*
.woocommerce nav.woocommerce-pagination ul.page-numbers li:focus,
.woocommerce nav.woocommerce-pagination ul.page-numbers li:hover
{
	background: #ebe9eb;
    color: #8a7e88;
}
*/

/*страница оформления заказа*/
#add_payment_method #payment, 
.woocommerce-cart #payment 
/*.woocommerce-checkout #payment*/
{
    background: none;
    border-radius: 5px;
	border: 1px solid #7EBEC5;
	margin-bottom:30px;
}

.woocommerce-checkout #payment
{
    background: none;
    border-radius: 5px;	
	margin-bottom:30px;
}


.woocommerce-checkout #payment ul.payment_methods {
  text-align: left;
  padding: 1em;
  border-bottom: 0px solid #cfc8d8;
  margin: 0;
  list-style: none outside;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {    
    background-color: #EAF5F3;
    color: #515151;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {    
	border: 1em solid #EAF5F3;
    border-top-color: rgb(223, 220, 222);
    border-right-color: rgb(223, 220, 222);
    border-left-color: rgb(223, 220, 222);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}

#payment #place_order {
	border: 2px solid var(--accent-2);
	/*color: #398E97;*/
	margin-top:15px;
	background: var(--accent-2);
}

#payment #place_order:hover {
	background: var(--accent);
	color: #fff;
}


/*.woocommerce-checkout .woocommerce-error {
    background-color: var(--accent) !important;
    color: #ffffff !important;
}*/

.checkout .woocommerce-error li a {   
    color: #fff !important;
}

.pthanks {
  margin: 20px 0; 
}

/*корзина*/
.woocommerce #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce .quantity input.qty {
    color: #4e4e4e !important;
    background-color: rgba(228, 225, 225, 0.2) !important;   
    border: 1px solid #7EBEC5 !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text:-moz-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
   color: #4e4e4e;
}

/*страница учетной записи вукомерса*/

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 77%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 17%;
	margin-right: 5%
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border-bottom: 1px solid 
    rgba(0, 0, 0, 0.05);
    position: relative;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin-left: 0;
    border-top: 1px solid 
    rgba(0, 0, 0, 0.05);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    text-decoration: none;
    padding: 0.875em 0;
    display: block;
}

.woocommerce-MyAccount-navigation ul li.is-active a::before {
    opacity: 1;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {    content: "\E814";}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--klients a::before {    content: "\E81E";}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\e801";}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--fshema a::before {
    content: "\F201";}


.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--anketa a::before {    content: "\F0C5";}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--chat a::before {    content: "\F0E6";}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--boss a::before {   content: "\e80c";}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {    content: "\F2BC";}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before 
/*{    content: "\f2f5";}*/
{    content: "\E80E";}


.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--log-history a:before{
	content: "\f21b"
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--tikets a::before {    content: "\e846";}



.woocommerce-MyAccount-navigation ul li a::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.7em;
 /* font-family: 'Font Awesome 5 Pro';  */
  font-family: 'shkola';	
  vertical-align: baseline;
  content: "\f15c";
  margin-left:0;/* 0.5407911001em;*/
  width: 1.41575em;
  text-align: left;/* right;*/
  float: right;
  opacity: 0.95;
}

.woocommerce-MyAccount-content .woocommerce-Button {
	color:#fff !important;
}


/* убираем картинки товаров*/
/*.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: none;
    width: 98%;
    clear: none;
}*/

/*убираем количество для услуг*/
.usluga .quantity {display:none !important;}



/* таблица */

.productDescription .product-table-image, .productDescription  .product-table-image-no {
	width: 90px;
}

/*кнопки*/
.productDescription a.button,
.woocommerce ul.products li.product a.product_type_simple,
.woocommerce ul.products li.product a.product_type_variable,
.woocommerce div.product form.cart .button,
.woocommerce ul.products li a.product_type_variable,
.woocommerce ul.products .view-one-product-popup,
.woocommerce ul.products .view-one-product-expand,
.woocommerce ul.products .prod-but
{	
  	background-color: #fff;/* #7ebec5; /*#36D6D4;  /*#58b2ff*/;
  /*  background-image: linear-gradient(50deg,#4abad9 30%,#ee1a8b 100%) !important;*/
	
/*	background: -moz-linear-gradient(90deg, rgba(225,164,233,1) 0%, rgba(221,224,99,1) 48%, rgba(91,204,190,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(225,164,233,1) 0%, rgba(221,224,99,1) 48%, rgba(91,204,190,1) 100%);
background: linear-gradient(90deg, rgba(225,164,233,1) 0%, rgba(221,224,99,1) 48%, rgba(91,204,190,1) 100%);
	*/
  /*	color: #fff;*/
 	margin: 0 5px;  
	/*padding: .2em .45em;*/
	padding: .3em 1.2em;
    font-size: 16px !important;
	border-radius:3px;
	border: 1px solid var(--accent-2);
	color:var(--accent-2); /* #7ebec5;*/
}

.productDescription a.button:hover, 
.woocommerce ul.products li.product a.product_type_simple:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce ul.products li a.product_type_variable:hover,
.woocommerce ul.products .view-one-product-popup:hover,
.woocommerce ul.products .view-one-product-expand:hover,
.woocommerce ul.products .prod-but:hover
{
 	/* background-color: #fff;*/
	 background-image: none !important;
 	/* color: #7EBEC5;*/
 	 border: 2px solid var(--accent-2); /*#7EBEC5/*58b2ff*/;
	
	/*padding: .2em .45em;*/
	
	/*padding: .4em 1.3em;*/
	background-color: var(--accent-2); /*#7ebec5;*/
    color: #fff;
	
 /*	 margin: 0 5px; 
	 padding: .2em 1.5em .2em .45em;	
    font-size: 16px !important;
	border-radius:3px;*/
}

.productDescription a.button:hover::after, 
.woocommerce ul.products li.product a.product_type_simple:hover::after,
.woocommerce div.product form.cart .button:hover::after,
.woocommerce ul.products li a.product_type_variable:hover::after,
.woocommerce ul.products .view-one-product-popup::after,
.woocommerce ul.products .view-one-product-expand::after,
.woocommerce ul.products .prod-but:after
{
	opacity:0;
}


.woocommerce ul.products li.product a.product_type_variable,
.woocommerce ul.products li.product a.product_type_simple,
.woocommerce ul.products .view-one-product-popup,
.woocommerce ul.products .view-one-product-expand,
.woocommerce ul.products .prod-but,
.woocommerce ul.products li.product a.product_type_variable:hover,
.woocommerce ul.products li.product a.product_type_simple:hover,
.woocommerce ul.products .view-one-product-popup:hover,
.woocommerce ul.products .view-one-product-expand:hover,
.woocommerce ul.products .prod-but:hover
{
   margin: .5em .2em;
  padding: 5px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-content: center; 	
}
/*категории*/


.woocommerce-loop-category__title .count {
	background:none;
	display:none;
}	



header.woocommerce-products-header{ margin-bottom: 15px;}

.woocommerce .image-desc-cat {width:100px;}

/*.woocommerce ul.products li.product-category a img {display:none;}*/
.woocommerce ul.products li.product-category a img {padding: 0 25%;}

.woocommerce ul.products li.product-category {
/*	background-color:#f8f8f8;*/
	min-height: 30px;
	padding: 10px 10px 10px 10px;
    font-size: larger;
	border-radius: 12px;
	border: 2px solid #D5CCE7;
}

.woocommerce ul.products li.product-category:hover {
	background-color:#f4f4f4;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}

.woocommerce ul.products li.product-category a h2.woocommerce-loop-category__title {
	line-height:1.4em;
	font-weight:bold;
	padding-left: 15px
}

/*карточка услуги*/
.single div.oz-usluga div.images.woocommerce-product-gallery {   
    display: none;
}
 
.single div.oz-usluga div.summary {
    float: none;
    width: 100%;  
}

.single div.oz-usluga div.quantity {display:none !important;}

.single div.oz-usluga .woocommerce-variation-price {float:left;}

.single .tab_avatar {
	float:left;
	padding: 0 7px 7px 0;
}

.single #tab-yith_wc_vendor {
	display:inline-block;
	width:100%;
}


/*хлебные крошки*/
.woocommerce .woocommerce-breadcrumb a {
	color:#188fdf;
}


.woocommerce .woocommerce-breadcrumb a:hover {
	text-decoration: underline;
}


/*сортировка*/
/*.woocommerce form.woocommerce-ordering .orderby {
	padding: 0 0 0 8px;
	height: 28px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fff;
	background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	background: -moz-linear-gradient(top, #fff 20%,#f6f6f6 50%,#eee 52%, #f4f4f4 100%);
   	background: -o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	background: linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	background-clip: padding-box;
	box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 28px;
	font-size: 13px;
}
*/
/*.woocommerce form.woocommerce-ordering::before {
	content:'Сортировка:  ';
}
*/
/*.woocommerce ul.products {
	border-top: 1px solid #dbd9d9;	
	}*/
.woocommerce #left-area ul.products {
	padding-top:16px !important;
}

.woocommerce .woocommerce-EditAccountForm {
	padding-bottom:25px;
}

img.image-desc-cat {width:150px;}

div.image-desc-subcat {	
	text-align:center;
}
div.image-desc-subcat img {
	width:100px;
}

/*профиль пользователя*/
.form-profile {
	background:#fafafa;
	padding: 12px;
	border-radius: 8px;
	margin: 20px 0;
}

form.edit-account {
	margin-bottom:30px;
}

/*вариации отображение на товарах*/
.woovr-variations {
		max-width:450px;
	    padding-bottom: 18px !important;
	}	

.woovr-variation:nth-child(2n+1) {background: #f8f8f8;border: 2px solid #f4f4f4;}
.woovr-variation:nth-child(2n) { border: 2px solid #f4f4f4;}
.woovr-variations .woovr-variation > div:last-child {
    padding-right: 10px !important;
}

/*выравниваем заголовки страниц*/
.woocommerce-products-header h1.woocommerce-products-header__title {
	text-align:center;
}

/*комментарии к товарам*/
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	margin-right:10px;  
	position: relative;
}

/*оценка товара*/
.woocommerce-page .products .star-rating, .woocommerce .products .star-rating {
   margin: 10px auto !important; 
}



@media (min-width: 981px) {
	ul.products {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		}
}


@media (max-width: 981px) {

	
}


/*2026*/
/* SVG */
a.loop-cart-icon .loop-cart-icon__svg{
    display:block;
    width:27px;
    height:27px;
}

/* Hover */
a.loop-cart-icon:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 26px rgba(0,0,0,.10);
    /*border-color:rgba(0,0,0,.18);*/
    background:#fff;
}

/* Focus (доступність) */
a.loop-cart-icon:focus{
    outline:none;
}
a.loop-cart-icon:focus-visible{
    box-shadow:0 0 0 3px rgba(0,0,0,.15), 0 12px 26px rgba(0,0,0,.10);
}

/* Під час AJAX додає клас loading у деяких тем/версій — підстрахуємось */
a.loop-cart-icon.loading{
    opacity:.75;
    pointer-events:none;
}

/* При бажанні — на мобільних трішки менше */
@media (max-width: 480px){
    a.loop-cart-icon{
        width:38px;height:38px;min-width:38px;
    }
}


/* Приховати "Переглянути кошик" що зʼявляється після AJAX */
.products li.product a.added_to_cart.wc-forward{
    display:none !important;
}

/* Трохи "підсвітити" іконку після додавання */
.products li.product a.loop-cart-icon.added{
    transform:translateY(-1px) scale(1.02);
}


.woocommerce-message   a.button.wc-forward:hover {
	color: #667 !important;
	background: #fff !important;
}


/* Друге зображення */
/*.products li.product img.secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .35s ease;
}
*/

/* Hover ефект */
.products li.product:hover img.secondary-image {
    opacity: 1;
}


// ОВЕРЛЕИ
/*список товаров кастомизация при ввыборе товарв - оверлеи*/

.et_overlay::before {
    position: absolute;
    top: 45%;
    left: 50%;
    margin: -14px 0px 0px -14px;
    /*font-size: 1.5em !important;*/
  
    /*content: "\e0ff";*/
    /* content: "\e035";*/
    /*content: "\e034";*/
    transition: all 0.4s ease 0s;
}

.et_overlay {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    width: 100%;
    /*height: 92%;*/
    border: 1px solid #E5E5E5;
    opacity: 0;
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%;
    transition: all 0.3s ease 0s;
    backface-visibility: hidden;
}

.et_overlay::after {
    position: absolute;
    top: 65%;
    left: 32%;
    margin: -14px 0px 0px -24px;
    font-size: 1.5em;
    transition: all 0.6s ease 1s;
    content: "детальніше...";
    text-align:center;
    color:#09909E;
}


.woocommerce ul.products li.product a:hover span.et_overlay::before {
  color: #09909e;
}



.my-loop-button {
  display: flex;
  /*flex-direction: column;/*row;*/
  flex-wrap: wrap;
  justify-content: end;
	margin-right: 5px;
}

.price-cart-row {
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
}

.price-cart-row  .price {
	padding: 0 10px !important;
}

ul.products li.product {
  /*box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.04);*/
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: clip;
  overflow-y: clip;
  position: relative;
  border: 1px solid var(--accent-3);
	border-radius: .25rem;
	 
}

ul.products li.product:hover {
	border-radius: 0;
	border-bottom:  none;
}

.sticky-enabled .main-navigation.is_stuck {
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
  background: #fffffff0;
}

.sticky-enabled .main-navigation .inside-navigation { 
  justify-content: center;
}

/*	
	border: 1px solid #7ebec54d !important;
  padding: 0 5px 5px 5px;
  text-align: center;
  overflow: visible;
	
  display: flex;
  flex-direction: column;
  justify-content: space-between;	
}
*/

.inside-wc-product-image {
    position: relative;
    display: inline-block;
    width: 100%;
}
	
.woocommerce ul.products li.product.sales-flash-overlay .onsale {
    position: absolute;
    top: 20px !important;
    left: 20px;
    margin: 0;
    width: 60%;
    padding: 12px;
    border-radius: 3px;
}



/*
ul.products li.product:hover {
  -webkit-box-shadow: 0px 0px 9px 0px #0003;
  -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 9px 0px #0003;
}*/


.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  padding: .5em 0;
  margin: 0;
  font-size: 1.4em;
  line-height:1.4em;	
}


.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
  color: #666 !important;
  font-size: 18px;
  font-weight:600 !important;	
  margin: 0 !important;
  padding-bottom: 10px;	
}




.woocommerce-product-details__short-description {
	text-align:left;
	padding: 0 10px 7px 10px;
	line-height:1.4em;
}







/*вар 2*/
.products-ui-grid {
    display: grid;
    gap: 20px;
}

.columns-4 { grid-template-columns: repeat(4, 1fr); }



.product-inline-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
}

.product-card.open .product-inline-content {
    max-height: 300px !important; /* 🔥 обмеження */
    overflow-y: auto;  /* 🔥 скрол */
    padding: 15px;
    border-top: 1px solid #eee;	
	border: 1px solid #7ebec54d;
}

/* внутрішній контент */
.product-full {
    display: flex;
    flex-direction: column;
    gap: 10px;	
}




/* popup */



.ui-popup {
    position: fixed;
    inset: 0;
    z-index: 99999; /* 🔥 поверх всього */
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
}

.ui-box {
    position: relative;
    background: #fff;
    width: 90%;
    max-width: 700px;     /* 🔥 обмеження ширини */
    max-height: 70vh;     /* 🔥 обмеження висоти */
    border-radius: 12px;
    overflow: hidden;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.ui-content {
    padding: 20px;
    overflow-y: auto; /* 🔥 скрол */
}

.ui-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    cursor: pointer;
    font-size: 20px;
}



/*expand*/
.ui-expand-global {
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 999999;
    pointer-events: none;
}

.ui-expand-box {
    position: absolute;
    pointer-events: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.ui-expand-content {
    padding: 15px;
    overflow-y: auto;
    max-height: calc(70vh - 50px);
}

.ui-expand-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
}


/*висота карток*/
/* grid */
.products-ui-grid {
    display: grid;
    gap: 20px;
}

/* однакова висота карток */
.product-card {
    display: flex;
	flex-direction: column;
}

/* внутрішня структура */
.card-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
}

/* контент */
.card-inner img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

/* заголовок */
.card-inner h3 {
    font-size: 16px;
    margin: 10px 0;
}

/* ціна */
.card-inner .price {
    margin-bottom: 10px;
}

/* 🔥 ключ — кнопка вниз */
.product-open {
    margin-top: auto;
    padding: 10px;
    cursor: pointer;
}


.card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* контент росте */
.card-content {
    flex-grow: 1;
}

/* 🔥 footer прилипає вниз */
.card-footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* кнопка */
.product-open {
    width: 62%;
	margin-left:18%;
}

/*EXPAND*/
.wc-expand-root{
    position:absolute;
    inset:0 auto auto 0;
    z-index:999999;
    pointer-events:none;
}

.wc-expand-box{
    position:absolute;
    pointer-events:auto;
    background:#fff;
    border:1px solid #dcdcdc;
    border-radius:12px;
    box-shadow:0 18px 40px rgba(0,0,0,.16);
    overflow:hidden;
    display:flex;
    flex-direction:column;

    transition:
        width .25s ease,
        height .25s ease,
        left .25s ease,
        top .25s ease;
}

.wc-expand-box.is-dragging{
    transition:none !important;
}

.wc-expand-box.is-fullscreen{
    position:fixed !important;
    border-radius:12px;
    z-index:1000000;
}

.wc-expand-content{
    flex:1;
    min-height:0;
    overflow-y:auto;
    padding:18px;
}

.wc-expand-actions{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px;
    border-bottom:1px solid #eee;
    background:#fff;
}

.wc-expand-actions:focus{
    outline:2px solid #cfd8ff;
    outline-offset:-2px;
}

.wc-expand-drag-handle{
    flex:1 1 auto;
    min-width:40px;
    height:24px;
    cursor:move;
}

.wc-expand-fullscreen, 
.wc-expand-toggle-size,
.wc-expand-close{
    width:32px;
    height:32px;
    border:1px solid #ddd;
    border-radius:8px;
    background:var(--accent-3);
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.wc-expand-fullscreen:hover,
.wc-expand-toggle-size:hover,
.wc-expand-close:hover{
    background:#f5f5f5;
}

.wc-expand-fullscreen.is-active{
    background:var(--accent-3);
    border-color:#b8c3ff;
}


.wc-expand-loader{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:500;
    color:#444;
}

.wc-spinner{
    width:18px;
    height:18px;
    border:2px solid #d9d9d9;
    border-top-color:#111;
    border-radius:50%;
    animation:wcSpin .7s linear infinite;
}

@keyframes wcSpin{
    to{transform:rotate(360deg);}
}

li.active-expand{
    /*border:2px solid var(--accent-2)!important;*/
    opacity:.95;    
    position:relative;
    z-index:2;
	background: #e5c8b280;/*var(--accent-3);*/
	border-bottom: none !important;
	transform: translate(0px, 10px);/* scale(1.03); /*transform:rotate(-3deg);*/
}


@media (min-width:1024px){ 
	li.active-expand{ 
		 transform: translate(0px, 30px);/* scale(1.03); /*transform:rotate(-3deg);*/
	}
}


@media (max-width:767px){

    .wc-expand-box{
        border-radius:10px;
    }

    .wc-expand-content{
        padding:14px;
    }
}




.wc-expand-toggle-size:disabled{
    opacity:.35;
    cursor:not-allowed;
    pointer-events:none;
    background:#f3f3f3;
}

.wc-expand-toggle-size:disabled:hover{
    background:#f3f3f3;
}

/*.wc-expand-fullscreen.is-active{
    background:#eef2ff;
    border-color:#b8c3ff;
}
*/

.wc-expand-drag-handle.is-disabled{
    cursor:default;
    opacity:.45;
    pointer-events:none;
    user-select:none;
}


.wc-expand-resize-handle{
    position:absolute;
    right:0;
    bottom:0;
    width:18px;
    height:18px;
    z-index:20;
    cursor:nwse-resize;
    pointer-events:auto;
}

.wc-expand-resize-handle::before{
    content:"";
    position:absolute;
    right:4px;
    bottom:4px;
    width:10px;
    height:10px;
    border-right:2px solid #999;
    border-bottom:2px solid #999;
    opacity:.8;
}

.wc-expand-box.is-fullscreen .wc-expand-resize-handle{
    display:none;	
}








.wc-resize-handle{
    position:absolute;
    z-index:30;
    pointer-events:auto;
}

.wc-r-right{
    top:0;
    right:0;
    width:8px;
    height:100%;
    cursor:e-resize;
}

.wc-r-left{
    top:0;
    left:0;
    width:8px;
    height:100%;
    cursor:w-resize;
}

.wc-r-top{
    top:0;
    left:0;
    width:100%;
    height:8px;
    cursor:n-resize;
}

.wc-r-bottom{
    bottom:0;
    left:0;
    width:100%;
    height:8px;
    cursor:s-resize;
}

.wc-expand-box.is-fullscreen .wc-resize-handle{
    display:none;
}




.wc-expand-drag-handle.is-disabled{
	cursor: default;
	opacity: .45;
	pointer-events: none;
	user-select: none;
}

.wc-expand-toggle-size:disabled{
	opacity: .35;
	cursor: not-allowed;
	pointer-events: none;
	background: #f3f3f3;
}

.wc-expand-toggle-size:disabled:hover{
	background: #f3f3f3;
}

.wc-resize-handle{
	position: absolute;
	z-index: 30;
	pointer-events: auto;
}

.wc-r-right{
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	cursor: e-resize;
}

.wc-r-left{
	top: 0;
	left: 0;
	width: 8px;
	height: 100%;
	cursor: w-resize;
}

.wc-r-top{
	top: 0;
	left: 0;
	width: 100%;
	height: 8px;
	cursor: n-resize;
}

.wc-r-bottom{
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	cursor: s-resize;
}

.wc-expand-box.is-fullscreen .wc-resize-handle{
	display: none;
}

a.button[href*="add-to-cart"], .wc-expand-content a.addcart, .wc-inline-expand-box a.addcart {
	margin:auto;
	max-width: 200px;
}


/*EXPAND2*/
.wc-inline-expand-row{
	list-style:none;
	width:100% !important;
	grid-column:1 / -1;
	margin:0 0 28px;
	padding:0;

	/*opacity:0;*/
	transform:translateY(0);
	transition:all .22s ease;
}

.wc-inline-expand-row.is-ready{
	opacity:1;
	transform:translateY(0);	
	/*border-top:none !important;*/
}



.wc-inline-expand-box{
	position:relative;
	background: #e5c8b280;
	/*border:1px solid #ddd;
	/*border-radius:14px;*/
	box-shadow:0 10px 28px rgba(0,0,0,.08);
	padding:24px;
	overflow:hidden;
}

.wc-inline-expand-inner{
	min-height:80px;
}

.wc-inline-close{
	position:absolute;
	top:12px;
	right:12px;
	z-index:10;

	width:34px;
	height:34px;

	border:1px solid #ddd;
	border-radius:8px;
	background:#c9787294;/*var(--accent-2);*/
	cursor:pointer;

	display:flex !important;
	align-items:center;
	justify-content:center;

	font-size:16px;
	line-height:1;
}

.wc-inline-close:hover{
	color:#c9787294;
	background:#f5f5f5;
}

.wc-inline-loader{
	display:flex;
	align-items:center;
	gap:10px;
	min-height:80px;
}

.wc-spinner{
	width:18px;
	height:18px;
	border:2px solid #ddd;
	border-top-color:#111;
	border-radius:50%;
	animation:wcSpin .7s linear infinite;
}

@keyframes wcSpin{
	to{transform:rotate(360deg);}
}

li.active-expand{
	position:relative;
	z-index:2;
	/*border:2px solid var(--accent-2) !important;*/
	opacity:.95;	
	/*transform:rotate(-2deg);*/
	border-radius:0px;
}

@media (max-width:1023px){
	.wc-inline-expand-row{
		/*display:none !important;*/
	}
	
	button.wc-inline-close {
		/*display:none !important;*/
	}
}

@media (min-width:1024px){
	.view-one-product-inline-expand {
	  display:none !important;	
	}
}

@media (max-width:767px){
	.generate-back-to-top {
   		display:none;	
 	}
}
 

.view-one-product-inline-expand svg{
	transition: transform .28s ease;
	transform-origin: center;
}

.view-one-product-inline-expand.is-rotated svg{
	transform: rotate(180deg);
}

/*home*/
.home-list-product li.wc-block-product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


/* Приховуємо оригінальний текст бейджа */
.wc-block-components-product-sale-badge__text {
    font-size: 0 !important;
    visibility: hidden;
}

/* Додаємо свій текст */
.wc-block-components-product-sale-badge__text::before {
    content: "Спецпропозиція"; /* ← ваш текст */
    font-size: 14px;
    visibility: visible;
}


/* Приховати оригінальний текст кнопки */
.wc-block-components-product-button .wp-block-button__link {
    font-size: 0 !important;
}
.wc-block-components-product-button .wp-block-button__link::before {
    content: "Оформити замовлення";
    font-size: 14px;
}