/* V5: schválený 28s film – samostatný prostor mezi třemi kroky a reálnými obrazovkami */
.b2c-video-feature{position:relative;isolation:isolate;background:linear-gradient(135deg,#e9f5f5 0%,#f8fcfe 65%,#edf7fa 100%);padding:74px 0 77px;scroll-margin-top:95px;border-top:1px solid #d9eaf0;border-bottom:1px solid #d9eaf0}
.b2c-video-feature-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(30px,5vw,82px);align-items:center}
.b2c-video-feature-copy{max-width:610px}
.b2c-video-feature-copy .showcase-product-label{margin:0 0 25px}
.b2c-video-feature-copy .b2c-section-kicker{display:block;margin:0 0 11px;color:#007f85;letter-spacing:.085em;font-size:13px;font-weight:800;text-transform:uppercase}
.b2c-video-feature-copy h2{color:#0e3555;font-size:clamp(35px,4.3vw,59px);font-weight:830;line-height:1.13;letter-spacing:-.045em;margin:0 0 25px}
.b2c-video-feature-copy h2 em{color:#008e8a;font-style:normal}
.b2c-video-feature-copy p{font-size:clamp(16px,1.45vw,19px);color:#42627c;line-height:1.65;max-width:570px;margin:0 0 19px}
.b2c-video-feature-copy p.b2c-video-feature-subline{font-weight:760;color:#135c74;margin:0 0 29px}
.b2c-video-to-screens{display:inline-flex;align-items:center;gap:8px;line-height:1.5}
.b2c-video-feature-media{display:flex;flex-direction:column;align-items:center;min-width:0}
.b2c-video-frame{width:min(100%,328px);aspect-ratio:9/16;background:#0c2b45;border-radius:16px;overflow:hidden;box-shadow:0 22px 54px #0a3e5860;border:1px solid rgba(255,255,255,.9)}
.b2c-video-player{width:100%;height:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#0c2b45}
.b2c-video-feature-media p.b2c-video-feature-meta{font-size:13px;color:#527287;margin:16px 0 0;text-align:center;line-height:1.4}
.journey-watch-short{margin-top:14px}
.journey-watch-short a{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:790;color:#0c7180;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.journey-watch-short a:hover,.b2c-video-to-screens:hover{color:#008f8d}
@media(max-width:850px){.b2c-video-feature{padding:56px 0 59px}.b2c-video-feature-grid{grid-template-columns:1fr;gap:30px}.b2c-video-feature-copy{max-width:650px}.b2c-video-feature-copy .showcase-product-label{margin-bottom:15px}.b2c-video-frame{width:min(100%,320px)}}
@media(max-width:500px){.b2c-video-feature{padding:42px 0 49px;scroll-margin-top:80px}.b2c-video-feature-copy h2{font-size:clamp(33px,8vw,41px);margin-bottom:15px}.b2c-video-feature-copy p{font-size:16px;line-height:1.55}.b2c-video-feature-grid{gap:22px}.b2c-video-frame{width:min(100%,320px);border-radius:14px}.b2c-video-feature-media p.b2c-video-feature-meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){.b2c-video-feature *{transition:none!important;animation:none!important}}
/* On a phone, the Ukázka link should show the approved film first, not a long introduction. */
@media(max-width:850px){
  .b2c-video-feature-media{order:0}
  .b2c-video-feature-copy{order:1}
}