/* =====================================================================
   Отраслевые страницы и «О компании».
   Собственные стили этих страниц (industry.css, about.css) в зеркало
   не попали — здесь их замена, с адаптивом под телефоны и планшеты.
   ===================================================================== */

/* страховка от горизонтальной прокрутки (clip не ломает sticky и GSAP) */
.ht_site_wrapper{overflow-x:clip;}

/* ---------- Первый экран отрасли ---------- */
.industry_hero_wrap{position:relative;min-height:100vh;padding:0;background:#000;overflow:hidden;}
.industry_hero_wrap .industry_hero_slider,.industry_hero_wrap .industry_hero_slider>.item{position:relative;min-height:inherit;}
.industry_hero_wrap figure{position:absolute;inset:0;margin:0;}
.industry_hero_wrap figure img{width:100%;height:100%;object-fit:cover;}
.industry_hero_wrap .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.75) 100%);}
.industry_hero_wrap .hthh_context{position:relative;z-index:2;height:auto !important;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:110px 16px 64px;}
.industry_hero_wrap .center_heading{max-width:980px;text-align:center;color:#fff;}
.industry_hero_wrap .center_heading .description{font-size:16px;line-height:28px;color:#E6E6E6;max-width:820px;margin:24px auto 32px;}

/* ---------- Слайды «безопасность» (на части страниц — первый экран с H1) ---------- */
.adas_safety_wrapper{padding:0;background:#0A0A0B;color:#fff;}
.safety_slide_wrap{position:relative;min-height:100vh;overflow:hidden;}
.safety_slide_wrap>.item{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s ease;}
.safety_slide_wrap>.item.active{position:relative;opacity:1;visibility:visible;}
.safety_slide_wrap .figure{position:absolute;inset:0;margin:0;}
.safety_slide_wrap .figure img{width:100%;height:100%;object-fit:cover;}
.safety_slide_wrap .overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);}
.safety_slide_wrap .center_heading{position:relative;z-index:2;min-height:100vh;max-width:1040px;margin:0 auto;padding:110px 16px 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.safety_slide_wrap .center_heading .description{font-size:16px;line-height:28px;color:#E6E6E6;max-width:840px;margin-top:24px;}
.safety_slide_wrap .slider_dots{position:absolute;left:0;right:0;bottom:32px;z-index:3;text-align:center;}

.safety_tab_wrap{padding:64px 16px 80px;}
.safety_tab{max-width:1225px;margin:0 auto;}
.safety_tab .tabs_container{display:flex;flex-wrap:wrap;gap:12px;}
.safety_tab .tab_label{cursor:pointer;padding:10px 26px;border:1px solid #4A4A4A;border-radius:30px;font-size:14px;line-height:20px;letter-spacing:.15em;text-transform:uppercase;color:#BDBDBD;transition:border-color .2s,color .2s,background-color .2s;user-select:none;}
.safety_tab .tab_label.active,.safety_tab .tab_label:hover,.safety_tab .tab_label:focus-visible{border-color:var(--attention-bg);color:#fff;background:rgba(255,167,1,.08);outline:none;}
.safety_tab .content-container{flex-basis:100%;margin-top:28px;}
.safety_tab .content{display:none;}
.safety_tab .content.active{display:block;}
.safety_tab .context_row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;}
.safety_tab .context_row .text{font-size:16px;line-height:28px;color:#D6D6D6;max-width:820px;}
.safety_tab .context_row .buttons{flex-shrink:0;}

/* ---------- Проблема → решение (истории клиентов) ---------- */
.about_industry_wrapper{background:#0A0A0B;color:#fff;padding:100px 0;}
.about_industry_wrapper .center_heading{max-width:980px;margin:0 auto 56px;}
.about_industry_wrapper .center_heading .description{font-size:16px;line-height:28px;color:#D6D6D6;margin-top:20px;}
.about_industry_contexts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;}
.about_industry_contexts .item_wrapper{padding:40px 0;border-top:1px solid #2A2A2E;}
.about_industry_contexts .item_wrapper:first-child{border-top:0;padding-top:0;}
.about_industry_contexts .figure.for_tablet{display:none;}
.about_industry_wrapper .group_text+.group_text,.stationary_app_wrap .group_text+.group_text{margin-top:28px;}
.about_industry_wrapper .group_text h4{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:13px;line-height:18px;font-weight:500;letter-spacing:.2em;color:#9A9A9A;}
.about_industry_wrapper .group_text h4 i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#E5484D;flex:0 0 auto;}
.about_industry_wrapper .group_text h4 i.solution{background:var(--attention-bg);}
.about_industry_wrapper .group_text .subtitle{font-size:20px;line-height:28px;color:#fff;margin-bottom:10px;}
.about_industry_wrapper .group_text .description{font-size:15px;line-height:26px;color:#BDBDBD;}
.media_wrap_outer{position:sticky;top:120px;}
.media_wrap{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#1B1A20;}
.about_industry_slider>.item{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;}
.about_industry_slider>.item.current,.about_industry_slider:not(.js-ready)>.item:first-child{opacity:1;}
.about_industry_slider figure{margin:0;height:100%;}
.about_industry_slider figure img,.about_industry_contexts .figure.for_tablet img{width:100%;height:100%;object-fit:cover;}

/* стационарные применения: строки «картинка + текст» */
.stationary_app_wrap .item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:48px 0;border-top:1px solid #2A2A2E;}
.stationary_app_wrap .item_wrapper:first-child .item{border-top:0;padding-top:0;}
.stationary_app_wrap .item_wrapper:nth-child(even) .figure{order:2;}
.stationary_app_wrap .figure{margin:0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#1B1A20;}
.stationary_app_wrap .figure img{width:100%;height:100%;object-fit:cover;}

/* ---------- Линейка LiDAR для отрасли ---------- */
/* все модели показаны списком, поэтому навигация слайдера не нужна */
.single_subproduct_wrap .customize-tools{display:none;}
.lidar_perception_wrap{padding:100px 0 60px;}
.lidar_perception_wrap .center_heading{margin-bottom:56px;}

/* ---------- Партнёры: карточки-истории (прокрутка без библиотек) ---------- */
.cil_wrap{margin-top:56px;}
.industry_leaders_swiper.swiper{overflow:visible;}
.industry_leaders_swiper .swiper-wrapper{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;transform:none !important;scrollbar-width:thin;scrollbar-color:#4A4A4A transparent;}
.industry_leaders_swiper .swiper-slide{flex:0 0 calc((100% - 40px)/3);width:auto !important;height:auto;scroll-snap-align:start;margin:0 !important;}
.carousel_card{height:100%;display:flex;flex-direction:column;background:#1B1A20;border-radius:12px;overflow:hidden;color:#fff;}
.carousel_card .figure,.carousel_card .section-bg-video{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:#24232A;}
.carousel_card .figure img{width:100%;height:100%;object-fit:cover;}
.carousel_card .foot_context{display:flex;align-items:center;gap:16px;padding:20px;}
.carousel_card .foot_context .icon{flex:0 0 72px;height:40px;padding:6px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;}
.carousel_card .foot_context .icon img{max-width:100%;max-height:100%;object-fit:contain;}
.carousel_card .foot_context .text{font-size:14px;line-height:22px;color:#E6E6E6;}

/* ---------- О компании ---------- */
.about_intro_wrapper{padding:100px 0;}
.about_intro_wrapper .intro{max-width:980px;margin:0 auto;}
.ht_analytics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:64px;}
.ht_analytics .item{border-top:1px solid #D9D9D9;padding-top:20px;}
.ht_analytics .icon{display:none;}
.ht_analytics .number{font-size:44px;line-height:1.1;font-weight:500;letter-spacing:.02em;color:#0A0A0B;}
.ht_analytics .countries{display:flex;align-items:baseline;gap:8px;}
.ht_analytics .countries .text{font-size:16px;margin-top:0;color:#0A0A0B;}
.ht_analytics .text{font-size:14px;line-height:22px;color:#555;margin-top:8px;}

.leadership_wrap{padding:100px 0;background:#F5F5F5;}
.leadership_row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:56px;}
.leadership_row .figure{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#DADADA;}
.leadership_row .figure img{width:100%;height:100%;object-fit:cover;}
.leadership_row .name_plate{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.78));color:#fff;}
.leadership_row .name{font-size:16px;line-height:22px;font-weight:500;}
.leadership_row .designation{font-size:13px;line-height:18px;color:#DDD;margin-top:4px;}
.leadership_row .show_more_wrapper .paragraph{position:relative;height:110px;overflow:hidden;margin-top:16px;font-size:14px;line-height:22px;color:#444;transition:height .3s ease;}
.leadership_row .show_more_wrapper .paragraph:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(rgba(245,245,245,0),#F5F5F5);pointer-events:none;}
.leadership_row .show_more_wrapper .paragraph.expanded:after{display:none;}
.leadership_row .show_more{position:relative;width:32px;height:32px;margin-top:8px;border:1px solid #BDBDBD;border-radius:50%;cursor:pointer;}
.leadership_row .show_more i:before,.leadership_row .show_more i:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1px;background:#333;transform:translate(-50%,-50%);transition:transform .2s;}
.leadership_row .show_more i:after{transform:translate(-50%,-50%) rotate(90deg);}
.leadership_row .show_more.show_less i:after{transform:translate(-50%,-50%) rotate(0);}

.milestone_wrapper{padding:100px 0;background:#0A0A0B;color:#fff;}
.milestone_shutter{margin-top:56px;border-top:1px solid #2A2A2E;}
.shutter_item{border-bottom:1px solid #2A2A2E;}
.shutter_item .year{display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:32px;line-height:40px;letter-spacing:.1em;cursor:pointer;user-select:none;}
.shutter_item .year .letter_4{display:none;}
.shutter_item .year:after{content:"+";font-size:28px;color:#9A9A9A;transition:transform .2s;}
.shutter_item.open .year:after{transform:rotate(45deg);}
.shutter_item .milestone_slide_in{display:none;padding-bottom:40px;}
.shutter_item.open .milestone_slide_in{display:block;}
.milestone_slider_wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start;}
.milestone_slider{grid-row:1;grid-column:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:12px;scrollbar-width:none;}
.milestone_slider::-webkit-scrollbar{display:none;}
.milestone_slider>.item{flex:0 0 100%;scroll-snap-align:start;}
.milestone_slider figure{margin:0;aspect-ratio:16/10;background:#1B1A20;}
.milestone_slider figure img{width:100%;height:100%;object-fit:cover;}
.milestone_slider_wrap .slider_dots{display:none;}
.milestone_slider_wrap .customize-tools{grid-row:1;grid-column:2;}
.milestone_slider_wrap .customize-controls{position:static !important;width:auto !important;display:flex;gap:10px;list-style:none;margin:0 0 16px;padding:0;transform:none !important;}
.milestone_slider_wrap .customize-controls a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #4A4A4A;border-radius:50%;cursor:pointer;}
.milestone_slider_wrap .customize-controls a:hover{border-color:var(--attention-bg);}
.milestone_slider_wrap .thumbnails{list-style:none;margin:0;padding:0;}
.milestone_slider_wrap .thumbnails li{position:relative;padding:10px 0 10px 18px;border-bottom:1px solid #1F1F23;font-size:15px;line-height:24px;color:#BDBDBD;cursor:pointer;}
.milestone_slider_wrap .thumbnails li:before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;border-radius:50%;background:#555;}
.milestone_slider_wrap .thumbnails li.nav-active{color:#fff;}
.milestone_slider_wrap .thumbnails li.nav-active:before{background:var(--attention-bg);}
.milestone_slider_wrap .thumbnails li.line_bullets{cursor:default;}

/* ---------- Планшеты ---------- */
@media screen and (max-width:1199px){
  .industry_leaders_swiper .swiper-slide{flex-basis:calc((100% - 20px)/2.2);}
  .leadership_row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ht_analytics{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media screen and (max-width:991px){
  .about_industry_contexts{grid-template-columns:1fr;gap:0;}
  .media_wrap_outer{display:none;}
  .about_industry_contexts .figure.for_tablet{display:block;margin:0 0 24px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;}
  .milestone_slider_wrap{grid-template-columns:1fr;gap:24px;}
  .milestone_slider_wrap .customize-tools{grid-row:auto;grid-column:auto;}
}
/* ---------- Телефоны ---------- */
@media screen and (max-width:767px){
  .industry_hero_wrap,.safety_slide_wrap,.industry_hero_wrap .hthh_context,.safety_slide_wrap .center_heading{min-height:100svh;}
  .industry_hero_wrap .hthh_context,.safety_slide_wrap .center_heading{padding:96px 16px 48px;}
  .industry_hero_wrap .center_heading .description,.safety_slide_wrap .center_heading .description{font-size:14px;line-height:22px;}
  .safety_tab_wrap{padding:40px 16px 56px;}
  .safety_tab .tab_label{padding:8px 18px;font-size:12px;}
  .safety_tab .context_row{flex-direction:column;align-items:flex-start;gap:24px;}
  .safety_tab .context_row .text{font-size:14px;line-height:22px;}
  .about_industry_wrapper,.lidar_perception_wrap,.about_intro_wrapper,.leadership_wrap,.milestone_wrapper{padding:60px 0;}
  .about_industry_wrapper .center_heading{margin-bottom:36px;}
  .about_industry_wrapper .group_text .subtitle{font-size:17px;line-height:24px;}
  .about_industry_wrapper .group_text .description{font-size:14px;line-height:22px;}
  .stationary_app_wrap .item{grid-template-columns:1fr;gap:24px;padding:32px 0;}
  .stationary_app_wrap .item_wrapper:nth-child(even) .figure{order:0;}
  .industry_leaders_swiper .swiper-slide{flex-basis:85%;}
  .cil_wrap{margin-top:36px;}
  .ht_analytics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px;}
  .ht_analytics .number{font-size:32px;}
  .leadership_row{grid-template-columns:1fr;gap:32px;margin-top:36px;}
  .leadership_row .figure{aspect-ratio:4/5;}
  .shutter_item .year{font-size:24px;line-height:32px;padding:18px 0;}
  .milestone_slider_wrap .thumbnails li{font-size:14px;line-height:22px;}
}