.kjseries, .kjseries_cat
{
  --active-border: #f60;
  --default-border: #ddd;
}

.kjseries
{
	display: none;
	overflow: auto;
}
.kjseries_cat 
{
	overflow: hidden;
}
.kjseries table td, .kjseries table th
{
	vertical-align: middle!important;
	text-align: center;
	padding: 5px 7px!important;
}

.kjseries .price-old
{
	font-size: 14px;
	text-decoration: line-through;
}

.kjseries .price-new
{
	font-size: 17px;
	font-weight: 700;
}
.kjseries .total span,
.kjseries .price_special span
{
	font-size: 16px;
	display: inline-block;
	white-space: nowrap;
	margin: 0 3px;
}
.kjseries .input_qty .input-group
{
	width: 70px;
	margin: 0 auto;
}
.kjseries .tr-summa
{
	font-size: 18px;
	font-weight: 700;
}
.img-resp
{
	max-width: 100%;
	margin: 0 auto;
	display: table;
	height: auto;
}
div.kj-item
{
	border: 2px solid var(--default-border);
	border-radius: 5px;
	padding: 10px;
	text-align: center;
}
/* category */
.kjseries_cat_heading
{
	font-size: 17px;
	font-weight: 700;
}
.kjseries_type_images .kj-item, .kjseries .kj-item-ajax
{
	width: 200px;
}
.kjseries_type_images .kj-item, .kjseries .kj-item-ajax, button.kjseries-category-item
{
	float: left;
	margin: 0 10px 10px 0;
}
.kjseries-category-item:hover
{
	cursor: pointer;
}
.kjseries-category-item
{
	border: 2px solid var(--default-border);
	border-radius: 5px;
	padding: 2px 5px;
}
div.kj-item.currentProduct, .kjseries-category-item.selected,
.kj-item-ajax.selected
{
	border-color: var(--active-border);
}
.kit-slider-cat
{
	opacity: 0;
}
.kit-slider-cat .swiper-viewport, .kjseries .swiper-viewport,
.kit-slider-cat .owl-wrapper-outer
{
	border: none;
	box-shadow: none;
	margin: 10px 0;
}
.kjseries .input_qty .input-group input
{
	padding: 5px;
}
.top10
{
	margin-top:10px;
}
.hidden 
{
	display: none;
}
tr.kjseries-category-item.selected
{
	background-color: var(--active-border)!important;
	color: white;
}
.kit-slider-cat .swiper-viewport .swiper-button-next
{
    right: -15px;
}
.kit-slider-cat .swiper-viewport .swiper-button-prev
{
    left: -15px;
}
.kit-slider-cat
{
    overflow: visible;
}

.kjseries .input_qty .btn
{
	padding-left: 4px;
	padding-right: 4px;
}
.kj-item.not-available, .kjseries-category-item.not-available
{
	filter: grayscale(0.5);
	opacity: 0.5;
}

.series-options-modal .price
{
    font-size: 18px;
    line-height: 38px;
    float: left;
    margin: 0;
    font-weight: 500;
}
.series-options-modal .price-old
{
    text-decoration: line-through;
    color: #b3b3b3;
    font-size: 15px;
    font-weight: 300;
}

.series-options-modal .price-new
{
    margin-left: 10px;
    font-size: 19px;
    color: #444;
    white-space: nowrap;
    font-weight: 700;
}
.series-options-modal .discounts, 
.series-options-modal input[name="quantity"]
{
    display: none!important;
}
.series-options-modal input[name="quantity"]
{
    width:70px;
    margin-left: 10px;
    display: inline-block;
}
.series-options-modal .apply-options
{
    float: right;
    font-size: 15px;
}
.series-options-modal .bs5-close
{
	display: none;
}
.kj-item-ajax
{
	cursor: pointer;
}
.kj-item-ajax a
{
	text-decoration: none;
	color: black;
}
/* ===== KIT SERIES slider (Sportime) — без стрілок ===== */

/* Блок серії */
.kjseries {
  margin-top: 10px;
  position: relative;
  margin-bottom: -10px;
}

/* Заголовок блоку серії */
.kjseries h3 {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  margin: 10px 0 8px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

/* М’який "підпис" стилем як у форм */
.kjseries h3::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #eef1f4;
  margin-left: 8px;
}


/* Слайдер */
.kjseries .kjswiper {
  position: relative;
  width: 100%;
  padding: 5px 1px 15px;
}

/* Слайд / елемент */
.kjseries .kj-item {
  border: 1px solid #e6e8eb;
  border-radius: 12px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

/* Hover */
.kjseries .kj-item:hover {
  border-color: #cfd6dd;
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* Активний (поточний товар) */
.kjseries .kj-item.currentProduct,
.kjseries .kj-item.kjparent.currentProduct {
  border-color: #E10600;
  box-shadow: 0 5px 15px rgba(225,6,0,.18);
  transform: none;
}

/* Картинка */
.kjseries .kj-item .image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.kjseries .kj-item .image img {
  width: 100%;
  height: 74px;        /* компактно, щоб не “з’їдало” блок */
  object-fit: contain;
  display: block;
  border-radius: 10px;
}

/* Посилання всередині (щоб не було підкреслення) */
.kjseries .kj-item .image a {
  display: block;
  width: 100%;
  text-decoration: none;
}

/* Прибираємо зайві “clearfix top10”, щоб не робило великих дірок */
.kjseries .clearfix.top10 {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Якщо у слайді виводиться текст (інколи буває) — обрізаємо красиво */
.kjseries .kj-item .name,
.kjseries .kj-item .title,
.kjseries .kj-item .model {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.25;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Базовий стиль стрілок */
.kjseries .swiper-button-prev,
.kjseries .swiper-button-next {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  color: #E10600; /* фірмовий Sportime */
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  transition: all .2s ease;
}
/* Прибираємо стандартні іконки swiper */
.kjseries .swiper-button-prev::after,
.kjseries .swiper-button-next::after {
  font-size: 14px;
  font-weight: 700;
}
/* Hover */
.kjseries .swiper-button-prev:hover,
.kjseries .swiper-button-next:hover {
  background: #E10600;
  color: #fff;
  box-shadow: 0 10px 24px rgba(225,6,0,.35);
}
/* Активний клік */
.kjseries .swiper-button-prev:active,
.kjseries .swiper-button-next:active {
  transform: translateY(-50%) scale(0.95);
}
/* Позиціювання — НЕ вилазять за блок */
.kjseries .swiper-button-prev {
  left: 3px;
}
.kjseries .swiper-button-next {
  right: 3px;
}

/* Малюємо стрілку як "галочку" з бордерів */
.kjseries .swiper-button-prev::before,
.kjseries .swiper-button-next::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(225deg);
}

/* Права стрілка */
.kjseries .swiper-button-next::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* На hover currentColor стане білим (бо background червоний у твоєму стилі) */
.kjseries .swiper-button-prev:hover,
.kjseries .swiper-button-next:hover {
  color: #fff;
}

/* ===== Адаптив ===== */
@media (max-width: 768px) {
  .kjseries h3 {
    font-size: 15px;
    margin-bottom: 8px;
  }

  .kjseries .kj-item {
    padding: 8px;
    border-radius: 10px;
  }

  .kjseries .kj-item .image img {
    height: 68px;
  }

  .kjseries .swiper-button-prev,
  .kjseries .swiper-button-next {
    width: 28px;
    height: 28px;
  }

  .kjseries .swiper-button-prev::after,
  .kjseries .swiper-button-next::after {
    font-size: 12px;
  }  
}