.block-documents {
  background: #fff;
  padding: clamp(40px,7vh,88px) 0 clamp(48px,9vh,96px)
}
.block-documents__inner {
  width: 100%;
  padding-inline: var(--layout-inline)
}
.page-product-home #documents {
  scroll-margin-top: 84px
}
.block-documents__head {
  margin-bottom: clamp(24px,4vw,36px)
}
.block-documents__head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(12px,2.5vw,24px);
  width: 100%;
  margin-bottom: clamp(12px,2vh,16px)
}
.block-documents__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--section-eyebrow-pad-y) var(--section-eyebrow-pad-x);
  min-height: var(--section-index-height);
  margin: 0;
  font-family: Roboto,var(--font),system-ui,sans-serif;
  font-weight: 500;
  font-size: var(--section-eyebrow-font-size);
  line-height: var(--section-eyebrow-line-height);
  text-transform: uppercase;
  color: #59595b;
  background: rgba(240,242,242,.8);
  border: none;
  border-radius: 0
}
.block-documents__index {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--section-eyebrow-pad-y) var(--section-eyebrow-pad-x);
  width: var(--section-index-width);
  min-width: var(--section-index-width);
  height: var(--section-index-height);
  margin: 0;
  font-family: Roboto,var(--font),system-ui,sans-serif;
  font-weight: 500;
  font-size: var(--section-eyebrow-font-size);
  line-height: var(--section-eyebrow-line-height);
  color: #59595b;
  background: rgba(240,242,242,.8);
  border: none;
  border-radius: 0
}
.block-documents__title {
  margin: 0;
  max-width: 56rem;
  font-family: Ubuntu,Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: clamp(1.3125rem, 2.8vw + .75rem, 2.25rem);
  line-height: 1;
  color: #252529
}
.block-documents__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(12px,2.5vw,20px);
  width: 100%
}
.block-documents__all {
  flex: 0 0 auto;
  width: min(320px,100%);
  height: 50px
}
.block-documents__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  align-items: stretch
}
.block-documents__item {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  background: 0 0;
  cursor: pointer;
  text-align: left
}
.block-documents__thumb {
  position: relative;
  display: block;
  overflow: hidden;
  background: #f0f2f2;
  border: 1px solid rgba(0,0,0,.06);
  aspect-ratio: 3/4
}
.block-documents__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #f0f2f2
}
.block-documents__zoom {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(0,0,0,.08);
  display: flex;
  align-items: center;
  justify-content: center
}
.block-documents__zoom svg {
  width: 25px;
  height: 25px;
  display: block
}
.block-documents__thumb--pdf {
  display: flex;
  align-items: center;
  justify-content: center
}
.block-documents__pdf-badge {
  font-family: Ubuntu,Montserrat,system-ui,sans-serif;
  font-weight: 600;
  font-size: clamp(1rem, 2.8vw + .65rem, 1.625rem);
  letter-spacing: .06em;
  color: #513172;
  text-transform: uppercase
}
.block-documents__item:focus-visible .block-documents__thumb {
  outline: 3px solid rgba(81,49,114,.35);
  outline-offset: 2px
}
@media (max-width:980px) {
  .block-documents__grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
}
@media (max-width:520px) {
  .block-documents__title-row {
    flex-direction: column;
    align-items: stretch
  }
  .block-documents__all {
    width: 100%
  }
  .block-documents__grid {
    grid-template-columns: 1fr
  }
}