.main-content-wrapper {
  max-width: none;
  width: 100%;
  padding: 0;
}

.carousel-section {
  width: 100%;
  margin: 20px 0;
}

/* =========================================================
   ЛЕЙАУТ: медиа слева + текст справа (float)
   - текст обтекает справа
   - ниже высоты медиа блок становится на всю ширину автоматически
   ========================================================= */

/* Слайдер + текст */
.carousel-with-text{
  display: block;
}
.carousel-with-text::after{
  content: "";
  display: block;
  clear: both;
}
.carousel-with-text .carousel-section{
  float: left;
  width: 40%;
  margin: 0 24px 16px 0;
}
/* квадратные слайдеры в этих блоках */
.carousel-with-text .carousel-container{
  aspect-ratio: 1 / 1;
}
.carousel-with-text .text-section-with-text{
  width: auto;
  min-width: 0;
}

/* Одиночная картинка + текст */
.media-with-text{
  display: block;
}
.media-with-text::after{
  content: "";
  display: block;
  clear: both;
}
.media-with-text .media-section{
  float: left;
  width: 40%;
  margin: 0 24px 16px 0;
}
.media-with-text .text-section-with-text{
  width: auto;
  min-width: 0;
}

/* адаптив */
@media (max-width: 900px){
  .carousel-with-text .carousel-section,
  .media-with-text .media-section{
    float: none;
    width: 100%;
    margin: 0 0 16px 0;
  }
}

/* =========================================================
   ТЕКСТ/СПИСКИ (маркеры там же, где текст)
   Важно: список должен быть внутри .text-section-with-text
   ========================================================= */
.text-section-with-text ul{
  margin: 0.6em 0 0.8em;
  padding-left: 0;
  margin-left: 0;
  list-style: disc inside;
}
.text-section-with-text ol{
  margin: 0.6em 0 0.8em;
  padding-left: 0;
  margin-left: 0;
  list-style: decimal inside;
}
.text-section-with-text li{
  margin: 0.35em 0;
  padding-left: 0;
}
.text-section-with-text li ul,
.text-section-with-text li ol{
  padding-left: 1.2em;
}

/* =========================================================
   ОДИНОЧНАЯ КАРТИНКА "КАК СЛАЙДЕР"
   ========================================================= */
.media-container{
  --r: 12px;
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  background: #f2f2f2;
  border: 0;
  border-radius: var(--r);
  overflow: hidden;
  box-sizing: border-box;
  -webkit-mask-image: -webkit-radial-gradient(white, black);

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
}
.media-container > a{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.media-container img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  transform: translateZ(0) scale(1.01);
  backface-visibility: hidden;
}

/* =========================================================
   СЛАЙДЕР (общие стили)
   ========================================================= */
