/* Technology single — visual parity with Live peotek.ru Zero Block pages */

.technology-page {
  --tech-rail: calc(100 * var(--w));
  background: #fff;
  color: #050611;
}

.technology-page .container {
  width: min(100%, calc(1200 * var(--w)));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: var(--tech-rail);
  padding-right: var(--tech-rail);
}

/* —— Breadcrumbs above cover —— */
.technology-hero__crumbs {
  background: #fff;
  padding: calc(18 * var(--w)) 0 calc(14 * var(--w));
}

.technology-hero__crumbs .breadcrumbs {
  margin: 0;
  font-size: calc(11 * var(--w));
  color: #505156;
}

.technology-hero__crumbs .breadcrumbs a:hover {
  color: #d93434;
}

/* —— Cover (Live: min 550 / 100vh, title + lead on photo) —— */
.technology-hero__cover {
  position: relative;
  min-height: max(550px, 100vh);
  display: flex;
  align-items: flex-end;
  background-color: #1a1a1a;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.technology-hero__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.technology-hero__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(5, 6, 17, 0.15) 0%,
    rgba(5, 6, 17, 0.25) 40%,
    rgba(5, 6, 17, 0.72) 100%
  );
  pointer-events: none;
}

.technology-hero__copy {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: calc(80 * var(--w));
  padding-bottom: calc(48 * var(--w));
  color: #fff;
}

.technology-hero__copy h1 {
  margin: 0 0 calc(18 * var(--w));
  max-width: calc(990 * var(--w));
  font-size: calc(35 * var(--w));
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.technology-hero__lead {
  max-width: calc(990 * var(--w));
  font-size: calc(12 * var(--w));
  line-height: 1.45;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92);
}

.technology-hero__lead p {
  margin: 0 0 calc(10 * var(--w));
}

.technology-hero__lead p:last-child {
  margin-bottom: 0;
}

/* —— Intro / history —— */
.technology-intro {
  padding: calc(28 * var(--w)) 0 calc(8 * var(--w));
}

.technology-intro h2 {
  margin: 0 0 calc(14 * var(--w));
  font-size: calc(20 * var(--w));
  font-weight: 700;
  line-height: 1.15;
  color: #050611;
}

.technology-intro p {
  margin: 0 0 calc(12 * var(--w));
  max-width: calc(990 * var(--w));
  font-size: calc(12 * var(--w));
  line-height: 1.5;
  color: #050611;
}

.technology-intro .technology-list,
.technology-content .technology-list {
  margin: 0 0 calc(12 * var(--w));
  padding: 0;
  list-style: none;
  max-width: calc(990 * var(--w));
}

.technology-intro .technology-list li,
.technology-content .technology-list li {
  position: relative;
  margin: 0 0 calc(6 * var(--w));
  padding-left: calc(16 * var(--w));
  font-size: calc(12 * var(--w));
  line-height: 1.45;
  color: #050611;
}

.technology-intro .technology-list li::before,
.technology-content .technology-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 6px;
  height: 6px;
  background: #d93434;
}

.technology-intro .technology-kicker {
  margin: 0 0 calc(12 * var(--w));
  max-width: calc(990 * var(--w));
  font-size: calc(12 * var(--w));
  line-height: 1.5;
  color: #050611;
}

.technology-intro .technology-kicker strong {
  display: inline;
  font-weight: 600;
  color: #050611;
}

/* Live Zero Block: two text columns (~495 + gap) */
.technology-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(18 * var(--w)) calc(28 * var(--w));
  margin: 0 0 calc(28 * var(--w));
  max-width: calc(1000 * var(--w));
}

.technology-split__col > :last-child {
  margin-bottom: 0;
}

.technology-split .technology-list {
  margin-bottom: 0;
}

.technology-intro--litie .technology-split--basics .technology-split__col p,
.technology-intro--litie .technology-split--materials .technology-split__col p {
  max-width: none;
}

.technology-intro--litie > .container > h2 {
  margin-top: calc(8 * var(--w));
}

.technology-intro--litie > .container > h2:first-child {
  margin-top: 0;
}

/* Live Zero Block: 3-up titled cards (equipment / process) */
.technology-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(18 * var(--w)) calc(22 * var(--w));
  margin: 0 0 calc(28 * var(--w));
  max-width: calc(1000 * var(--w));
}

.technology-card {
  margin: 0;
}

.technology-card strong {
  display: block;
  margin: 0 0 calc(8 * var(--w));
  font-size: calc(12 * var(--w));
  font-weight: 600;
  line-height: 1.35;
  color: #050611;
}

.technology-card p {
  margin: 0;
  max-width: none;
  font-size: calc(12 * var(--w));
  line-height: 1.45;
  color: #050611;
}

.technology-card--note strong {
  display: none;
}

/* —— Pros / cons blocks —— */
.technology-pros,
.technology-cons {
  padding: calc(20 * var(--w)) 0 calc(16 * var(--w));
}

