#seo-block {
  padding-top: 100px;
}

#seo-block .content {
  display: flex;
  gap: 60px;
}

#seo-block .content .image {
  	max-width: 650px;
  	width: 100%;
  	height: auto;
	min-height:300px;
	position:relative;
	max-height:550px;
/*   position: sticky; */
/*   top: 120px; */
}

#seo-block .content .image img {
	position:absolute;
	top:0px;
	left:0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 10px;
}

#seo-block .content .right {
  /* max-width: 820px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

#seo-block .content .right .desc {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#seo-block .content .right .desc p {
  color: var(--text-primary-main);
}

#seo-block .content .right .advantages .h6 {
  color: var(--text-primary-head);
  margin-bottom: 15px;
}

#seo-block .content .right .advantages__holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#seo-block .content .right .advantages__holder .adv {
  display: flex;
  gap: 15px;
  align-items: center;
}

#seo-block .content .right .advantages__holder .adv__number {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: var(--colors-main);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#seo-block .content .right .advantages__holder .adv__number p {
  color: var(--bg-primary-second);
}

#seo-block .content .right .advantages__holder .adv__text {
  color: var(--text-primary-main);
}

.seo-table {
  display: block;
  width: 100%;
  /* max-width: 1100px; */
  margin: 0 auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.4;

  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--text-primary-main);

  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.seo-table th,
.seo-table td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: middle;
	&:not(:last-child){
		border-right: 1px solid var(--text-primary-main);
	}
}

.seo-table th {
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid var(--text-primary-main);
  color: #1a202c;
}

.seo-table tbody tr td {
  border-bottom: 1px solid var(--text-primary-main);
  color: #2d3748;
}

.seo-table tbody tr:last-child td {
  border-bottom: none;
}

.seo-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.seo-table td:nth-child(1),
/* № */
.seo-table td:nth-child(2),
/* ОК, мм */
.seo-table td:nth-child(3),
/* ОК, inch */
.seo-table td:nth-child(4)
/* НД, мм */
  {
  text-align: center;
}

.seo-table td:nth-child(8) {
  text-align: right;
  font-weight: 500;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  #seo-block {
    padding-top: 80px;
  }

  #seo-block .content {
    gap: 40px;
  }

  #seo-block .content .image {
    height: 400px;
  }

  #seo-block .content .right {
    gap: 30px;
  }
}

@media (max-width: 980px) {
  #seo-block {
    padding-top: 60px;
  }

  #seo-block .content {
    flex-direction: column;
    gap: 30px;
  }

  #seo-block .content .image {
    max-width: 100%;
    height: 350px;
/*     position: static; */
  }

  #seo-block .content .right {
    max-width: 100%;
    gap: 25px;
  }
}

@media (max-width: 480px) {
  #seo-block {
    padding-top: 40px;
  }

  #seo-block .content {
    gap: 20px;
  }

  #seo-block .content .image {
    height: 250px;
  }

  #seo-block .content .right {
    gap: 20px;
  }

  #seo-block .content .right .desc {
    gap: 10px;
  }

  #seo-block .content .right .advantages .h6 {
    margin-bottom: 10px;
  }

  #seo-block .content .right .advantages__holder .adv {
    gap: 10px;
  }
}

/*# sourceMappingURL=block.css.map */