.carousel-container {
  --r: 12px;
  width: 100%;
  max-width: none;
  aspect-ratio: 16 / 9.5; /* по умолчанию для обычных слайдеров */
  position: relative;
  background: #f2f2f2;
  border: 0;
  border-radius: var(--r);
  overflow: hidden;
  box-sizing: border-box;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.carousel-slides {
  display: flex;
  height: calc(100% - 40px); /* место под точки */
  background: #f2f2f2;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide,
.carousel-slide-with-text{
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 100%;
  min-width: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 16px 20px;
  border: 0;
  border-radius: 0;
  background: #f2f2f2;
}

/* если в слайде есть ссылка (<a>) */
.carousel-slide > a,
.carousel-slide-with-text > a{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.carousel-slide img,
.carousel-slide-with-text img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  border: 0;
  border-radius: 0;
  transform: translateZ(0) scale(1.01);
  backface-visibility: hidden;
}

/* Слайды с заголовком */
.carousel-slide--with-title{
  position: relative;
  padding-top: 46px;
}
.carousel-slide-title{
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #333;
  pointer-events: none;
}

/* Радиокнопки: НЕ display:none */
.carousel-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  opacity: 0;
}

/* =========================================================
   ПЕРЕКЛЮЧЕНИЕ СЛАЙДОВ (ВСЕ ВАШИ СЛАЙДЕРЫ)
   ========================================================= */

/* c7 (7) */
#c7-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#c7-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }
#c7-slide3:checked ~ .carousel-slides { transform: translateX(-200%); }
#c7-slide4:checked ~ .carousel-slides { transform: translateX(-300%); }
#c7-slide5:checked ~ .carousel-slides { transform: translateX(-400%); }
#c7-slide6:checked ~ .carousel-slides { transform: translateX(-500%); }
#c7-slide7:checked ~ .carousel-slides { transform: translateX(-600%); }

/* bt (10) */
#bt-slide1:checked  ~ .carousel-slides { transform: translateX(0%); }
#bt-slide2:checked  ~ .carousel-slides { transform: translateX(-100%); }
#bt-slide3:checked  ~ .carousel-slides { transform: translateX(-200%); }
#bt-slide4:checked  ~ .carousel-slides { transform: translateX(-300%); }
#bt-slide5:checked  ~ .carousel-slides { transform: translateX(-400%); }
#bt-slide6:checked  ~ .carousel-slides { transform: translateX(-500%); }
#bt-slide7:checked  ~ .carousel-slides { transform: translateX(-600%); }
#bt-slide8:checked  ~ .carousel-slides { transform: translateX(-700%); }
#bt-slide9:checked  ~ .carousel-slides { transform: translateX(-800%); }
#bt-slide10:checked ~ .carousel-slides { transform: translateX(-900%); }

/* c2 (2) */
#c2-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#c2-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* food (2) */
#food-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#food-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* marking (2) */
#m-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#m-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* cz (2) */
#cz-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#cz-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* c3 (3) */
#c3-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#c3-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }
#c3-slide3:checked ~ .carousel-slides { transform: translateX(-200%); }

/* rc2 (3) */
#rc2-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#rc2-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }
#rc2-slide3:checked ~ .carousel-slides { transform: translateX(-200%); }

/* rc3 (2) */
#rc3-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#rc3-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* liquid (2) */
#liq-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#liq-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* cosmetics (2) */
#cos-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#cos-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* mattress (2) */
#mat-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#mat-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* furniture (2) */
#fur-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#fur-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* fashion (4) */
#fas-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#fas-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }
#fas-slide3:checked ~ .carousel-slides { transform: translateX(-200%); }
#fas-slide4:checked ~ .carousel-slides { transform: translateX(-300%); }

/* plumbing (2) */
#pl-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#pl-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* sharp (3) */
#sh-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#sh-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }
#sh-slide3:checked ~ .carousel-slides { transform: translateX(-200%); }

/* fragile (2) */
#fr-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#fr-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* electronics (2) */
#el-slide1:checked ~ .carousel-slides { transform: translateX(0%); }
#el-slide2:checked ~ .carousel-slides { transform: translateX(-100%); }

/* =========================================================
   СТРЕЛКИ
   ========================================================= */
.carousel-nav-arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 40px);
  pointer-events: none;
}

/* по умолчанию все label-стрелки некликабельны */
.carousel-nav-arrows .carousel-arrow {
  z-index: 0;
  pointer-events: none;
}

.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 80px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-arrow.prev { left: 0; }
.carousel-arrow.next { right: 0; }

.carousel-arrow::before {
  content: '';
  width: 32px;
  height: 32px;
  transition: all 0.3s ease;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 32px;
}

.carousel-arrow.prev::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f2f2f2' stroke='%23d0d0d0' stroke-width='0.8' d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
}
.carousel-arrow.next::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f2f2f2' stroke='%23d0d0d0' stroke-width='0.8' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
}
.carousel-arrow:hover::before {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' stroke='%23d0d0d0' stroke-width='0.8' d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
}
.carousel-arrow.next:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' stroke='%23d0d0d0' stroke-width='0.8' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
}

/* =========================================================
   АКТИВАЦИЯ СТРЕЛОК (pointer-events + z-index) — ВСЕ ВАШИ СЛАЙДЕРЫ
   ========================================================= */

