.productGallery {
  max-width: 502px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.productGalleryThumbs {
  display: flex;
  gap: 16px;
}

.productGallery-big {
  width: 100%;
  border-radius: var(--big-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--graycards);
  aspect-ratio: 502/386;
 overflow: hidden;
}
.productGallery-bigLink {
width: 100%;
height: 100%;
display: flex;
  align-items: center;
  justify-content: center;
background-color: #010101;

}
.productGallery-big img {
  width: 100%;
 
}
.productGallery-small {
  aspect-ratio: 114/100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 114px;
  border-radius: var(--small-border-radius);
  background-color: var(--graycards);
  overflow: hidden;
  
}
.productGallery-smallLink {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background-color: #010101;
  width: 100%;
  height: 100%;
}
.productGallery-small img {
  max-width: 100px;
  width: 100%;
}
.productGalleryBlack-big {
  width: 100%;
  border-radius: var(--big-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #010101;
  aspect-ratio: 502/386;
}
.productGalleryBlack-big img {
  width: 100%;
  max-width: 409px;
}
.productGalleryBlack-small {
  aspect-ratio: 114/100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 114px;
  border-radius: var(--small-border-radius);
  background-color: #010101;
}
.productGalleryBlack-small img {
  max-width: 100px;
  width: 100%;
}
/* MAIN PRODUCTS */
.productMainInfoWrapper {
  display: flex;
  gap: 56px;
  
  padding-bottom: var(--block-padding);
}
.productMain-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.productMain-title {
  color: var(--lightgrey);
  margin-bottom: 8px;
}
.productMain-mainProperties {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  margin-bottom: 8px;
}
.mainPropertiesItem {
  padding: 12px;
  border-radius: var(--small-border-radius);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-grow: 1;
  background-color: var(--graycards);
}
.mainPropertiesItem .propertieName {
  font-weight: 500;
}
.mainPropertiesItem .propertieValue {
  color: var(--lightgrey);
}
.productMain-advantages {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 8px;
  margin-bottom: 8px;
}
.productMain-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}
.productMain-price p {
  color: var(--lightgrey);
}
.productTechnologyWrapper {
  display: flex;

  gap: 25px;
  padding-bottom: var(--block-padding);
}
.productTechnologyWrapper .mobileChapter {
  display: none;
  margin-bottom: 12px;
}

.technologyList h2 {
  width: 100%;
  margin-bottom: var(--chapter-padding);
}
.technologyGallery {
  width: 100%;
  aspect-ratio: 381/247;
  border-radius: var(--big-border-radius);
  overflow: hidden;
  user-select: none;
  background-color: #010101;
}
.technologyGallery img {
  width: 100%;
}
.agrodroneTextSeparator p {
  padding-left: 0 !important;
}
.productBigPhotoWrapper {
  aspect-ratio: 22/13;
  width: 100%;
  border-radius: var(--big-border-radius);
  padding-bottom: var(--block-padding);
}
.productBigPhotoWrapper img {
  width: 100%;
}
.productKitWrapper {
  background: var(--graycards);
  border-radius: var(--big-border-radius);
  padding: 112px;
  display: flex;
  gap: 80px;
  margin-bottom: var(--block-padding);
}
.productKitWrapper .mobileChapter {
  display: none;
}
.productKitInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 320px;
  min-width: max-content;
}

