/* [CW-QK182] 英文、葡文首页首屏视频（老板 2026-11-05 验收 demo「效果没问题」，照 preview.html 做）。
   只被 en/index.html、pt/index.html 引用；简繁页面不引用，styles.css 一字未改。
   .hero--video 由 assets/home-video.js 加上（没脚本时没有这个 class，首屏照旧只显示封面图）。
   不改 QK129 补丁8 的两条：英雄区纵向不剪裁（日期／时间弹层要伸出去）、内容层 z-index 高过可信条——视频与视差只在 .hero-bg 里面剪裁。 */

/* 葡文标题与英文一样长：带找车小卡时同英文收小一档（styles.css 那条只认 lang=en） */
html[lang="pt-PT"] .hero--quick h1{font-size:clamp(1.85rem,3.1vw,2.35rem);max-width:none;line-height:1.14}
html[lang="pt-PT"] .hero--quick h1 .h1-sub{font-size:.5em;letter-spacing:1.6px;line-height:1.5}

/* 视频层：封面图在下、视频在上、遮罩在最上（遮罩照 demo 的黑金渐变） */
.hero--video .hero-bg{overflow:hidden;filter:none;background:#10151d}
.hero--video .hero-bg .hero-video{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero--video .hero-bg::before{
  background:
    linear-gradient(90deg,rgba(6,14,21,.86) 0%,rgba(8,17,24,.7) 30%,rgba(8,17,24,.25) 64%,rgba(8,17,24,.12) 100%),
    linear-gradient(0deg,rgba(12,20,27,.85) 0%,transparent 35%,rgba(12,20,27,.07) 100%);
}
.hero--video .hero-bg::after{opacity:0}

/* 暂停钮＋「AI 画面」标注（左下）、SCROLL（桌面居中） */
.hero-vc{position:absolute;z-index:7;left:max(24px,calc((100% - var(--maxw)) / 2 + 24px));bottom:22px;display:flex;gap:12px;align-items:center;pointer-events:auto}
.hero-vc button{color:#eee9de;background:rgba(12,20,27,.5);border:1px solid rgba(243,238,227,.33);border-radius:30px;font:inherit;font-size:11px;line-height:1.4;padding:7px 13px;cursor:pointer;touch-action:manipulation}
.hero-vc button:hover{border-color:var(--champagne);color:var(--champagne)}
.hero-vc button:focus-visible{outline:3px solid #dbb861;outline-offset:4px}
.hero-vc span{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#d3d0c4}
.hero-scroll{position:absolute;z-index:7;bottom:27px;left:50%;font-size:10px;letter-spacing:2px;color:#c4bda9;pointer-events:none}
/* 英文首页英雄区下面紧跟可信条（往上叠 72px／手机 48px）：控件抬到可信条上面，别被盖住 */
.hero--video.hero--trustbar .hero-vc{bottom:94px}
.hero--video.hero--trustbar .hero-scroll{bottom:99px}

/* 桌面：首屏占满一屏（扣页眉），内容竖直居中；视频与封面图（<picture> 在本站是 display:contents，真正的盒子是 img）上下各多出 7% 给视差留余量 */
@media (min-width:900px){
  .hero--video{min-height:680px;height:calc(100svh - 66px);max-height:1050px;display:flex;flex-direction:column;justify-content:center}
  .hero--video > .container{width:100%}
  .hero--video .hero-bg img,.hero--video .hero-bg .hero-video{top:-7%;bottom:auto;height:114%}
}
/* 小卡单列时（≤900）：照 demo 把报价卡提到标题之后、较长的公司介绍和准照行放卡后面 */
@media (max-width:900px){
  .hero--video .hero-inner{display:contents}
  .hero--video .hero-inner > .kicker{order:1;margin-bottom:12px}
  .hero--video .hero-inner > h1{order:2;margin-bottom:6px}
  .hero--video .hero-grid > .quick-card{order:3}
  .hero--video .hero-inner > .sub{order:4;margin-top:4px}
  .hero--video .hero-inner > .hero-license{order:5;margin-top:0}
  .hero--video .hero-grid{gap:18px}
  .hero-scroll{display:none}
  /* [R1 完整镜 F-01] 单列时英雄区比一屏长（报价卡、介绍都在里面）：暂停钮放到视频顶上、页眉下面，第一屏就点得到 */
  .hero-vc,.hero--video.hero--trustbar .hero-vc{left:20px;top:12px;bottom:auto}
}
/* 手机：竖版视频只铺上面 650px，往下渐变成实底（照 demo） */
@media (max-width:760px){
  .hero--video .hero-bg img,.hero--video .hero-bg .hero-video{top:0;bottom:auto;height:650px;object-position:center 42%}
  .hero--video .hero-bg::before{background:linear-gradient(180deg,rgba(9,19,26,.08) 0%,rgba(9,19,26,.38) 16%,rgba(16,24,32,.94) 47%,#101820 68%)}
  .hero--video .container{padding-bottom:84px}
  .hero--video.hero--trustbar .container{padding-bottom:130px}
  .hero-vc span{font-size:8px}
}
/* 减少动态效果：不做视差（脚本也不自动播放，只显示封面） */
@media (prefers-reduced-motion: reduce){
  .hero--video .hero-bg img,.hero--video .hero-bg .hero-video,.hero--video .hero-inner,.hero--video .quick-card{transform:none!important}
}
/* 手机上「Hora de recolha (local)」「Pickup time (local)」标签会折成两行：日期、时间两格底边对齐，别一高一低 */
.hero--quick .quick-card .qf-row{align-items:end}