/* 分类页 Hero 滑动轮播样式（仅 .uav-cat-hero--slides，由 product-archive-hero.js 添加；
   商城总览页保持 Builder 原样式不受影响）。ID 前缀提高优先级以覆盖 Builder 内联样式。 */

/* 背景改为滑动轨：停用 KenBurns，图片/视频层同轨平移 */
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__bg{animation:none;inset:0}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__bg-track{display:flex;height:100%;transition:transform .8s cubic-bezier(.65,.05,.25,1)}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__bg-slide{flex:0 0 100%;height:100%;background-size:cover;background-position:center;overflow:hidden;background-color:#0b1a2b}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__bg-video{width:100%;height:100%;object-fit:cover;display:block;background:#0b1a2b}
@media(prefers-reduced-motion:reduce){#uavCatHero.uav-cat-hero--slides .uav-cat-hero__bg-track{transition:none}}

/* 内容轨：每张滑片一套文本（图片滑片带产品卡），入场动画与轮换淡入淡出全部停用。
   inner 保持 flex 拉伸，轨道与滑片占满区块高度，内容在滑片内垂直居中（修复文本/卡片贴顶）。 */
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__inner{display:flex;align-items:stretch}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__slides{display:flex;width:100%;align-items:stretch;transition:transform .8s cubic-bezier(.65,.05,.25,1)}
@media(prefers-reduced-motion:reduce){#uavCatHero.uav-cat-hero--slides .uav-cat-hero__slides{transition:none}}
/* 滑片全宽（平移步长=区块宽=背景步长），内容装进滑片内居中的 w-1520 盒 */
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__pane{flex:0 0 100%;min-width:0;display:flex;justify-content:center}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__pane-box{width:100%;display:flex;align-items:center;justify-content:space-between;gap:2.6rem}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__label,
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__title,
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__desc,
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__cta,
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__deck{animation:none}
/* Builder 原样式在宽屏给 deck 负右外边距（把卡片推出容器被裁半张），滑动轮播下取消 */
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__deck{margin-right:0}
/* 视频滑片标题限宽：2~3 行完整展示，不横贯到屏幕中部（右侧留给画面） */
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__pane--video .uav-cat-hero__title{max-width:640px}
@media(max-width:1024px){#uavCatHero.uav-cat-hero--slides .uav-cat-hero__pane--video .uav-cat-hero__title{margin-left:auto;margin-right:auto}}

/* 图片滑片产品卡：单卡常显，去掉轮换过渡 */
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__card{opacity:1;visibility:visible;transform:none;transition:none}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__card:hover{box-shadow:0 26px 58px rgba(0,0,0,.5)}

/* 区块左右切换箭头：悬挂区块两缘垂直居中 */
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:7;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(76,169,200,.55);background:rgba(11,26,43,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#7ccce6;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:background .25s ease,border-color .25s ease,color .25s ease}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav:hover{background:rgba(76,169,200,.35);border-color:#4ca9c8;color:#fff}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav svg{width:20px;height:20px}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav--prev{left:26px}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav--next{right:26px}
#uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav--prev svg{transform:rotate(180deg)}

@media(max-width:1024px){
  #uavCatHero.uav-cat-hero--slides .uav-cat-hero__pane-box{flex-direction:column;justify-content:center;gap:2.6rem;text-align:center}
  #uavCatHero.uav-cat-hero--slides .uav-cat-hero__desc{margin:0 auto 1.4rem}
  #uavCatHero.uav-cat-hero--slides .uav-cat-hero__deck{width:100%;max-width:500px;height:283px;margin-right:0}
}
@media(max-width:768px){
  #uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav{width:38px;height:38px}
  #uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav svg{width:16px;height:16px}
  #uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav--prev{left:12px}
  #uavCatHero.uav-cat-hero--slides .uav-cat-hero__side-nav--next{right:12px}
}