.productKitInfo button {
  width: fit-content;
}
.productKit-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 8px;
  color: var(--lightgrey);
}
.productKitGallery {
  display: flex;
 
  width: 100%;
  gap: 16px;
  aspect-ratio: 175/134;
}
.left-column,
.right-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.left-column {
  flex: 0 0 33%;
}
.right-column {
  flex: 0 0 calc(67% - 16px);
}
.gallery-item {
  background-color: black;
  border-radius: var(--small-border-radius);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
}
.productTechAdventagesWrapper {
  display: flex;
  gap: 80px;
  align-items: flex-start;
  padding-bottom: var(--block-padding);
}
.productTechAdventages-name {
  width: 100%;
  max-width: 315px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
}
.productTechAdventages-name img {
  width: 100%;
  max-width: 267px;
}
.productTechAdventages-properties {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.techAdventages-propertiesItem {
  display: flex;
  align-items: center;
  padding: 16px 0;
  gap: 10px;
  border-bottom: 1px solid var(--grey);
}
.techAdventages-propertiesItem p {
  width: 50%;
}

.techAdventages-propertiesItem .value {
  color: var(--lightgrey);
}
/* OTHER PRODUCTS */
.productOtherWrapper {
  display: flex;
  gap: 56px;
  
}
.productOtherInfo {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.productOtherInfo p {
  color: var(--lightgrey);
}
.productOtherTitle {
  color: var(--lightgrey);
  margin-bottom: 8px;
}
.productOtherPrice {
  margin-bottom: 8px;
}
.productCardButtonGroup {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 64px;
}
.productCardButtonGroup a,
.productCardButtonGroup button {
  width: fit-content;
}
.productOtherPropertiesTable {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.productOtherPropertiesTable h3 {
  margin-bottom: 16px;
}
.productOtherPropertiesItem {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--grey);
  padding: 8px 0;
  width: 100%;
  gap: 20px;
}
.productOtherPropertiesItem p {
  width: 50%;
  text-align: left;
}
.productOtherPropertiesItem-value {
  color: var(--lightgrey);
}
.productEquipmentWrapper {
  padding-bottom: var(--block-padding);
}
.productEquipmentWrapper h2 {
  margin-bottom: var(--chapter-padding);
}
.productEquipmentWrapper .swiperNavigationDefault {
  position: static;
}
.swiperProductsDashboard {
  padding-bottom: 16px;
}
.productCardItem {
  width: 100%;

  border-radius: var(--big-border-radius);
  padding: 20px 20px 90px 20px;
  background-color: var(--graycards);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.productCardItemImage {
  position: relative;
  aspect-ratio: 129/100;
  margin-bottom: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--small-border-radius);
  overflow: hidden;
  background: #010101;

}
.productCardItemImage a {
  position: relative;

  height: 100%;
  width: 100%;
}
.productCardItemImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}
.productCardItem p {
  color: var(--lightgrey);
}

.categoryHeadTitle {
  margin-bottom: 24px;
}
.categoryHeader {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: var(--chapter-padding);
}
.categoryHeaderItem {
  color: var(--lightgrey);
  padding: 8px 16px;
  border-radius: var(--small-border-radius);
  background-color: var(--graycards);
}
.categoryHeaderItem a {
  color: var(--lightgrey);
  text-decoration: none;
}
.activeCategory {
  background-color: var(--green) !important;
}
.activeCategory a {
  color: var(--black) !important;
}
.productCardDashboard {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 56px;
}
.productCardDashboard .productCardItem {
  width: calc((100% - 40px) / 3);
}
.productCardDashboard .contentProductItem {
  max-width: unset !important;
  width: calc((100% - 40px) / 3) !important;
}
.productCardDashboard .contentProductItem img {
  margin-bottom: 12px;
  width: 100%;
  border-radius: var(--small-border-radius);
}
.contentProductItem-category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.contentProductItem-category .name {
  color: var(--lightgrey);
  background-color: var(--grey);
  padding: 2px 8px;
  border-radius: var(--small-border-radius);
}
.contentProductItem-category .date {
  color: #fff;
}
.contentProductItem .title {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.productCardItem p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Пример CSS */
.radio-group {
  /* Если фон страницы уже чёрный, этот бэкграунд не обязателен */
  background-color: #111;
  padding: 20px;
  width: 300px; /* для примера */
  border-radius: 8px;
}

/* Обёртка для каждого radio + текста */
.radio-wrapper {
  display: flex;
  align-items: center;

  cursor: pointer; /* чтобы было понятно, что это кликабельно */
}

/* Скрываем стандартный вид радио */
.radio-wrapper input[type="radio"] {
  appearance: none; /* для современных браузеров */
  -webkit-appearance: none; /* для Safari */
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0; /* прячем сам input */
  position: absolute; /* можно так, если хотим позиционировать псевдокнопку */
}

/* Кастомный кружок */
.radio-checkmark {
  width: 20px;
  height: 20px;
  border: 1px solid var(--green); /* зелёная обводка */
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  margin-right: 10px;
  flex-shrink: 0;
}

/* Внутренний кружок, который появляется при :checked */
.radio-wrapper
  input[type="radio"]:checked
  + .chckerWrapper
  .radio-checkmark::after {
  content: "";
  position: absolute;
  left: 5px;

  top: 5px;

  width: 8px;
  height: 8px;
  background: var(--green); /* зелёное заполнение */
  border-radius: 50%;
}

/* Подпись */
.radio-label {
  font-size: 16px;
  color: #ccc; /* серовато-белый текст */
  user-select: none; /* чтобы не выделялось случайно */
}

/* Добавим ховер-эффект (не обязательно) */
.radio-wrapper:hover .radio-checkmark {
  border-color: var(--green);
}

.radio-wrapper input[type="radio"]:focus + .chckerWrapper .radio-checkmark {
  outline: 2px solid rgba(57, 210, 125, 0.4); /* небольшая подсветка при фокусе с клавиатуры */
  outline-offset: 2px;
}
/* Обёртка для каждого чекбокса */
.checkbox-wrapper {
  display: flex;
  align-items: center;

  cursor: pointer;
}

/* Скрываем нативный чекбокс */
.checkbox-wrapper input[type="checkbox"] {
  appearance: none; /* для современных браузеров */
  -webkit-appearance: none; /* для Safari */
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0; /* скрываем сам input */
  position: absolute;
}

/* Кастомная «коробка» */
.checkbox-checkmark {
  width: 20px;
  height: 20px;
  border: 1px solid var(--green);
  border-radius: 4px; /* небольший скруглённый угол, на вкус */
  box-sizing: border-box;
  position: relative;
  margin-right: 10px;
  flex-shrink: 0;
}

/* Сама «галочка» (или крестик) */
.checkbox-wrapper
  input[type="checkbox"]:checked
  + .chckerWrapper
  .checkbox-checkmark::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: 6px;
  height: 10px;
  border-right: 2px solid var(--green);
  border-bottom: 2px solid var(--green);
  transform: rotate(45deg);
}

/* Подпись */
.checkbox-label {
  font-size: 16px;
  color: #ccc;
  user-select: none;
}

/* Ховер-эффект при наведении мыши */
.checkbox-wrapper:hover .checkbox-checkmark {
  border-color: rgba(255, 255, 255, 0.8); /* или другой цвет при hover */
}

/* Подсветка при фокусе с клавиатуры */
.checkbox-wrapper
  input[type="checkbox"]:focus
  + .chckerWrapper
  .checkbox-checkmark {
  outline: 2px solid rgba(57, 210, 125, 0.4);
  outline-offset: 2px;
}
.additionalEquipmentWrapper {
  margin-bottom: var(--block-padding);
}
.additionalEquipmentWrapper h2 {
  max-width: 650px;
}
.additionalEquipmentDashboard {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: var(--chapter-padding);
  gap: 32px;
}

.additionalCategoryItem h2 {
  margin-bottom: 8px;
}
.additionalCategories {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  max-width: 538px;
}
.chckerWrapper {
  display: flex;
  align-items: center;
}

.radio-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
  gap: 10px;
  border-bottom: 1px solid var(--grey);
}
.item-price {
  min-width: max-content;
}
.chosen-item {
  gap: 10px;
}
.chosen-item p:nth-child(2) {
  min-width: max-content;
}
.checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  padding: 16px 0;
  border-bottom: 1px solid var(--grey);
}
.additionalSummary {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  width: 100%;
  max-width: 650px;
  border-radius: var(--big-border-radius);
  background-color: var(--graycards);
}
.choosenExtras div {
  padding: 16px 0;
  border-bottom: 1px solid var(--grey);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.additionalSummaryBLock h3 {
  margin-bottom: 12px;
}
.additionalSummaryBLock .title {
  margin-bottom: 16px;
}
.additionalSummaryTotal {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.additionalSummaryTotal button {
  width: fit-content;
}
.totalPriceRow {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.totalPrice {
  font-size: 20px;
  color: var(--green);
}
.checkMarkIcon {
  min-width: 16px;
  width: 16px!important;
  height: 16px!important;
  
}

.productKitWrapper .mobileHeading {
  display: none;
}
@media (max-width: 1200px) {
  .productMain-mainProperties {
    gap: 8px;
  }
  .mainPropertiesItem {
    border-radius: 12px;
  }
  .productKitWrapper {
    gap: 32px;
  }
  .technologyList {
    width: 50%;
    min-width: 420px;
  }
}
@media (max-width: 1100px) {
  .productMain-mainProperties {
    flex-direction: column;
   
  }
  .mainPropertiesItem {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 12px;
  }
  .productCardItemImage {
    border-radius: 8px;
  }
  .swiperProductsDashboard {
    padding-bottom: 8px;
  }
  
}
@media (max-width: 1000px) {
  .productGallery {
    width: 100%;
    max-width: 370px;
  }

  .productMainInfoWrapper {
    gap: 32px;
  }
  .productMain-info {
    width: 100%;
  }

  .technologyList {
    max-width: 100%;
  }
  .productKitWrapper {
    padding: 32px;
  }
  .productOtherInfo {
    width: 100%;
  }
  .productOtherWrapper {
    gap: 32px;
  }
  .productCardDashboard .productCardItem {
    width: calc((100% - 20px) / 2);
  }
  .productCardDashboard .contentProductItem {
    width: calc((100% - 20px) / 2) !important;
  }
}
@media (max-width: 830px) {
  .additionalEquipmentDashboard {
    flex-direction: column;
  }
  .additionalCategories {
    max-width: unset;
  }
  .additionalSummary {
    max-width: unset;
  }
}
@media (max-width: 800px) {
  .productMainInfoWrapper {
    flex-direction: column;
    align-items: center;
  }
  .productGallery {
    max-width: unset;
  }
  .productMain-mainProperties {
    gap: 8px;
    margin-bottom: 12px;
  }
  .productMain-title {
    margin-bottom: 12px;
  }
  .productTechnologyWrapper {
    flex-direction: column;
    gap: 8px;
  }
  .productTechnologyWrapper .mobileChapter {
    display: inline;
  }
  .technologyList {
    width: 100%;
    min-width: unset;
    order: 2;
  }
  .technologyList h2 {
    display: none;
  }
  .technologyGallery {
    order: 1;
  }
  .productKitWrapper {
    flex-direction: column;
    gap: 16px;
  }
  .productKitWrapper .mobileChapter {
    display: inline;
  }
  .productKitInfo h2 {
    display: none;
  }
  .productKitInfo {
    order: 2;
  }
  .productKitGallery {
    order: 1;
  }
  .productTechAdventagesWrapper {
    flex-direction: column;
    gap: 32px;
  }
  .productTechAdventages-name {
    width: 100%;
    align-items: center;
    max-width: unset;
  }
  .productTechAdventages-name h2 {
    width: 100%;
    text-align: left;
  }
  .productTechAdventages-name img {
    width: 100%;
    max-width: 400px;
  }
  .productOtherWrapper {
    flex-direction: column;
  }
  .productCardDashboard {
    gap: 16px;
  }
  .productCardItem {
    padding: 16px 16px 90px 16px;
    gap: 8px;
  }
  .productCardItemImage {
    border-radius: 8px;
    margin-bottom: 8px;
  }
  .productCardButtonGroup {
    gap: 12px;
  }
  .productMain-price {
    margin-bottom: 20px;
  }
  .productKitWrapper .mobileHeading {
    display: inline;

    
  }
}
@media (max-width: 600px) {
  .productCardDashboard .productCardItem {
    width: 100% !important;
  }
  .productCardDashboard .contentProductItem {
    width: 100% !important;
  }
  .contentProductItem {
    padding: 12px 12px 90px 12px;
  }
  .productCardItem {
    padding: 12px 12px 90px 12px;
  }
  .productCardItemImage {
    border-radius: 12px;
  }
  .productMain-info {
    gap: 12px;
  }
  .additionalCategories {
    gap: 24px;
  }
  .radio-wrapper {
    padding: 12px 0;
  }
  .radio-label {
    font-size: 14px;
  }
  .checkbox-label {
    font-size: 14px;
  }
  .checkbox-wrapper {
padding: 12px 0;
margin-bottom: 0;
  }
  .item-price {
    font-size: 14px;
    font-weight: 500;
  }
  .choosenExtras div {
    padding: 8px 0;
  }
  .additionalSummary {
    padding: 16px;
  }
  .techAdventages-propertiesItem {
    padding: 8px 0;
  }
  .productKitWrapper {
    padding: 16px;
  }
  .productKitGallery {
gap: 8px;
  }
  .left-column, .right-column {
    gap: 8px;
  }
}

@media (max-width: 550px) {
  .productCardButtonGroup {
    flex-direction: column;
    width: 100%;
    margin-bottom: 48px;
  }
  .productCardButtonGroup button,
  .productCardButtonGroup a {
    width: 100%;
  }
  .techAdventages-propertiesItem {
    gap: 12px;
  }
  .techAdventages-propertiesItem p {
    font-size: 12px;
    width: 48%;
  }
  .productOtherPropertiesItem p {
    font-size: 12px;
  }
}