/* 7 (c7) */
#c7-slide1:checked ~ .carousel-nav-arrows .arrow-prev-7,
#c7-slide1:checked ~ .carousel-nav-arrows .arrow-next-2 { z-index: 11; pointer-events: auto; }
#c7-slide2:checked ~ .carousel-nav-arrows .arrow-prev-1,
#c7-slide2:checked ~ .carousel-nav-arrows .arrow-next-3 { z-index: 11; pointer-events: auto; }
#c7-slide3:checked ~ .carousel-nav-arrows .arrow-prev-2,
#c7-slide3:checked ~ .carousel-nav-arrows .arrow-next-4 { z-index: 11; pointer-events: auto; }
#c7-slide4:checked ~ .carousel-nav-arrows .arrow-prev-3,
#c7-slide4:checked ~ .carousel-nav-arrows .arrow-next-5 { z-index: 11; pointer-events: auto; }
#c7-slide5:checked ~ .carousel-nav-arrows .arrow-prev-4,
#c7-slide5:checked ~ .carousel-nav-arrows .arrow-next-6 { z-index: 11; pointer-events: auto; }
#c7-slide6:checked ~ .carousel-nav-arrows .arrow-prev-5,
#c7-slide6:checked ~ .carousel-nav-arrows .arrow-next-7 { z-index: 11; pointer-events: auto; }
#c7-slide7:checked ~ .carousel-nav-arrows .arrow-prev-6,
#c7-slide7:checked ~ .carousel-nav-arrows .arrow-next-1 { z-index: 11; pointer-events: auto; }

/* 10 (bt) */
#bt-slide1:checked  ~ .carousel-nav-arrows .arrow-prev-10,
#bt-slide1:checked  ~ .carousel-nav-arrows .arrow-next-2  { z-index: 11; pointer-events: auto; }
#bt-slide2:checked  ~ .carousel-nav-arrows .arrow-prev-1,
#bt-slide2:checked  ~ .carousel-nav-arrows .arrow-next-3  { z-index: 11; pointer-events: auto; }
#bt-slide3:checked  ~ .carousel-nav-arrows .arrow-prev-2,
#bt-slide3:checked  ~ .carousel-nav-arrows .arrow-next-4  { z-index: 11; pointer-events: auto; }
#bt-slide4:checked  ~ .carousel-nav-arrows .arrow-prev-3,
#bt-slide4:checked  ~ .carousel-nav-arrows .arrow-next-5  { z-index: 11; pointer-events: auto; }
#bt-slide5:checked  ~ .carousel-nav-arrows .arrow-prev-4,
#bt-slide5:checked  ~ .carousel-nav-arrows .arrow-next-6  { z-index: 11; pointer-events: auto; }
#bt-slide6:checked  ~ .carousel-nav-arrows .arrow-prev-5,
#bt-slide6:checked  ~ .carousel-nav-arrows .arrow-next-7  { z-index: 11; pointer-events: auto; }
#bt-slide7:checked  ~ .carousel-nav-arrows .arrow-prev-6,
#bt-slide7:checked  ~ .carousel-nav-arrows .arrow-next-8  { z-index: 11; pointer-events: auto; }
#bt-slide8:checked  ~ .carousel-nav-arrows .arrow-prev-7,
#bt-slide8:checked  ~ .carousel-nav-arrows .arrow-next-9  { z-index: 11; pointer-events: auto; }
#bt-slide9:checked  ~ .carousel-nav-arrows .arrow-prev-8,
#bt-slide9:checked  ~ .carousel-nav-arrows .arrow-next-10 { z-index: 11; pointer-events: auto; }
#bt-slide10:checked ~ .carousel-nav-arrows .arrow-prev-9,
#bt-slide10:checked ~ .carousel-nav-arrows .arrow-next-1  { z-index: 11; pointer-events: auto; }

