/* Approved Option 2, reordered: existing wordmark -> film -> offer. Mobile only. */
#hero-mobile-ui[hidden]{display:none}
@media(max-width:700px){
 body #main .hero-v14{background:#0c251c;padding:25px 0 28px;display:block}
 body #main .hero-v14 .hero-layout-v14{display:flex;flex-direction:column;width:100%;max-width:none;gap:0;margin:0;padding:0}
 body #main .hero-v14 .hero-copy-v26{display:block;width:100%;padding:0 22px 24px;margin:0;order:1}
 body #main .hero-v14 #hero-title{width:min(268px,100%);margin:0;text-align:left}
 body #main .hero-v14 #hero-title>.hero-prefix-v26{margin-bottom:12px;font-size:18px}
 body #main .hero-v14 .hero-trailer-v23{width:100%;max-width:none;margin:0;padding:0;order:2;align-self:stretch}
 body #main .hero-v14 .hero-film-meta-v24{display:none}
 body #main .hero-v14 #hero-trailer-player{border:0;border-radius:0;background:#0b211a;box-shadow:none;overflow:visible}
 body #main .hero-v14 .hero-film-screen-v23,body #main .hero-v14 #hero-trailer-video{border-radius:0;aspect-ratio:1920/952;object-fit:contain;border:0;box-shadow:none;mask-image:none}
 body #main .hero-v14 #hero-trailer-paused-poster{border-radius:0}
 body #main .hero-v14 .hero-film-caption-v23{display:none}
 body #main .hero-v14 #hero-trailer-status{margin:10px 18px;font-size:13px}
 body #main .hero-v14 #hero-mobile-offer{order:3;display:block;width:100%;max-width:none;margin:0;padding:0 20px;gap:0}
 body #main .hero-v14 .hero-mobile-facts{display:flex;align-items:center;justify-content:center;gap:11px;margin:0;padding:21px 0 16px;color:#d7dec6;font:400 13px/1.4 var(--sans)}
 body #main .hero-v14 .hero-mobile-facts i{font-style:normal;opacity:.65}
 body #main .hero-v14 #hero-mobile-offer .hero-purchase-v14{display:grid;grid-template-columns:minmax(92px,.85fr) minmax(0,1.55fr);align-items:center;gap:14px;width:100%;padding:14px;margin:0;border-radius:12px;border:1px solid #f9e9c6;background:#fff0d3;color:#14392c;box-shadow:none}
 body #main .hero-v14 #hero-mobile-offer .hero-decision-v14{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:5px;width:auto;max-width:none;border:0;padding:0;margin:0}
 body #main .hero-v14 #hero-mobile-offer .hero-decision-v14>div{display:block;grid-area:auto;align-self:auto}
 body #main .hero-v14 #hero-mobile-offer .hero-decision-v14 small,body #main .hero-v14 #hero-mobile-offer .hero-decision-v14>div>span{display:none}
 body #main .hero-v14 #hero-mobile-offer .hero-decision-v14 b{display:block;font:500 12px/1.35 var(--sans);letter-spacing:-.03em;color:#14392c;white-space:nowrap}
 body #main .hero-v14 #hero-mobile-offer .hero-decision-v14 strong{display:block;color:#14392c;font:600 36px/1 var(--sans);letter-spacing:-.06em;margin:0;grid-area:auto}
 body #main .hero-v14 #hero-mobile-offer .hero-actions{width:100%;margin:0;display:block}
 body #main .hero-v14 #hero-mobile-offer .hero-primary-v14{width:100%;min-height:54px;padding:14px 13px;border-radius:9px;gap:8px;background:#ff8256;color:#14392c;box-shadow:none}
 body #main .hero-v14 #hero-mobile-offer .hero-button-label-v14{font:600 16px/1.2 var(--sans);letter-spacing:-.03em;white-space:nowrap}
 body #main .hero-v14 #hero-mobile-offer .hero-button-label-v14>small{display:none}
 body #main .hero-v14 #hero-mobile-offer .hero-primary-v14>span:last-child{font-size:23px}
 body #main .hero-v14 #hero-mobile-offer .hero-reassurance-v14{display:flex;justify-content:center;align-items:center;gap:5px;max-width:none;margin:13px 0 0;padding:0;border:0;text-align:center;color:#cbd7bc;font:400 12px/1.5 var(--sans)}
 body #main .hero-v14 #hero-mobile-offer .hero-reassurance-v14 br,body #main .hero-v14 #hero-mobile-offer .hero-reassurance-second-v14{display:none}
 body #main .hero-v14 .hero-footer-v14{display:none}
 /* The original bound controls form one compact dock. */
 body #main #hero-trailer-player[data-mobile-ui="true"]>.hero-film-controls-v23{display:none}
 body #main #hero-mobile-ui{display:block;width:100%;order:3;background:#102a20;color:#fff0d3;position:relative;flex:none}
 body #main #hero-mobile-ui .hero-mobile-dock{display:flex;align-items:center;gap:4px;padding:7px 12px;min-height:58px}
 body #main #hero-mobile-ui .hero-mobile-audio{flex:1;min-width:0;position:relative}
 body #main #hero-mobile-ui #hero-trailer-sound-invite{display:none;position:static;max-width:none;min-height:0;margin:0;padding:0}
 body #main #hero-mobile-ui #hero-trailer-sound-invite[data-mode="invite"]:not([hidden]){display:block}
 body #main #hero-mobile-ui .hero-mobile-audio:has(#hero-trailer-sound-invite[data-mode="invite"]:not([hidden]))>#hero-trailer-sound{display:none}
 body #main #hero-mobile-ui #hero-trailer-enable-sound,body #main #hero-mobile-ui #hero-trailer-sound{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;height:44px;min-height:44px;padding:0 8px;margin:0;border:1px solid #fff0d333;border-radius:8px;background:#ffe2b5;color:#14392c;box-shadow:none;animation:none;white-space:nowrap;font:600 13px/1.2 var(--sans)}
 body #main #hero-mobile-ui #hero-trailer-sound{background:#fff0d312;color:#fff0d3}
 body #main #hero-mobile-ui #hero-trailer-enable-sound strong{font:600 13px/1.2 var(--sans);letter-spacing:-.02em}
 body #main #hero-mobile-ui :is(.hero-sound-arrow-v53,.hero-sound-copy-v53 small,#hero-trailer-sound-note){display:none}
 body #main #hero-mobile-ui .hero-sound-disc-v53{display:block;width:20px;height:20px;background:none;border:0;border-radius:0;box-shadow:none;color:inherit}
 body #main #hero-mobile-ui .hero-sound-disc-v53 svg,body #main #hero-mobile-ui #hero-trailer-sound svg{width:20px;height:20px}
 body #main #hero-mobile-ui #hero-trailer-sound [data-control-label]{position:static;width:auto;height:auto;padding:0;margin:0;clip:auto;overflow:visible;display:inline;font:inherit}
 body #main #hero-mobile-ui :is(#hero-trailer-play,#hero-trailer-expand,#hero-mobile-more){display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#fff0d3;margin:0;box-shadow:none;cursor:pointer}
 body #main #hero-mobile-ui :is(#hero-trailer-play,#hero-trailer-expand) [data-control-label]{display:none}
 body #main #hero-mobile-ui :is(#hero-trailer-play,#hero-trailer-expand,#hero-mobile-more) svg{width:21px;height:21px;flex:none}
 body #main #hero-mobile-ui #hero-mobile-more[aria-expanded="true"]{background:#ffe2b5;color:#14392c}
 body #main #hero-mobile-ui button:focus-visible{outline:3px solid #ff9563;outline-offset:1px}
 body #main #hero-mobile-ui #hero-mobile-details{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;padding:6px 15px 14px;border-top:1px solid #cbd7bc30;font:400 12px/1.4 var(--sans)}
 body #main #hero-mobile-ui #hero-mobile-details[hidden]{display:none}
 body #main #hero-mobile-ui #hero-trailer-restart{grid-row:1;grid-column:1;justify-self:start;padding:10px 13px;min-height:44px;font-size:13px;margin:0}
 body #main #hero-mobile-ui #hero-trailer-time{grid-row:1;grid-column:2;justify-self:end;font:11px/1.4 var(--mono)}
 body #main #hero-mobile-ui .hero-mobile-seek-label{grid-row:2;grid-column:1/-1}
 body #main #hero-mobile-ui #hero-trailer-seek{grid-row:3;grid-column:1/-1;display:block;width:100%;height:30px;min-width:0;margin:0;accent-color:#ffbd93;cursor:pointer}
 body #main #hero-mobile-ui .hero-mobile-volume-label{grid-row:4;grid-column:1/-1}
 body #main #hero-mobile-ui #hero-trailer-volume{grid-row:5;grid-column:1/-1;display:block;width:100%;height:30px;margin:0;accent-color:#ffbd93;cursor:pointer}
 body #main #hero-mobile-ui .hero-mobile-progress{height:2px;background:#395346}
 body #main #hero-mobile-ui .hero-mobile-progress>span{display:block;height:2px;background:#ffbd93;width:0}
 body #main #hero-trailer-player:is(:fullscreen,[data-inline-expanded="true"]) #hero-mobile-ui{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:360px){
 body #main .hero-v14 .hero-copy-v26{padding-inline:18px}
 body #main .hero-v14 #hero-title{width:252px;max-width:100%}
 body #main .hero-v14 #hero-mobile-offer{padding-inline:16px}
 body #main .hero-v14 #hero-mobile-offer .hero-purchase-v14{gap:10px;padding:11px;grid-template-columns:88px minmax(0,1fr)}
 body #main .hero-v14 #hero-mobile-offer .hero-decision-v14 b{font-size:11px}
 body #main .hero-v14 #hero-mobile-offer .hero-button-label-v14{font-size:14px}
 body #main .hero-v14 #hero-mobile-offer .hero-primary-v14{padding:12px 10px}
 body #main #hero-mobile-ui .hero-mobile-dock{padding-inline:8px;gap:2px}
 body #main #hero-mobile-ui #hero-trailer-enable-sound strong{font-size:12px}
}