/**
 * [recently_viewed] — «Недавно переглянуті» (woocommerce/recently-viewed).
 * Картки — шаблон Loop Item Elementor (свої стилі); тут лише заголовок, стрілки й стрічка.
 * Стрілки — як у каруселях Elementor і [reviews_carousel].
 */
.recently-viewed{
	--rv-gap:          24px;                                   /* ← ПРОЄКТ як Gap у Loop Carousel «Схожі товари» */
	--rv-per-view:     4;                                      /* ← ПРОЄКТ карток у ряд на комп'ютері (Slides to Show) */
	--rv-offset:       80px;                                   /* ← ПРОЄКТ видно край наступної картки праворуч (Offset Width) */
	--rv-dot:          8px;
	--rv-dot-color:    #E4DDE8;
	--rv-dot-active:   var(--e-global-color-primary, #8D69A0);
	--rv-arrow-bg:     var(--e-global-color-709cba7, #fff);
	--rv-arrow-color:  var(--theme-accent, #8D69A0);
	--rv-arrow-border: #F1EDF3;
	--rv-arrow-shadow: 0 4px 16px 0 rgba(0,0,0,.03);
	--rv-arrow-hover:  var(--e-global-color-primary, #8D69A0);
}
@media (max-width:1024px){.recently-viewed{--rv-per-view:3}}
@media (max-width:767px){.recently-viewed{--rv-per-view:1}}
.recently-viewed[hidden]{display:none}
.elementor-widget:has(.recently-viewed){width:100%} /* див. reviews-carousel.css: висота у колонці з переносом */

.recently-viewed__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
.recently-viewed__title{margin:0}
.recently-viewed__nav{display:flex;gap:12px;margin-left:auto}
.recently-viewed__arrow{
	display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box;
	width:25px;height:25px;padding:8px !important;
	border:1px solid var(--rv-arrow-border) !important;border-radius:12px !important;
	background:var(--rv-arrow-bg) !important;color:var(--rv-arrow-color) !important;
	box-shadow:var(--rv-arrow-shadow);cursor:pointer;transition:background-color .25s,color .25s,opacity .25s;
}
.recently-viewed__arrow svg{width:25px;height:25px;display:block}
.recently-viewed__arrow--next svg{transform:scaleX(-1)}
.recently-viewed__arrow:hover:not(:disabled),
.recently-viewed__arrow:focus-visible{background:var(--rv-arrow-hover) !important;color:#fff !important}
.recently-viewed__arrow:disabled{opacity:.4;cursor:default}
.recently-viewed.is-static .recently-viewed__nav{display:none}

.recently-viewed__track{
	display:grid;grid-auto-flow:column;gap:var(--rv-gap);
	grid-auto-columns:calc((100% - var(--rv-offset) - (var(--rv-per-view) - 1) * var(--rv-gap)) / var(--rv-per-view));
	overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;
	scrollbar-width:none;outline:none;
}
.recently-viewed__track::-webkit-scrollbar{display:none}
.recently-viewed__item{scroll-snap-align:start;min-width:0;display:flex}
/* однакова висота карток (як Equal Height у Loop Carousel): картка й її контейнер — на всю висоту рядка */
.recently-viewed__item > .elementor{flex:1;min-width:0;display:flex;flex-direction:column}
.recently-viewed__item > .elementor > .e-con{flex:1 1 auto}

/* крапки під стрічкою (як Pagination: Bullets у Loop Carousel) */
.recently-viewed__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:20px}
.recently-viewed__dot{
	width:var(--rv-dot);height:var(--rv-dot);padding:0 !important;border:0 !important;border-radius:50% !important;
	background:var(--rv-dot-color) !important;cursor:pointer;transition:background-color .2s;
}
.recently-viewed__dot.is-active{background:var(--rv-dot-active) !important}
.recently-viewed.is-static .recently-viewed__dots{display:none}