/* 2-слайдовые (c2, food, m, cz, rc3, liq, cos, mat, fur, pl, fr, el) */
#c2-slide1:checked   ~ .carousel-nav-arrows .arrow-prev-2,
#c2-slide1:checked   ~ .carousel-nav-arrows .arrow-next-2,
#food-slide1:checked ~ .carousel-nav-arrows .arrow-prev-2,
#food-slide1:checked ~ .carousel-nav-arrows .arrow-next-2,
#m-slide1:checked    ~ .carousel-nav-arrows .arrow-prev-2,
#m-slide1:checked    ~ .carousel-nav-arrows .arrow-next-2,
#cz-slide1:checked   ~ .carousel-nav-arrows .arrow-prev-2,
#cz-slide1:checked   ~ .carousel-nav-arrows .arrow-next-2,
#rc3-slide1:checked  ~ .carousel-nav-arrows .arrow-prev-2,
#rc3-slide1:checked  ~ .carousel-nav-arrows .arrow-next-2,
#liq-slide1:checked  ~ .carousel-nav-arrows .arrow-prev-2,
#liq-slide1:checked  ~ .carousel-nav-arrows .arrow-next-2,
#cos-slide1:checked  ~ .carousel-nav-arrows .arrow-prev-2,
#cos-slide1:checked  ~ .carousel-nav-arrows .arrow-next-2,
#mat-slide1:checked  ~ .carousel-nav-arrows .arrow-prev-2,
#mat-slide1:checked  ~ .carousel-nav-arrows .arrow-next-2,
#fur-slide1:checked  ~ .carousel-nav-arrows .arrow-prev-2,
#fur-slide1:checked  ~ .carousel-nav-arrows .arrow-next-2,
#pl-slide1:checked   ~ .carousel-nav-arrows .arrow-prev-2,
#pl-slide1:checked   ~ .carousel-nav-arrows .arrow-next-2,
#fr-slide1:checked   ~ .carousel-nav-arrows .arrow-prev-2,
#fr-slide1:checked   ~ .carousel-nav-arrows .arrow-next-2,
#el-slide1:checked   ~ .carousel-nav-arrows .arrow-prev-2,
#el-slide1:checked   ~ .carousel-nav-arrows .arrow-next-2 { z-index: 11; pointer-events: auto; }

#c2-slide2:checked   ~ .carousel-nav-arrows .arrow-prev-1,
#c2-slide2:checked   ~ .carousel-nav-arrows .arrow-next-1,
#food-slide2:checked ~ .carousel-nav-arrows .arrow-prev-1,
#food-slide2:checked ~ .carousel-nav-arrows .arrow-next-1,
#m-slide2:checked    ~ .carousel-nav-arrows .arrow-prev-1,
#m-slide2:checked    ~ .carousel-nav-arrows .arrow-next-1,
#cz-slide2:checked   ~ .carousel-nav-arrows .arrow-prev-1,
#cz-slide2:checked   ~ .carousel-nav-arrows .arrow-next-1,
#rc3-slide2:checked  ~ .carousel-nav-arrows .arrow-prev-1,
#rc3-slide2:checked  ~ .carousel-nav-arrows .arrow-next-1,
#liq-slide2:checked  ~ .carousel-nav-arrows .arrow-prev-1,
#liq-slide2:checked  ~ .carousel-nav-arrows .arrow-next-1,
#cos-slide2:checked  ~ .carousel-nav-arrows .arrow-prev-1,
#cos-slide2:checked  ~ .carousel-nav-arrows .arrow-next-1,
#mat-slide2:checked  ~ .carousel-nav-arrows .arrow-prev-1,
#mat-slide2:checked  ~ .carousel-nav-arrows .arrow-next-1,
#fur-slide2:checked  ~ .carousel-nav-arrows .arrow-prev-1,
#fur-slide2:checked  ~ .carousel-nav-arrows .arrow-next-1,
#pl-slide2:checked   ~ .carousel-nav-arrows .arrow-prev-1,
#pl-slide2:checked   ~ .carousel-nav-arrows .arrow-next-1,
#fr-slide2:checked   ~ .carousel-nav-arrows .arrow-prev-1,
#fr-slide2:checked   ~ .carousel-nav-arrows .arrow-next-1,
#el-slide2:checked   ~ .carousel-nav-arrows .arrow-prev-1,
#el-slide2:checked   ~ .carousel-nav-arrows .arrow-next-1 { z-index: 11; pointer-events: auto; }

