/* QA101.26 — Tema 02 corporate film, immediately after the truck banner. */
.sppauto-theme .sppauto-promo-video { position:relative; width:100%; padding:0; background:#101213; color:#fff; }
.sppauto-theme .sppauto-promo-stage { position:relative; width:100%; aspect-ratio:16/9; min-height:320px; overflow:hidden; isolation:isolate; }
.sppauto-theme .sppauto-promo-cover { position:absolute; z-index:2; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(22px,3vw,60px); padding:32px 24px; text-decoration:none; color:#fff; background:#202425; }
.sppauto-theme .sppauto-promo-cover[hidden],
.sppauto-theme .sppauto-promo-toolbar[hidden] { display:none!important; }
.sppauto-theme .sppauto-promo-poster { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.sppauto-theme .sppauto-promo-cover::before { content:""; position:absolute; z-index:-1; inset:0; background:rgba(0,0,0,.42); pointer-events:none; }
.sppauto-theme .sppauto-promo-play { flex:none; position:relative; display:grid; place-items:center; width:clamp(110px,13.2vw,272px); aspect-ratio:1; border:3px solid rgba(255,255,255,.48); border-radius:50%; background:linear-gradient(145deg,#ed4545,#cb2427 60%,#e95855); box-shadow:inset 0 0 0 4px rgba(255,255,255,.1),0 12px 30px rgba(0,0,0,.22); }
.sppauto-theme .sppauto-promo-play svg { display:block; width:51%; height:51%; margin-inline-start:7%; fill:#fff; filter:drop-shadow(0 3px 2px rgba(0,0,0,.12)); }
.sppauto-theme .sppauto-promo-title { max-width:100%; margin:0; color:#fff; font-family:var(--spp-heading); font-size:clamp(28px,4.1vw,84px); font-weight:700; line-height:1.15; letter-spacing:.025em; text-align:center; overflow-wrap:anywhere; }
.sppauto-theme .sppauto-promo-cover:focus-visible { outline:3px solid #fff; outline-offset:-8px; }
.sppauto-theme .sppauto-promo-player { position:absolute; inset:48px 0 0; }
.sppauto-theme .sppauto-promo-player iframe { display:block; width:100%; height:100%; border:0; }
.sppauto-theme .sppauto-promo-toolbar { position:absolute; z-index:3; inset:0 0 auto; height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 16px; background:#101213; }
.sppauto-theme .sppauto-promo-toolbar a,
.sppauto-theme .sppauto-promo-toolbar button { display:inline-flex; align-items:center; min-height:44px; padding:0 8px; border:0; background:transparent; color:#fff; font:inherit; font-size:14px; line-height:1.2; text-decoration:none; cursor:pointer; }
.sppauto-theme .sppauto-promo-toolbar a:focus-visible,
.sppauto-theme .sppauto-promo-toolbar button:focus-visible { outline:2px solid #fff; outline-offset:-2px; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .sppauto-theme .sppauto-promo-play { transition:transform .25s ease; }
  .sppauto-theme .sppauto-promo-cover:hover .sppauto-promo-play { transform:scale(1.05); }
}
@media(max-width:600px) {
  .sppauto-theme .sppauto-promo-stage { min-height:300px; }
  .sppauto-theme .sppauto-promo-cover { gap:24px; padding:24px 20px; }
  .sppauto-theme .sppauto-promo-play { width:100px; }
  .sppauto-theme .sppauto-promo-title { font-size:clamp(24px,5.8vw,34px); }
  .sppauto-theme .sppauto-promo-toolbar { padding-inline:8px; }
  .sppauto-theme .sppauto-promo-toolbar a,
  .sppauto-theme .sppauto-promo-toolbar button { font-size:12px; }
}