/* «О компании» (content/general_pages/about.php): свой слой поверх блока «Информационные страницы» из style.css */

/* Первый экран */
.about-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.5rem;align-items:stretch}
.about-hero__text{display:flex;flex-direction:column;gap:1rem;padding:2.5rem;border-radius:var(--radius-2xl,1.25rem);background:
	radial-gradient(120% 90% at 0% 0%,rgba(90,224,174,.16) 0%,rgba(90,224,174,0) 55%),
	linear-gradient(160deg,#262626 0%,#1c1c1c 100%);border:1px solid rgba(248,250,249,.06)}
.about-hero__eyebrow{margin:0;color:var(--green,#5AE0AE);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase}
.about-hero__title{margin:0;font-family:var(--font-primary,inherit);font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.12;color:var(--white,#F8FAF9)}
.about-hero__title span{color:var(--green,#5AE0AE)}
.about-hero__lead{margin:0;color:var(--gray-medium,#ACACAC);font-size:1rem;line-height:1.65;max-width:42rem}
.about-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}
.about-hero__card{display:flex;flex-direction:column;gap:1.25rem;padding:2rem;border-radius:var(--radius-2xl,1.25rem);background:var(--gray-darker,#232323);border:1px solid rgba(248,250,249,.06)}
.about-hero__badge{width:4rem;height:4rem;border-radius:1rem;display:grid;place-items:center;background:rgba(90,224,174,.12)}
.about-hero__badge svg{width:2.5rem;height:2.5rem;fill:var(--green,#5AE0AE)}
.about-hero__quote{margin:0;font-family:var(--font-primary,inherit);font-size:1.375rem;line-height:1.3;color:var(--white,#F8FAF9)}
.about-hero__facts{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:.625rem}
.about-hero__facts li{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:.75rem;background:rgba(248,250,249,.04);font-size:.9375rem}
.about-hero__facts svg{width:1.375rem;height:1.375rem;flex:none;fill:var(--green,#5AE0AE)}

/* Кто мы / чем живём */
.about-duo .info-card__title{margin:0;font-size:1.25rem}

/* Миссия - широкая полоса */
.about-mission{padding:2.5rem;border-radius:var(--radius-2xl,1.25rem);background:linear-gradient(120deg,rgba(90,224,174,.14) 0%,rgba(90,224,174,.04) 60%,rgba(90,224,174,0) 100%),#1f1f1f;border:1px solid rgba(90,224,174,.25);text-align:center}
.about-mission__label{margin:0 0 .75rem;color:var(--green,#5AE0AE);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase}
.about-mission__text{margin:0 auto;max-width:48rem;font-family:var(--font-primary,inherit);font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.3;color:var(--white,#F8FAF9)}
.about-mission__text span{color:var(--green,#5AE0AE)}
.about-mission__sub{margin:1rem auto 0;max-width:44rem;color:var(--gray-medium,#ACACAC);line-height:1.6}

/* Почему с нами надёжно: 4 в ряд, последняя строка по центру */
.about-reasons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}
.about-reason{flex:1 1 calc(25% - 1.25rem);min-width:15rem;max-width:calc(25% - .94rem)}
.about-reason .info-card__title{margin:0;font-size:1.0625rem}

/* Ассортимент */
.about-range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-radius:var(--radius-2xl,1.25rem);overflow:hidden;background:rgba(248,250,249,.06);border:1px solid rgba(248,250,249,.06)}
.about-range__item{display:flex;flex-direction:column;gap:.375rem;padding:1.25rem 1.25rem 1.375rem;background:var(--gray-darker,#232323);transition:background .25s ease}
.about-range__item:hover{background:#272a28}
.about-range__num{color:var(--green,#5AE0AE);font-size:.75rem;font-weight:600;letter-spacing:.06em}
.about-range__item b{font-weight:600;color:var(--white,#F8FAF9)}
.about-range__item span:last-child{color:var(--gray-text,#898A8A);font-size:.875rem;line-height:1.45}

/* Как мы работаем: шаги с линией */
.about-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;position:relative}
.about-steps::before{content:'';position:absolute;left:10%;right:10%;top:1.25rem;height:2px;background:linear-gradient(90deg,rgba(90,224,174,.5),rgba(90,224,174,.15))}
.about-steps__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:0 .25rem}
.about-steps__num{position:relative;z-index:1;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--green,#5AE0AE);color:#1B1B1B;font-weight:700;box-shadow:0 0 0 6px var(--black,#1B1B1B)}
.about-steps__item b{margin-top:.5rem;font-weight:600}
.about-steps__item span:last-child{color:var(--gray-text,#898A8A);font-size:.875rem;line-height:1.45}

/* Почему нам доверяют */
.about-trust{max-width:52rem;margin:0 auto;text-align:center}
.about-trust p{margin:1rem 0 0;color:var(--gray-medium,#ACACAC);line-height:1.7}

/* Контакты и реквизиты */
.about-contacts{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.25rem}
.about-contacts__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.about-contacts__list li{display:flex;gap:.875rem;align-items:flex-start}
.about-contacts__list svg{width:1.5rem;height:1.5rem;flex:none;fill:var(--green,#5AE0AE);margin-top:.125rem}
.about-contacts__list span{display:block;color:var(--gray-text,#898A8A);font-size:.8125rem}
.info-page .about-contacts__list a{color:var(--white,#F8FAF9);text-decoration:none}
.info-page .about-contacts__list a:hover{color:var(--green,#5AE0AE)}
.about-req{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem 1.25rem;margin:0}
.about-req dt{color:var(--gray-text,#898A8A);font-size:.875rem}
.about-req dd{margin:0;overflow-wrap:anywhere}

.about-final{margin:0;text-align:center;color:var(--gray-medium,#ACACAC);font-size:1.0625rem}
.about-final b{color:var(--white,#F8FAF9)}

@media (max-width: 1199px){
  .about-reason{flex-basis:calc(33.333% - 1.25rem);max-width:calc(33.333% - .84rem)}
  .about-range{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 991px){
  .about-hero{grid-template-columns:minmax(0,1fr)}
  .about-reason{flex-basis:calc(50% - 1.25rem);max-width:calc(50% - .63rem)}
  .about-range{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-steps{grid-template-columns:minmax(0,1fr);gap:1.25rem}
  .about-steps::before{left:1.25rem;right:auto;top:1rem;bottom:1rem;width:2px;height:auto;background:linear-gradient(180deg,rgba(90,224,174,.5),rgba(90,224,174,.15))}
  .about-steps__item{display:grid;grid-template-columns:2.5rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:1rem;align-items:start;text-align:left;padding:0}
  .about-steps__num{grid-row:1 / span 2}
  .about-steps__item b{margin-top:.5rem}
  .about-contacts{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 575px){
  .about-hero__text,.about-hero__card,.about-mission{padding:1.5rem}
  .about-reason{flex-basis:100%;max-width:100%;min-width:0}
  .about-range{grid-template-columns:minmax(0,1fr)}
}