/* 3-слайдовые (c3, rc2, sh) */
#c3-slide1:checked  ~ .carousel-nav-arrows .arrow-prev-3,
#c3-slide1:checked  ~ .carousel-nav-arrows .arrow-next-2,
#rc2-slide1:checked ~ .carousel-nav-arrows .arrow-prev-3,
#rc2-slide1:checked ~ .carousel-nav-arrows .arrow-next-2,
#sh-slide1:checked  ~ .carousel-nav-arrows .arrow-prev-3,
#sh-slide1:checked  ~ .carousel-nav-arrows .arrow-next-2 { z-index: 11; pointer-events: auto; }

#c3-slide2:checked  ~ .carousel-nav-arrows .arrow-prev-1,
#c3-slide2:checked  ~ .carousel-nav-arrows .arrow-next-3,
#rc2-slide2:checked ~ .carousel-nav-arrows .arrow-prev-1,
#rc2-slide2:checked ~ .carousel-nav-arrows .arrow-next-3,
#sh-slide2:checked  ~ .carousel-nav-arrows .arrow-prev-1,
#sh-slide2:checked  ~ .carousel-nav-arrows .arrow-next-3 { z-index: 11; pointer-events: auto; }

#c3-slide3:checked  ~ .carousel-nav-arrows .arrow-prev-2,
#c3-slide3:checked  ~ .carousel-nav-arrows .arrow-next-1,
#rc2-slide3:checked ~ .carousel-nav-arrows .arrow-prev-2,
#rc2-slide3:checked ~ .carousel-nav-arrows .arrow-next-1,
#sh-slide3:checked  ~ .carousel-nav-arrows .arrow-prev-2,
#sh-slide3:checked  ~ .carousel-nav-arrows .arrow-next-1 { z-index: 11; pointer-events: auto; }

/* 4-слайдовый (fas) */
#fas-slide1:checked ~ .carousel-nav-arrows .arrow-prev-4,
#fas-slide1:checked ~ .carousel-nav-arrows .arrow-next-2 { z-index: 11; pointer-events: auto; }
#fas-slide2:checked ~ .carousel-nav-arrows .arrow-prev-1,
#fas-slide2:checked ~ .carousel-nav-arrows .arrow-next-3 { z-index: 11; pointer-events: auto; }
#fas-slide3:checked ~ .carousel-nav-arrows .arrow-prev-2,
#fas-slide3:checked ~ .carousel-nav-arrows .arrow-next-4 { z-index: 11; pointer-events: auto; }
#fas-slide4:checked ~ .carousel-nav-arrows .arrow-prev-3,
#fas-slide4:checked ~ .carousel-nav-arrows .arrow-next-1 { z-index: 11; pointer-events: auto; }

/* =========================================================
   ТОЧКИ-ИНДИКАТОРЫ
   ========================================================= */
.carousel-dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
  padding: 6px 10px;
  background: rgba(242, 242, 242, 0.9);
  border-radius: 20px;
}

.carousel-dots label {
  display: block;
  width: 8px;
  height: 8px;
  background-color: rgba(187, 187, 187, 0.3);
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
}

/* подсветка активной точки (все ваши id) */
#c7-slide1:checked ~ .carousel-dots label[for="c7-slide1"],
#c7-slide2:checked ~ .carousel-dots label[for="c7-slide2"],
#c7-slide3:checked ~ .carousel-dots label[for="c7-slide3"],
#c7-slide4:checked ~ .carousel-dots label[for="c7-slide4"],
#c7-slide5:checked ~ .carousel-dots label[for="c7-slide5"],
#c7-slide6:checked ~ .carousel-dots label[for="c7-slide6"],
#c7-slide7:checked ~ .carousel-dots label[for="c7-slide7"],

