/**
 * Theme Name:  Екскаватори Rippa в Україні
 * Description: Rippa – Лідери у продажу спецтехніки з 2020 року
 * Author:      Rippa
 * Version:     1.0
 */


.accordion__head::after {
  background-image: url("/wp-content/themes/rippa/images/icons/caret_up.svg");
}

.breadcrumbs li::before {
  background-image: url("/wp-content/themes/rippa/images/icons/arrow_right.svg");
}

.header-mobile__nav li::after {
  background-image: url("/wp-content/themes/rippa/images/icons/chevron_right.svg");
}

.currency-switcher__head::after {
  background-image: url("/wp-content/themes/rippa/images/icons/chevron_down.svg");
}

.catalogue-item__text::after {
  background-image: url("/wp-content/themes/rippa/images/icons/caret_right.svg");
}

.index-page {}
.catalogue-page {}
.category-page {}
.product-page {}
.about-page {}
.contacts-page {}
.error-page {}

.index-page .types__content,
.catalogue-page .guaranties__content,
.category-page .guaranties__content,
.about-page .mission__content {
	padding-bottom: 36px;
}

.index-page .cooperation__content,
.catalogue-page .faq__content,
.category-page .faq__content {
  padding-top: 36px;
}

.about-page .advantages {
  margin-bottom: 0;
}

.product-page .advantages {
	margin-top: 0;
	margin-bottom: 0;
}

.model-item__inner {
	min-height: 100%;
}

.model-item__content,
.model-item__body,
.model-item__body .h4 {
	flex-grow: 1;
}

@media (max-width: 500px) {
	.h1 {
    	font-size: 36px;
	}
}

.product-faq__image {
	height: 400px;
	width: 100%;
}

.product-faq__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}



.popular {
	overflow: hidden;
}
.popular__swiper {
	position: relative;
}
@media (max-width: 992px) {
	.popular .swiper {
		overflow: unset;
	}
	.popular .swiper-slide {
		opacity: 0.5;
	}
}
.popular .swiper-slide-active {
	opacity: 1 !important;
}
.popular .swiper-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.popular .swiper-button-next {
	right: 0;
	transform: translateY(-50%) translateX(50%);
}
.popular .swiper-button-prev {
	left: 0;
	transform: translateY(-50%) translateX(-50%);
}

.popular__swiper .model-item {
	height: 100%;
}


.footer-contacts-button {
	width: 100%;
	max-width: 380px;
	overflow: hidden;
}


body {
	min-width: 400px;
}