/* One home player uses the landscape film on desktop and portrait film on mobile. */
#nb-mobile-pro [hidden] { display:none !important; }

#nb-mobile-pro {
  display:block;
  margin:0;
  padding:76px 0 0;
  background:#fff;
  color:#202228;
  font-family:Pretendard,Arial,sans-serif;
  scroll-margin-top:76px;
}
#nb-mobile-pro .nb-mobile-pro-stage {
  display:flex;
  justify-content:center;
  background:#f3f1eb;
}
#nb-mobile-pro video {
  display:block;
  width:100%;
  height:auto;
  max-height:calc(100svh - 76px);
  aspect-ratio:16 / 9;
  object-fit:contain;
}
#nb-mobile-pro .nb-mobile-pro-controls {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:4px 20px;
  border-bottom:1px solid #e4e5e8;
}
#nb-mobile-pro button {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 0;
  border:0;
  background:none;
  color:#51565e;
  font:500 13px/1.5 Pretendard,Arial,sans-serif;
  cursor:pointer;
}
#nb-mobile-pro .nb-mobile-pro-offer { padding:24px 20px 28px; }
#nb-mobile-pro .nb-mobile-pro-period {
  margin:0 0 6px;
  color:#62666d;
  font-size:13px;
  line-height:1.5;
}
#nb-mobile-pro .nb-mobile-pro-benefits {
  margin:0 0 20px;
  color:#202228;
  font-size:15px;
  font-weight:600;
  line-height:1.7;
  word-break:keep-all;
}
#nb-mobile-pro .nb-mobile-pro-buy {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:14px 20px;
  background:#202228;
  color:#fff;
  font-size:15px;
  font-weight:600;
  line-height:1.5;
  text-decoration:none;
}
#nb-mobile-pro button:focus-visible,
#nb-mobile-pro a:focus-visible { outline:2px solid #3531f5; outline-offset:4px; }
#nb-mobile-pro .nb-mobile-pro-error {
  margin:0;
  padding:14px 20px 0;
  color:#62666d;
  font-size:13px;
  line-height:1.6;
}

@media (min-width:769px) {
  #nb-mobile-pro .nb-mobile-pro-controls,
  #nb-mobile-pro .nb-mobile-pro-offer {
    width:min(100%,1280px);
    margin-inline:auto;
    padding-inline:32px;
  }
  #nb-mobile-pro .nb-mobile-pro-offer {
    display:grid;
    grid-template-columns:1fr auto;
    column-gap:32px;
    align-items:center;
    padding-block:28px 32px;
  }
  #nb-mobile-pro .nb-mobile-pro-period { grid-column:1; }
  #nb-mobile-pro .nb-mobile-pro-benefits { grid-column:1; margin-bottom:0; }
  #nb-mobile-pro .nb-mobile-pro-buy { grid-column:2; grid-row:1 / 3; min-width:240px; }
}
@media (max-width:768px) {
  #nb-mobile-pro { padding-top:96px; scroll-margin-top:96px; }
  #nb-mobile-pro video { aspect-ratio:9 / 16; max-height:calc(100svh - 96px); }
}