#bt-slide1:checked  ~ .carousel-dots label[for="bt-slide1"],
#bt-slide2:checked  ~ .carousel-dots label[for="bt-slide2"],
#bt-slide3:checked  ~ .carousel-dots label[for="bt-slide3"],
#bt-slide4:checked  ~ .carousel-dots label[for="bt-slide4"],
#bt-slide5:checked  ~ .carousel-dots label[for="bt-slide5"],
#bt-slide6:checked  ~ .carousel-dots label[for="bt-slide6"],
#bt-slide7:checked  ~ .carousel-dots label[for="bt-slide7"],
#bt-slide8:checked  ~ .carousel-dots label[for="bt-slide8"],
#bt-slide9:checked  ~ .carousel-dots label[for="bt-slide9"],
#bt-slide10:checked ~ .carousel-dots label[for="bt-slide10"],

#c2-slide1:checked ~ .carousel-dots label[for="c2-slide1"],
#c2-slide2:checked ~ .carousel-dots label[for="c2-slide2"],

#food-slide1:checked ~ .carousel-dots label[for="food-slide1"],
#food-slide2:checked ~ .carousel-dots label[for="food-slide2"],

#m-slide1:checked ~ .carousel-dots label[for="m-slide1"],
#m-slide2:checked ~ .carousel-dots label[for="m-slide2"],

#cz-slide1:checked ~ .carousel-dots label[for="cz-slide1"],
#cz-slide2:checked ~ .carousel-dots label[for="cz-slide2"],

#c3-slide1:checked ~ .carousel-dots label[for="c3-slide1"],
#c3-slide2:checked ~ .carousel-dots label[for="c3-slide2"],
#c3-slide3:checked ~ .carousel-dots label[for="c3-slide3"],

#rc2-slide1:checked ~ .carousel-dots label[for="rc2-slide1"],
#rc2-slide2:checked ~ .carousel-dots label[for="rc2-slide2"],
#rc2-slide3:checked ~ .carousel-dots label[for="rc2-slide3"],

#rc3-slide1:checked ~ .carousel-dots label[for="rc3-slide1"],
#rc3-slide2:checked ~ .carousel-dots label[for="rc3-slide2"],

#liq-slide1:checked ~ .carousel-dots label[for="liq-slide1"],
#liq-slide2:checked ~ .carousel-dots label[for="liq-slide2"],

#cos-slide1:checked ~ .carousel-dots label[for="cos-slide1"],
#cos-slide2:checked ~ .carousel-dots label[for="cos-slide2"],

#mat-slide1:checked ~ .carousel-dots label[for="mat-slide1"],
#mat-slide2:checked ~ .carousel-dots label[for="mat-slide2"],

#fur-slide1:checked ~ .carousel-dots label[for="fur-slide1"],
#fur-slide2:checked ~ .carousel-dots label[for="fur-slide2"],

#fas-slide1:checked ~ .carousel-dots label[for="fas-slide1"],
#fas-slide2:checked ~ .carousel-dots label[for="fas-slide2"],
#fas-slide3:checked ~ .carousel-dots label[for="fas-slide3"],
#fas-slide4:checked ~ .carousel-dots label[for="fas-slide4"],

#pl-slide1:checked ~ .carousel-dots label[for="pl-slide1"],
#pl-slide2:checked ~ .carousel-dots label[for="pl-slide2"],

#sh-slide1:checked ~ .carousel-dots label[for="sh-slide1"],
#sh-slide2:checked ~ .carousel-dots label[for="sh-slide2"],
#sh-slide3:checked ~ .carousel-dots label[for="sh-slide3"],

#fr-slide1:checked ~ .carousel-dots label[for="fr-slide1"],
#fr-slide2:checked ~ .carousel-dots label[for="fr-slide2"],

#el-slide1:checked ~ .carousel-dots label[for="el-slide1"],
#el-slide2:checked ~ .carousel-dots label[for="el-slide2"]{
  background-color: rgba(113, 113, 113, 0.6);
}