/* Сцена первого экрана каталога оборудования. Движутся только HTML-слои через transform/opacity; анимации идут при классе .ast-ch-run. */
#ast-cv-page #ast-ch-hero{position:relative;width:100%;max-width:620px;margin:0 auto;container-type:inline-size;contain:layout paint style}
#ast-cv-page #ast-ch-hero .ast-ch-svg{display:block;width:100%;height:auto;font-family:Inter,Arial,sans-serif}
#ast-cv-page #ast-ch-hero .ast-ch-layers{position:absolute;inset:0;pointer-events:none}
#ast-cv-page #ast-ch-hero .ast-ch-layers>*{position:absolute;display:block;box-sizing:border-box;margin:0;padding:0}
#ast-cv-page #ast-ch-hero .ast-ch-ttl{font-size:13px;font-weight:700}
#ast-cv-page #ast-ch-hero .ast-ch-row{font-size:11.5px;font-weight:700}
#ast-cv-page #ast-ch-hero .ast-ch-qty{font-size:11px;font-weight:800}
#ast-cv-page #ast-ch-hero .ast-ch-sub{font-size:10.5px;font-weight:700;letter-spacing:.06em}
#ast-cv-page #ast-ch-hero .ast-ch-hud{font-size:10.5px;font-weight:800;letter-spacing:.18em}
#ast-cv-page #ast-ch-hero .ast-ch-chip{font-size:13px;font-weight:800}
#ast-cv-page #ast-ch-hero .ast-ch-badge{font-size:11px;font-weight:800}
#ast-cv-page #ast-ch-hero .ast-ch-city{font-size:12px;font-weight:600}
#ast-cv-page #ast-ch-hero .ast-ch-tile,#ast-cv-page #ast-ch-hero .ast-ch-rowg{border-radius:1.9cqw;border:.25cqw solid #ff5700;box-shadow:0 0 2.5cqw rgba(255,87,0,.45);opacity:0}
#ast-cv-page #ast-ch-hero .ast-ch-rowg{border-radius:1.2cqw}
#ast-cv-page #ast-ch-hero .ast-ch-belt{overflow:hidden;border-radius:2cqw}
#ast-cv-page #ast-ch-hero .ast-ch-belt span{position:absolute;top:0;bottom:0;left:-4cqw;right:-4cqw;background:repeating-linear-gradient(90deg,rgba(255,87,0,.55) 0 .6cqw,transparent .6cqw 3.889cqw);opacity:.6}
#ast-cv-page #ast-ch-hero .ast-ch-box{border-radius:.7cqw;background:linear-gradient(145deg,#ffb07a,#ff5700);box-shadow:0 .8cqw 1.6cqw rgba(0,0,0,.55),inset 0 0 0 .2cqw rgba(255,255,255,.35);opacity:0}
#ast-cv-page #ast-ch-hero .ast-ch-box::after{content:"";position:absolute;left:44%;top:0;bottom:0;width:12%;background:rgba(255,255,255,.55)}
#ast-cv-page #ast-ch-hero .ast-ch-ping{border-radius:1.4cqw;border:.3cqw solid #ff8d51;opacity:0}
#ast-cv-page #ast-ch-hero .ast-ch-badgep{border-radius:50%;border:.3cqw solid #ff8d51;opacity:0}
#ast-cv-page #ast-ch-hero .ast-ch-pin{border-radius:50%;background:rgba(255,87,0,.55);opacity:0}
#ast-cv-page #ast-ch-hero .ast-ch-truck{background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 44 26%27%3E%3Crect x=%271%27 y=%273%27 width=%2726%27 height=%2715%27 rx=%273%27 fill=%27%23ff5700%27/%3E%3Cpath d=%27M27 7h8l6 6v5H27z%27 fill=%27%23ff8d51%27/%3E%3Cpath d=%27M30 9h4l3.5 4H30z%27 fill=%27%23121419%27/%3E%3Ccircle cx=%279%27 cy=%2220%27 r=%274%27 fill=%27%23121419%27 stroke=%27%23fff%27 stroke-width=%271.6%27/%3E%3Ccircle cx=%2734%27 cy=%2720%27 r=%274%27 fill=%27%23121419%27 stroke=%27%23fff%27 stroke-width=%271.6%27/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;filter:drop-shadow(0 .6cqw 1cqw rgba(0,0,0,.6))}
#ast-cv-page #ast-ch-hero .ast-ch-typed{display:flex;align-items:center;gap:2px;color:#fff;font:500 2.1cqw/1 Inter,Arial,sans-serif;white-space:nowrap;overflow:hidden}
#ast-cv-page #ast-ch-hero .ast-ch-typed b{display:inline-block;width:2px;height:1.25em;background:#ff5700}
/* статичное состояние (боты, экономия трафика, слабые устройства): всё видно без движения */
#ast-cv-page #ast-ch-hero:not(.ast-ch-run) .ast-ch-box0{opacity:1;transform:translateX(12cqw)}
#ast-cv-page #ast-ch-hero:not(.ast-ch-run) .ast-ch-truck{opacity:1;transform:translateX(38cqw)}
/* движение */
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-tile{animation:astchTile 6s linear infinite}
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-rowg{animation:astchTile 6s linear infinite}
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-belt span{animation:astchBelt .9s linear infinite}
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-box{animation:astchBox 6s linear infinite}
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-ping{animation:astchPing 2s ease-out infinite}
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-badgep{animation:astchPing 2s ease-out infinite;animation-delay:.6s}
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-truck{animation:astchTruck 8s linear infinite}
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-pin{animation:astchPin 8s ease-out infinite}
#ast-cv-page #ast-ch-hero.ast-ch-run .ast-ch-typed b{animation:astchBlink 1s steps(1) infinite}
@keyframes astchTile{0%{opacity:0}5%{opacity:1}18%{opacity:0}100%{opacity:0}}
@keyframes astchBelt{to{transform:translateX(3.889cqw)}}
@keyframes astchBox{0%{opacity:0;transform:translateX(0)}4%{opacity:1}29%{opacity:1;transform:translateX(26.9cqw) translateY(0)}33%{opacity:0;transform:translateX(30cqw) translateY(-6cqw) scale(.6)}100%{opacity:0;transform:translateX(30cqw) translateY(-6cqw) scale(.6)}}
@keyframes astchPing{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}
@keyframes astchTruck{0%{opacity:0;transform:translateX(0)}6%{opacity:1}92%{opacity:1;transform:translateX(80cqw)}100%{opacity:0;transform:translateX(80cqw)}}
@keyframes astchPin{0%{opacity:.9;transform:scale(1)}12%{opacity:0;transform:scale(2.4)}100%{opacity:0;transform:scale(2.4)}}
@keyframes astchBlink{50%{opacity:0}}
/* первый экран: сцена вместо фото, на телефоне — сразу под заголовком (как у страниц со сценой конвертера) */
#ast-cv-page [data-ast-block="1"] .salesgen-service-image-wrapper.ast-ch-slot{max-width:620px;width:100%;background:none;box-shadow:none;border:0;aspect-ratio:auto;height:auto;overflow:visible}
#ast-cv-page [data-ast-block="1"].ast-ch-host .salesgen-mobile-video{display:none!important}
@media (max-width:1024px){
	#ast-cv-page [data-ast-block="1"].ast-ch-host .salesgen-hero-section{row-gap:0}
	#ast-cv-page [data-ast-block="1"].ast-ch-host .salesgen-service-content-column{display:contents}
	#ast-cv-page [data-ast-block="1"].ast-ch-host .salesgen-service-content-column>*{order:3}
	#ast-cv-page [data-ast-block="1"].ast-ch-host .salesgen-service-content-column>.ast-po-crumbs{order:0}
	#ast-cv-page [data-ast-block="1"].ast-ch-host .salesgen-service-content-column>.salesgen-service-title{order:1}
	#ast-cv-page [data-ast-block="1"].ast-ch-host .salesgen-service-image-column{display:flex!important;order:2;margin:10px 0 22px;width:100%;justify-content:center}
}
@media (max-width:600px){
	#ast-cv-page #ast-ch-hero .ast-ch-ttl{font-size:14px}
	#ast-cv-page #ast-ch-hero .ast-ch-row{font-size:12.5px}
	#ast-cv-page #ast-ch-hero .ast-ch-city{font-size:13.5px}
	#ast-cv-page #ast-ch-hero .ast-ch-typed{font-size:2.5cqw}
}
@media (prefers-reduced-motion:reduce){#ast-cv-page #ast-ch-hero *{animation:none!important}}