.discovery-film-link { position:fixed; right:20px; bottom:18px; z-index:80; display:flex; align-items:center; gap:12px; width:326px; min-height:78px; margin:0; padding:8px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:rgba(10,28,31,.94); color:#fff; text-align:left; font:500 12px/1.6 var(--font-jp,sans-serif); box-shadow:0 16px 44px rgba(10,39,44,.22); backdrop-filter:blur(18px) saturate(120%); -webkit-backdrop-filter:blur(18px) saturate(120%); cursor:pointer; transition:background-color .2s ease-out,transform .2s ease-out; }
.discovery-film-link__thumbnail { display:block; flex:0 0 104px; width:104px; height:64px; border-radius:9px; object-fit:cover; }
.discovery-film-link__copy { display:grid; gap:5px; }
.discovery-film-link svg { width:20px; height:20px; flex-shrink:0; margin-left:auto; }
.discovery-film-link__duration { color:#c2dbd7; font-size:10px; font-weight:400; letter-spacing:.04em; }
.discovery-film-link:hover { background:rgba(25,59,63,.97); transform:translateY(-2px); }
body.discovery-page .discovery-film-link:focus-visible { outline:2px solid #286d71; outline-offset:4px; }
body.discovery-active .discovery-film-link { display:none; }
body.discovery-film-open { overflow:hidden; }
.discovery-film { box-sizing:border-box; width:min(1120px,calc(100% - 40px)); max-width:1120px; max-height:calc(100dvh - 40px); margin:auto; padding:0; overflow:auto; overscroll-behavior:contain; border:1px solid #ffffff30; border-radius:22px; background:#f7f8f5; color:#153239; box-shadow:0 24px 100px #06191c50; }
.discovery-film::backdrop { background:#071b22cc; backdrop-filter:blur(12px); }
.discovery-film__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 22px; }
.discovery-film__header h2 { margin:0; font:500 15px/1.6 var(--font-jp,sans-serif); }
.discovery-film__close { display:flex; align-items:center; gap:12px; min-height:44px; padding:0 4px 0 12px; border:0; background:none; color:inherit; white-space:nowrap; cursor:pointer; font:400 12px var(--font-jp,sans-serif); }
.discovery-film__close span { font:300 28px/1 sans-serif; }
.discovery-film__video { display:block; width:100%; max-height:calc(100dvh - 220px); aspect-ratio:16/9; object-fit:contain; background:#f7f8f5; }
.discovery-film__footer { padding:18px 24px 22px; text-align:center; }
.discovery-film__note,.discovery-film__status { margin:0; color:#405e61; font:400 12px/1.8 var(--font-jp,sans-serif); }
.discovery-film__status { margin-top:10px; }
.discovery-film__continue { display:flex; justify-content:center; align-items:center; gap:20px; min-height:48px; margin:16px auto 0; padding:12px 24px; border:0; border-radius:12px; background:#153239; color:#fff; cursor:pointer; font:500 14px/1.6 var(--font-jp,sans-serif); }
.discovery-film__retry { min-height:44px; margin-top:8px; padding:6px 12px; border:0; background:none; color:#153239; text-decoration:underline; cursor:pointer; font:400 13px var(--font-jp,sans-serif); }
.discovery-film button:focus { outline:none; box-shadow:none; }
.discovery-film button:focus-visible { outline:2px solid #286d71; outline-offset:2px; border-radius:8px; }
.discovery-film [hidden] { display:none!important; }
@media(prefers-reduced-motion:no-preference) { .discovery-film[open] { animation:film-reveal .2s ease-out; } @keyframes film-reveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } } }
@media(max-width:700px) { .discovery-film { width:calc(100% - 20px); max-height:calc(100dvh - 20px); border-radius:16px; }.discovery-film__header { gap:8px; padding:8px 14px; }.discovery-film__header h2 { font-size:12px; }.discovery-film__footer { padding:14px 16px 18px; }.discovery-film__note { font-size:11px; } }
/* Keep the entire landing experience inside the current viewport. */
.discovery-page .product-teaser:has(.hero[data-screen="website"]) { height:100svh; min-height:100svh; overflow:clip; }
@media(max-width:700px), (max-height:700px) {
  .discovery-film-link { position:absolute; right:16px; bottom:16px; width:300px; max-width:calc(100% - 32px); gap:10px; min-height:74px; }
  .discovery-film-link__thumbnail { flex-basis:84px; width:84px; height:56px; }
  .discovery-film-link__copy { font-size:11px; }
}
@media(max-width:700px) {
  .discovery-page .product-teaser:has(.hero[data-screen="website"]) { height:100svh; min-height:100svh; }
}
@media(max-width:700px) and (max-height:620px) {
  .discovery-film-link { min-height:58px; padding:7px; }
  .discovery-film-link__thumbnail { flex-basis:68px; width:68px; height:44px; border-radius:7px; }
  .discovery-film-link__copy { gap:2px; font-size:10px; }
  .discovery-film-link__duration { font-size:9px; }
}
@media(max-width:360px) and (max-height:650px) {
  .discovery-page .hero[data-screen="website"] { top:92px; }
  .hero[data-screen="website"] .hero__copy { min-height:124px; }
}