:root { --order-gold:#ffc400; --order-canvas:#09090b; --order-surface:#141416; --order-field:#202023; --order-border:#68686f; --order-muted:#aaaab4; }
html { scroll-behavior:smooth; color-scheme:dark; }
body { margin:0; background:var(--order-canvas); color:#f7f7f8; font:16px/1.6 Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
body * { box-sizing:border-box; }
a { color:inherit; }
button,input,select { font:inherit; }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
.order-shell { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
#prime-shared-header { border-bottom:1px solid #ffffff12!important; }
.order-intro { padding:30px 0 48px; border-bottom:1px solid #ffffff12; background:#0b0b0d; }
.order-back { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:#b8b8c1; text-decoration:none; font-size:14px; }
.order-back:hover { color:var(--order-gold); }
.order-back span { font-size:20px; }
.order-intro-row { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; padding-top:26px; }
.order-eyebrow { color:var(--order-gold); font-size:14px; letter-spacing:.12em; font-weight:700; line-height:1.5; margin:0 0 12px; }
.order-intro h1 { margin:0; color:#fff; font-size:clamp(42px,5vw,64px); letter-spacing:-.045em; line-height:1.06; font-weight:700; }
.order-intro h1 span { color:var(--order-gold); }
.order-intro-copy { max-width:530px; margin:22px 0 0; color:#b8b8c1; font-size:17px; line-height:1.7; }
.order-intro-note { display:flex; align-items:flex-start; gap:16px; padding-bottom:6px; }
.order-note-line { width:32px; height:2px; margin-top:12px; background:var(--order-gold); flex-shrink:0; }
.order-intro-note p { margin:0; font-size:14px; line-height:1.8; color:#9a9aa5; }
.order-intro-note strong { color:#e3e3e7; font-weight:400; }
.order-main { display:grid; grid-template-columns:320px minmax(0,1fr); gap:28px; align-items:start; padding-top:40px; padding-bottom:64px; }
.order-form-card { grid-column:2; grid-row:1; min-width:0; padding:32px; background:var(--order-surface); border:1px solid #ffffff20; border-radius:20px; }
.order-form-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border-bottom:1px solid #ffffff14; padding-bottom:24px; margin-bottom:26px; }
.order-form-intro .order-eyebrow { margin-bottom:10px; }
.order-form-intro h2 { color:#fff; font-size:26px; letter-spacing:-.025em; line-height:1.25; margin:0 0 12px; font-weight:700; }
.order-form-intro p:not(.order-eyebrow) { margin:0; font-size:14px; line-height:1.6; color:#aaaab4; }
.order-required-note { white-space:nowrap; color:#aaaab4; font-size:14px; padding-top:3px; }
#subscriptionForm { margin:0; min-width:0; }
#subscriptionForm .hidden { display:none!important; }
#subscriptionForm .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#subscriptionForm > div:not(.hidden) { margin-top:22px; }
#subscriptionForm > div:first-of-type + div { margin-top:0; }
#subscriptionForm .order-form-section { display:flex; align-items:center; gap:12px; margin:32px 0 18px; padding-top:26px; border-top:1px solid #ffffff14; color:#fff; font-size:17px; line-height:1.5; font-weight:700; }
#subscriptionForm .order-form-section span { color:var(--order-gold); font-size:14px; font-weight:700; letter-spacing:.08em; }
#subscriptionForm label:not(:has(input[type=radio])) { display:block; color:#e9e9ee; font-size:14px; font-weight:600; line-height:1.5; margin:0 0 9px; }
#subscriptionForm .text-red-500 { color:#ff9191; }
#subscriptionForm input:not([type=radio]):not([type=checkbox]),#subscriptionForm select { display:block; width:100%; min-width:0; height:52px; border:1px solid var(--order-border); border-radius:10px; background:var(--order-field); color:#f7f7fa; padding:12px 14px; outline:none; box-shadow:none; transition:border-color .18s ease,box-shadow .18s ease; }
#subscriptionForm input::placeholder { color:#a5a5b0; opacity:1; }
#subscriptionForm select { appearance:none; padding-right:38px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23c9c9d0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:18px; background-position:right 12px center; }
#subscriptionForm select option { background:#202023; color:#fff; }
#subscriptionForm input:not([type=radio]):focus,#subscriptionForm select:focus { border-color:var(--order-gold); box-shadow:0 0 0 3px #ffc40022; }
#subscriptionForm select:disabled { cursor:not-allowed; color:#93939e; border-color:#46464e; background-color:#19191c; opacity:1; }
#subscriptionForm .grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#subscriptionForm .grid > div { min-width:0; }
#subscriptionForm .order-phone-row { display:flex; align-items:stretch; gap:10px; }
#subscriptionForm #countryDial { width:190px; flex:0 0 190px; max-width:42%; font-size:14px; padding-left:12px; }
#subscriptionForm #whatsappInput { flex:1 1 0; min-width:0; width:0; }
#subscriptionForm .order-radio-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; border:1px solid #77777f; border-radius:12px; padding:5px; background:#202023; width:100%; }
#subscriptionForm .order-radio-options > label { display:block; min-width:0; cursor:pointer; border:0; margin:0; }
#subscriptionForm .order-radio-options label > div { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 12px; border-radius:8px; background:transparent; color:#cacad2; font-size:14px; font-weight:600; line-height:1.5; transition:background .18s ease,color .18s ease; }
#subscriptionForm .order-radio-options .peer:checked + div { background:var(--order-gold); color:#080808; }
#subscriptionForm .peer:focus-visible + div { outline:2px solid white; outline-offset:2px; }
#subscriptionForm .order-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
#subscriptionForm .order-plan-grid > div:first-child { grid-column:1 / -1; }
#subscriptionForm .order-field-hint { margin:8px 0 0; font-size:14px; line-height:1.6; color:#aaaab4; }
#subscriptionForm .order-payment-options { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
#subscriptionForm .order-payment-options > label { display:block; min-width:0; margin:0; cursor:pointer; }
#subscriptionForm .order-payment-options label > div { display:flex; justify-content:center; align-items:center; padding:12px 5px; min-height:48px; border:1px solid #77777f; border-radius:10px; background:#202023; color:#e4e4ea; font-size:14px; font-weight:600; line-height:1.4; }
#subscriptionForm .order-payment-options .peer:checked + div { background:#ffc40018; border-color:var(--order-gold); color:var(--order-gold); }
#subscriptionForm #submitBtn { display:flex; justify-content:center; align-items:center; gap:12px; min-height:54px; width:100%; margin-top:30px; padding:14px 24px; background:var(--order-gold); border:1px solid #ffd64d; border-radius:10px; color:#0a0a0a; font-size:16px; line-height:1.5; font-weight:700; cursor:pointer; box-shadow:none; transition:background .18s ease,transform .18s ease; }
#subscriptionForm #submitBtn:hover:not(:disabled) { background:#ffda47; transform:translateY(-1px); }
#subscriptionForm #submitBtn:disabled { opacity:.7; cursor:wait; transform:none; }
#subscriptionForm #formStatus:not(.hidden) { margin-top:18px; color:#ffadad; font-size:14px; line-height:1.6; }
.order-form-footnote { max-width:540px; margin:16px auto 0; color:#aaaab4; text-align:center; font-size:14px; line-height:1.75; }
.order-sidebar { grid-column:1; grid-row:1; position:sticky; top:24px; min-width:0; }
.order-summary-card,.order-process-card { border:1px solid #ffffff20; border-radius:18px; padding:26px; background:#101012; }
.order-summary-card { border-top:2px solid var(--order-gold); }
.order-summary-card h2 { margin:0 0 10px; font-size:23px; line-height:1.3; font-weight:700; letter-spacing:-.02em; }
.order-summary-intro { margin:0; color:#aaaab4; font-size:14px; line-height:1.65; }
.order-summary-list { margin:24px 0 0; }
.order-summary-list > div { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:12px 0; border-bottom:1px solid #ffffff12; font-size:14px; line-height:1.5; }
.order-summary-list dt { color:#aaaab4; }
.order-summary-list dd { margin:0; color:#efeff3; text-align:right; font-weight:500; overflow-wrap:anywhere; }
.order-summary-total { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:22px; }
.order-summary-total span { max-width:110px; color:#e0e0e6; font-size:14px; line-height:1.5; }
.order-summary-total strong { color:var(--order-gold); font-size:32px; font-weight:700; letter-spacing:-.04em; }
.order-summary-caption { margin:12px 0 0; color:#a0a0ac; font-size:14px; line-height:1.7; }
.order-process-card { margin-top:20px; background:transparent; }
.order-steps { list-style:none; padding:0; margin:22px 0; }
.order-steps li { display:flex; gap:14px; align-items:flex-start; margin-bottom:22px; }
.order-steps li:last-child { margin-bottom:0; }
.order-steps li > span { display:flex; align-items:center; justify-content:center; width:32px; height:32px; flex:0 0 32px; border:1px solid #ffc40044; border-radius:8px; color:var(--order-gold); font-size:14px; font-weight:700; line-height:1.5; }
.order-steps h3 { margin:0 0 5px; font-size:14px; line-height:1.5; font-weight:600; color:#f1f1f5; }
.order-steps p { margin:0; color:#aaaab4; font-size:14px; line-height:1.65; }
.order-help-link { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding-top:16px; border-top:1px solid #ffffff16; color:var(--order-gold); font-size:14px; line-height:1.5; text-decoration:none; }
.order-help-link:hover { color:#ffe477; }
.order-help-link svg { flex-shrink:0; }
.order-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; padding:24px 0 32px; border-top:1px solid #ffffff16; font-size:14px; line-height:1.6; color:#a5a5b0; }
.order-footer p { margin:0; }
.order-footer nav { display:flex; flex-wrap:wrap; gap:20px; }
.order-footer a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.order-footer a:hover { color:var(--order-gold); }
:focus-visible { outline:2px solid var(--order-gold); outline-offset:4px; }
@media(max-width:1024px) {
 .order-main { grid-template-columns:270px minmax(0,1fr); gap:20px; }
 .order-form-card { padding:26px; }
 .order-summary-card,.order-process-card { padding:22px; }
 .order-intro-note { display:none; }
 .order-required-note { display:none; }
 #subscriptionForm .order-payment-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px) {
 .order-shell { width:calc(100% - 40px); }
 .order-intro { padding:20px 0 32px; }
 .order-intro-row { padding-top:18px; }
 .order-intro h1 { font-size:46px; }
 .order-intro-copy { font-size:16px; margin-top:18px; }
 .order-main { grid-template-columns:minmax(0,1fr); padding-top:26px; padding-bottom:36px; gap:24px; }
 .order-form-card { grid-column:1; grid-row:1; }
 .order-sidebar { grid-column:1; grid-row:2; position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
 .order-process-card { margin-top:0; }
}
@media(max-width:600px) {
 .order-shell { width:calc(100% - 32px); }
 .order-intro h1 { font-size:42px; }
 .order-eyebrow { font-size:14px; }
 .order-form-card { padding:22px 20px; border-radius:16px; }
 .order-form-intro { margin-bottom:22px; padding-bottom:22px; }
 .order-form-intro h2 { font-size:23px; }
 #subscriptionForm .grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 #subscriptionForm .order-plan-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
 #subscriptionForm .order-radio-options label > div { padding:10px 5px; font-size:14px; }
 #subscriptionForm #countryDial { flex-basis:122px; width:122px; max-width:42%; font-size:14px; padding-left:10px; }
 #subscriptionForm #whatsappInput { padding-left:12px; }
 #subscriptionForm .order-form-section { margin-top:28px; padding-top:24px; }
 #subscriptionForm .order-payment-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #subscriptionForm .order-payment-options label:last-child { grid-column:1 / -1; }
 #subscriptionForm .order-payment-options label > div { font-size:14px; }
 .order-sidebar { grid-template-columns:minmax(0,1fr); }
 .order-summary-card,.order-process-card { padding:24px; }
 .order-footer { align-items:flex-start; padding-top:24px; }
 .order-footer nav { gap:16px; }
 .desktop-break { display:none; }
}
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
/* Preview only: cinematic still from the existing homepage montage. */
.order-intro {
 background-image:linear-gradient(90deg,rgba(9,9,11,.60) 0%,rgba(9,9,11,.36) 48%,rgba(9,9,11,.10) 100%),linear-gradient(0deg,#09090b 0%,rgba(9,9,11,.65) 16%,rgba(9,9,11,.10) 65%,rgba(9,9,11,.15) 100%),url('./order-movies-background.jpg');
 background-size:cover;
 background-position:center 38%;
 background-repeat:no-repeat;
}
.order-intro-note p { color:#d0d0d9; }
.order-intro-note strong { color:#f3f3f6; }
@media(max-width:600px) {
 .order-intro { background-position:62% center; background-image:linear-gradient(90deg,rgba(9,9,11,.72),rgba(9,9,11,.48)),linear-gradient(0deg,#09090b 0%,rgba(9,9,11,.25) 52%,rgba(9,9,11,.28)),url('./order-movies-background.jpg'); }
}