#back-top, #us_fixed_contact_button, .us-fixed-contact-pulsation, .us-module-item:hover .us-module-cart-btn, .us-module-btn:hover, .us-module-btn-green, .us-footer-form-top-buttton, .oct-fixed-bar-link:hover, .oct-fixed-bar-quantity, .pagination li.active span, .pagination li a:hover, .us-product-btn-active, .us-product-btn:hover, .us-product-quantity-btn:hover, .us-categories-wall-item:hover hr, .compare-wishlist-btn:hover, .image-additional-box .slick-arrow:hover, #us_livesearch_close, .us-product-option .radio label.selected,.simplecheckout-cart-buttons .button,.simplecheckout-button-right .button,#simplecheckout_button_login, .us-news-stickers-date, .mobile-header-index, .us-form-check-group-acc input[type=radio]:checked + label:after, #us_info_mobile .dropdown-menu button.active-item:after, .oct-load-more-button, .us-column-module-btn:hover, #loginTabs .nav-link.active:before {background:rgb(113, 190, 0);}
nav .dropdown-menu button:hover, .user-dropdown-menu .us-dropdown-item:hover, .us-categories-wall-top-link:hover .us-categories-wall-title, .us-module-item:hover .us-module-title a, .us-module-buttons-link:hover i, .us-reviews-block:hover .us-reviews-block-title, .subcat-item:hover .subcat-item-title, .us-breadcrumb-item:last-child, .us-category-appearance-btn.active, .us-category-appearance-btn:hover, .us-product-advantages-item:hover .us-product-advantages-icon i, .us-breadcrumb-item a:hover, .us-column-link:hover, .us-blog-search-btn:hover, .us-blog-post-info-item i, .us-news-block:hover .us-news-block-title, .us-product-tags, .us-product-tags a, .us-categories-wall-link:hover, .us-manufacturer-title, .us-account-link.active, .us-account-link:hover, .us-footer-phone-btn[aria-expanded="true"], .header-dropdown-menu a:hover, .us-categories-toggle:hover, .us-fixed-contact-item:hover, .us-categories-wall-btn:hover, .us-categories-wall-btn:hover i, .us-main-shop-title a:hover {color:rgb(113, 190, 0);}
.oct-popup-view-compare-wishlist-btn:hover, .us-manufacturer-card {color:rgb(113, 190, 0) !important;}
.oct-bottom-free-shipping-from .progress-bar {background-color:rgb(113, 190, 0) !important;}
.us-carousel-brands-box, .us-product-nav-item-active span:after, .us-product-nav-item span:hover:after, .us-page-main-title:after, .compare-wishlist-btn:hover, .us-form-check-group-acc input[type=radio]:checked + label:before, #us_info_mobile .dropdown-menu button.active-item::before {border-color:rgb(113, 190, 0);}
body {background-color:rgb(242, 243, 245);}
#top {background:#353e48;}
.btn-link {color:#E5E5E5;}
.btn-link:hover, .btn-link:focus {color:#E5E5E5;}
.us-phone-link, .us-cart-link, .us-phone-link:hover, .us-cart-link:hover {color:#71BE00;}
.top-phone-btn, .us-cart-text {color:#333333;}
.menu-row {background-color:#353e48;}
.oct-ultra-menu {background:#71BE00;}
#oct-menu-box:hover .oct-ultra-menu {background-color:#4a5663;}
.oct-ultra-menu {color:#ffffff;}
.oct-menu-li {background:#ffffff;}
.oct-menu-li:hover {background:#F7F7F7;}
.oct-menu-li > a, .oct-menu-li > div > a {color:#333333;}
.oct-menu-li:hover > a, .oct-menu-li:hover > div > a {color:#71BE00;}
.menu-row {color:#E5E5E5;}
.oct-mm-link:hover > a, .oct-mm-simple-link:hover > a {background:#71BE00;}
.oct-mm-parent-title, .oct-mm-child a {color:#333333;}
.oct-mm-child a:hover, .oct-mm-parent-link:hover .oct-mm-parent-title {color:#71BE00;}
footer {background-color:#353e48;}
.us-footer-subscribe-text-text, footer, .us-footer-text, .us-footer-form-bottom label, .us-footer-bottom-credits {color:#DEDEDE;}
.us-footer-link, .us-footer-phone-btn, .us-footer-mail {color:#CBCFD4;}
.us-footer-link:hover, .us-footer-phone-btn:hover, .us-footer-mail:hover {color:#71BE00;}
.us-footer-form-top-input {background:#656c73;}
.us-categories-box {background:#F3F5FB;}
.us-categories-item {color:#666666;}
.us-categories-item.active > span a, .us-categories-item a:hover {color:#71be00;}
.modal-header {background:#71BE00;}
.modal-title {color:#ffffff;}
button.us-close {background:rgba(153, 226, 45, 0.82);}
button.us-close:hover {background:#68af00;}
.us-modal-close-icon {border-color:#ffffff!important;}
@media screen and (max-width: 991px) {#top {background:#353e48;}}
@media screen and (max-width: 991px) {.us-menu-mobile {background:#71be00;}}
.us-logo-img {max-width: 100%!important;}
@media screen and (max-width: 767px) {.product-grid{width:50%;padding:0;}.product-grid .us-product-list-description{display:none;}.product-grid .us-module-title{font-size:12px;margin:10px 0;padding:0;}.product-grid .us-module-price>*{display: block;}.product-grid .us-module-item{padding:0 10px 24px;margin:0;height:100%;}.us-category-content .us-category-sort-block + .row{margin-bottom:30px;}.product-grid:nth-child(even) .us-module-item{border-left:0;}.product-grid .us-module-stickers-sticker{margin-bottom:6px;}}@media screen and (max-width: 320px) {.product-grid .us-module-cart-btn{margin:0 5px;}}
.us-blog-post-gallery-item img {
    height: auto;
}

ul.inline-list {
  padding: 0;
  margin: 0;
  list-style: none; /* Убираем стандартные точки */
}

ul.inline-list li {
  display: inline-block; /* Выстраиваем в строку */
  margin-right: 20px;    /* Расстояние между пунктами */
}

ul.inline-list li::before {
  content: "•";          /* Добавляем свой маркер */
  margin-right: 8px;
  color: #666;           /* Цвет точки */
}

/* --- /Останній блок/  Горизонтальні пам подвійні в 3 колонки --- */
.us-blog-post-text li {margin-top: 1em;}
.us-module-item{ padding-top: 0 }
img.us-logo-img { height: auto }
.us-module-row .us-module-img img,
.subcat-item-img {max-width: 100%; height: auto;}

h2 {font-size: 1.4rem; margin-top: 25px;}
.us-category-description-text h3 {font-size: 1.25rem; margin-top: 20px;}
h4 {font-size: 1.1rem; margin-top: 15px;}

li {
  list-style-position: inside;
  padding-left: 0;
  margin-left: 0;
}
li::marker {
  color: grey; /* колір точки */
  font-size: 0.5em; /* опційно змінити розмір */
}


.us-category-products .us-module-item {   padding-top: 0 }

.subcat-row a {
    max-height: 300px;
    overflow: hidden;
}

.subcat-item-img{
  object-fit: cover;
  height: 100%
}

/* galery styles */
ul {
	padding: 0;
}

.gallery__wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0;
	margin-top: 20px;
	padding-inline: 15px;
}

.gallery.gallery-col-4 {
	display: grid;
	flex-direction: column;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: minmax(100px, auto);
	column-gap: 15px;
	row-gap: 23px;
}
.gallery.gallery-col-3 {
	display: grid;
	flex-direction: column;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(100px, auto);
	column-gap: 15px;
	row-gap: 23px;
}

.type-2 {
	grid-column: span 2;
	grid-row: span 1;
}

.gallery__item {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	display: flex;
	flex-direction: column;
	position: relative;
	max-height: 370px;
	transition: transform 0.3s ease;
}

.gallery__item:hover {
	border: none;
}

.gallery__item-img {
	margin: 0;
	flex: 1;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.gallery__item-img .gallery__item-link {
	display: block;
	width: 100%;
	height: 100%;
}

.gallery__item-img img {
	cursor: pointer;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: transform 150ms linear;
}

.gallery__item-img:hover img {
	transform: scale(1.1);
}

.gallery__info {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: start;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	text-shadow: 0 0 5px #000;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 40px 7px 7px;
	background-image: linear-gradient(
		-180deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.3) 97%
	);
}
.gallery__info span {
	position: relative;
}

.gallery__item-img .fa-search-plus {
	pointer-events: none;
}

.gallery__item-img .fa-search-plus {
	display: none;
}

.gallery__item:hover .gallery__item-img .fa-search-plus {
	display: block;
}

.gallery__play-icon {
	-webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7));
	filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7));
	height: 100%;
	width: 13px;
	display: block;
}

.gallery__info {
	transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
}

.gallery__info:hover {
	transform: scale(0.96);
	text-decoration: none;
	color: #fff;
}

.blocks-gallery-caption {
	font-size: 0.75em;
	color: #666;
	text-align: center;
}

@media (min-width: 1025px) {
	.lg\:type-2 {
		grid-column: span 2;
		grid-row: span 1;
	}
}

@media (max-width: 1024px) {
	.gallery__item {
		max-height: 190px;
	}

	.gallery.gallery-col-4 {
		grid-template-columns: repeat(3, 1fr);
		column-gap: 10px;
		row-gap: 15px;
	}
	.gallery.gallery-col-3 {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
		row-gap: 15px;
	}
	.max-lg\:type-2 {
		grid-column: span 2;
		grid-row: span 1;
	}
	.gallery__play-icon {
		width: 7px;
	}
	.gallery__info {
		font-size: 13px;
	}
}

.us-banner-plus-box {
    padding: 0;
}

.us-banner-plus-title{
    position: absolute;
    left: 1rem;
    top: 1rem;
}

.us-banner-plus-info{
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}

.us-banner-plus-img img{
    width: 100%;
    height: auto
}


/* --- Главная БЛОК 2 --- */
.steps {
  padding: 60px 0;
}

.steps h2 {
  font-size: clamp(1.3rem, 2.5vw, 1.6rem);
}

.steps h3 {
  font-size: clamp(1rem, 2vw, 1.125rem);
}

.steps__title {
  text-align: center;
  margin-bottom: 40px;
}

.steps__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}

.step {
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  position: relative;
}

.step__num {
  font-size: 22px;
  font-weight: 700;
  color: #c9c9c9;
  position: absolute;
  top: 12px;
  right: 12px;
}

.step__title {
  margin-bottom: 12px;
}

.step p,
.step ul {
  margin: 0;
  line-height: 1.6;
}

.step ul {
  padding-left: 0px;
}
/* --- // Главная БЛОК 2 --- */



/* --- //  питання-відповіді --- */
.faq-block, .faq-interactive {
    font-family: Arial, sans-serif;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
}

h2 {
    color: #333;
}

.faq-item h3, details summary {
    cursor: pointer; /* Указатель для интерактивных элементов */
    color: #007BFF;
    margin-top: 15px;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

.faq-item p, details p {
    color: #555;
    padding: 10px 0;
}

/* Для интерактивного варианта */
details > p {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
}
/* --- //  FAQ питання-відповіді --- */


/* --- Хмара тегів блок HTML --- */
.tag-cloud {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 15px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.tag-cloud h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tags a {
  padding: 10px 18px;
  background: #f2f2f2;
  border-radius: 999px;
  color: #111;
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tags a:hover {
  background: #111;
  color: #fff;
  transform: translateY(-2px);
}
/* --- //  Хмара тегів блок HTML --- */

/* --- Горизонтальні пам подвійні в 3 колонки --- */
.doplistgorizon {width: 100%;  overflow: hidden;}
.doplistgorizon div {width: 30%; float: left;}
.doplistgorizon img {width: 90%;}
/* --- // Горизонтальні пам подвійні в 3 колонки --- */