.technology-pros h2,
.technology-cons h2,
.technology-content h2 {
  margin: 0 0 calc(12 * var(--w));
  font-size: calc(20 * var(--w));
  font-weight: 700;
  line-height: 1.15;
  color: #050611;
}

.technology-pros__lead,
.technology-cons__lead {
  margin: 0 0 calc(18 * var(--w));
  max-width: calc(1000 * var(--w));
  font-size: calc(12 * var(--w));
  line-height: 1.5;
  color: #050611;
}

.technology-content h3 {
  margin: calc(28 * var(--w)) 0 calc(14 * var(--w));
  font-size: calc(20 * var(--w));
  font-weight: 600;
  line-height: 1.25;
  color: #050611;
}

.technology-pros__grid,
.technology-cons__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(18 * var(--w)) calc(22 * var(--w));
  max-width: calc(1000 * var(--w));
}

.technology-pros__item,
.technology-cons__item {
  display: grid;
  grid-template-columns: calc(28 * var(--w)) minmax(0, 1fr);
  gap: calc(12 * var(--w));
  align-items: start;
}

.technology-pros__item--plain,
.technology-cons__item--plain {
  display: block;
  grid-template-columns: none;
}

.technology-pros__num,
.technology-cons__num {
  font-size: calc(22 * var(--w));
  font-weight: 700;
  line-height: 1;
  color: #d93434;
}

.technology-pros__text strong,
.technology-cons__text strong {
  display: block;
  margin: 0 0 calc(6 * var(--w));
  font-size: calc(14 * var(--w));
  font-weight: 600;
  line-height: 1.3;
  color: #050611;
}

.technology-pros__text p,
.technology-cons__text p {
  margin: 0;
  font-size: calc(12 * var(--w));
  line-height: 1.5;
  color: #050611;
}

/* —— Body article —— */
.technology-content {
  padding: calc(16 * var(--w)) 0 calc(64 * var(--w));
}

.technology-content .container > *:first-child {
  margin-top: 0;
}

.technology-content p {
  margin: 0 0 calc(12 * var(--w));
  max-width: calc(990 * var(--w));
  font-size: calc(12 * var(--w));
  line-height: 1.5;
  color: #050611;
}

.technology-content ul,
.technology-content ol {
  margin: 0 0 calc(20 * var(--w));
  padding: 0;
  list-style: none;
  max-width: calc(990 * var(--w));
}

.technology-content li {
  position: relative;
  margin: 0 0 calc(12 * var(--w));
  padding-left: calc(22 * var(--w));
  font-size: calc(12 * var(--w));
  line-height: 1.5;
  color: #050611;
}

.technology-content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  background: #d93434;
}

.technology-content li:last-child {
  margin-bottom: 0;
}

/* —— Process image strip (Live Zero Block row) —— */
.technology-gallery {
  padding: calc(12 * var(--w)) 0 calc(28 * var(--w));
}

.technology-gallery__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(180 * var(--w)), 1fr));
  gap: calc(7 * var(--w));
}

.technology-page[data-tech-slug="pultruzia"] .technology-gallery__row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.technology-page[data-tech-slug="pressovanie"] .technology-gallery__row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.technology-gallery__item {
  margin: 0;
  aspect-ratio: 194 / 193;
  overflow: hidden;
  background: #f3f3f4;
}

.technology-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* —— Mobile —— */
@media (max-width: 1199px) {
  .technology-page {
    --tech-rail: calc(16 * 100vw / 320);
  }

  .technology-hero__cover {
    min-height: 640px;
    height: auto;
  }

  .technology-hero__copy h1 {
    font-size: calc(28 * 100vw / 320);
  }

  .technology-hero__lead,
  .technology-pros__text p,
  .technology-cons__text p,
  .technology-content p,
  .technology-content li {
    font-size: 15px;
  }

  .technology-pros h2,
  .technology-cons h2,
  .technology-content h2 {
    font-size: 28px;
  }

  .technology-pros__grid,
  .technology-cons__grid,
  .technology-cards,
  .technology-split {
    grid-template-columns: 1fr;
  }

  .technology-intro h2,
  .technology-pros h2,
  .technology-cons h2,
  .technology-content h2 {
    font-size: 22px;
  }

  .technology-card strong,
  .technology-card p,
  .technology-intro p {
    font-size: 15px;
  }

  .technology-page[data-tech-slug="pultruzia"] .technology-gallery__row,
  .technology-page[data-tech-slug="pressovanie"] .technology-gallery__row {
    grid-template-columns: 1fr;
  }

  .technology-gallery__item {
    aspect-ratio: 300 / 200;
  }
}

@media (max-width: 599px) {
  .technology-hero__cover {
    min-height: 560px;
  }

  .technology-hero__copy {
    padding-bottom: 28px;
  }
}