{"id":8118,"date":"2026-09-14T12:40:57","date_gmt":"2026-09-14T18:40:57","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=8118"},"modified":"2026-09-14T12:40:57","modified_gmt":"2026-09-14T18:40:57","slug":"megapass-draft-desktop","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2026\/09\/14\/megapass-draft-desktop\/","title":{"rendered":"megapass draft desktop"},"content":{"rendered":"<div id=\"megapass-marketing-page\">\n<style>\n    \/* \n      GLOBAL & CONTAINER SETUP \n      Scopes all styles to this specific WordPress block to prevent theme conflicts.\n    *\/\n    #megapass-marketing-page {\n      background-color: #0b031b; \/* Deep navy\/purple background *\/\n      color: #ffffff;\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      margin: 0 auto;\n      max-width: 1440px; \/* Soft breakpoint *\/\n      width: 100%;\n      box-sizing: border-box;\n      padding-bottom: 80px;\n    }<\/p>\n<p>    #megapass-marketing-page * {\n      box-sizing: inherit;\n    }<\/p>\n<p>    \/* 1. BANNER SECTION *\/\n    .mp-banner-section {\n      width: 100%;\n      text-align: center;\n    }\n    .mp-banner-img {\n      width: 100%;\n      max-width: 1440px;\n      height: auto;\n      display: block;\n    }<\/p>\n<p>    \/* 2. BENEFITS SECTION *\/\n    .mp-benefits-section {\n      max-width: 1024px;\n      margin: 40px auto;\n      padding: 0 20px;\n    }\n    .mp-benefits-grid {\n      display: flex;\n      justify-content: center;\n      gap: 30px;\n      margin-bottom: 15px;\n    }\n    .mp-benefit-card {\n      flex: 1;\n      max-width: 300px;\n      border: 1px solid #ffffff;\n      padding: 15px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .mp-benefit-card img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }\n    .mp-benefits-disclaimer {\n      text-align: center;\n      font-size: 11px;\n      color: #cccccc;\n      margin-top: 15px;\n    }<\/p>\n<p>    \/* 3. PLAN SELECTOR SECTION *\/\n    .mp-plans-section {\n      max-width: 800px;\n      margin: 60px auto;\n      padding: 0 20px;\n    }\n    .mp-plan-toggle {\n      display: flex;\n      border: 2px solid #7d26ff;\n      margin-bottom: 20px;\n    }\n    .mp-toggle-btn {\n      flex: 1;\n      text-align: center;\n      padding: 15px;\n      text-transform: uppercase;\n      font-weight: 800;\n      letter-spacing: 1px;\n      font-size: 16px;\n      color: #ffffff;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n    }\n    .mp-toggle-btn.active {\n      background-color: #7d26ff;\n    }\n    .mp-badge {\n      background-color: #ffffff;\n      color: #7d26ff;\n      font-size: 10px;\n      padding: 2px 6px;\n      margin-left: 8px;\n      vertical-align: middle;\n      border-radius: 2px;\n      font-weight: bold;\n    }\n    .mp-plans-container {\n      display: flex;\n      gap: 20px;\n    }\n    .mp-plan-card {\n      flex: 1;\n      border: 2px solid #7d26ff;\n      padding: 30px 20px;\n      display: flex;\n      flex-direction: column;\n    }\n    .mp-plan-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: baseline;\n      margin-bottom: 15px;\n    }\n    .mp-plan-title {\n      font-size: 22px;\n      font-weight: 800;\n      text-transform: uppercase;\n      margin: 0;\n      letter-spacing: 0.5px;\n    }\n    .mp-plan-price {\n      font-size: 14px;\n      font-weight: bold;\n    }\n    .mp-plan-desc {\n      font-size: 13px;\n      line-height: 1.6;\n      margin: 0 0 30px 0;\n      text-transform: uppercase;\n      flex-grow: 1;\n    }\n    .mp-plan-desc span {\n      display: block;\n      margin-top: 5px;\n      text-transform: none;\n      color: #cccccc;\n    }\n    .mp-btn-join {\n      background-color: #7d26ff;\n      color: #ffffff;\n      text-transform: uppercase;\n      border: none;\n      padding: 12px 30px;\n      font-weight: bold;\n      font-size: 14px;\n      cursor: pointer;\n      align-self: flex-start;\n      \/* CSS styling to mimic the notched ticket edges *\/\n      clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);\n    }\n    .mp-btn-join:hover {\n      background-color: #8c3eff;\n    }<\/p>\n<p>    \/* 4. SAVINGS CALCULATOR SECTION *\/\n    .mp-calc-section {\n      max-width: 900px;\n      margin: 60px auto;\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      border-radius: 16px;\n      padding: 60px 50px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background: linear-gradient(135deg, rgba(125,38,255,0.08) 0%, rgba(0,0,0,0) 100%);\n      box-shadow: 0 10px 40px rgba(0,0,0,0.5);\n    }\n    .mp-calc-left {\n      flex: 0 0 50%;\n    }\n    .mp-calc-left h2 {\n      font-size: 42px;\n      text-transform: uppercase;\n      line-height: 1.1;\n      margin: 0 0 15px 0;\n      font-weight: 800;\n    }\n    .mp-calc-left p {\n      font-size: 14px;\n      line-height: 1.5;\n      color: #ffffff;\n      max-width: 85%;\n      margin: 0;\n    }\n    .mp-calc-right {\n      flex: 0 0 40%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n    .mp-calc-graphic {\n      height: 90px;\n      width: auto;\n      margin-bottom: 25px;\n    }\n    .mp-btn-calc {\n      background-color: #7d26ff;\n      color: #ffffff;\n      border: none;\n      padding: 16px 20px;\n      text-transform: uppercase;\n      font-weight: 800;\n      font-size: 14px;\n      letter-spacing: 1px;\n      width: 100%;\n      cursor: pointer;\n      text-align: center;\n    }\n    .mp-btn-calc:hover {\n      background-color: #8c3eff;\n    }<\/p>\n<p>    \/* 5. FAQ SECTION *\/\n    .mp-faq-section {\n      max-width: 900px;\n      margin: 80px auto 40px auto;\n      padding: 0 20px;\n      display: flex;\n      gap: 50px;\n    }\n    .mp-faq-left {\n      flex: 0 0 30%;\n    }\n    .mp-faq-left h2 {\n      font-size: 28px;\n      text-transform: uppercase;\n      font-weight: 800;\n      margin: 0 0 15px 0;\n    }\n    .mp-faq-left p {\n      font-size: 12px;\n      color: #cccccc;\n      line-height: 1.5;\n      margin: 0 0 15px 0;\n    }\n    .mp-faq-left a {\n      color: #ffffff;\n      text-decoration: underline;\n      transition: color 0.2s;\n    }\n    .mp-faq-left a:hover {\n      color: #7d26ff;\n    }\n    .mp-faq-right {\n      flex: 1;\n    }\n    .mp-expand-all {\n      text-align: right;\n      margin-bottom: 15px;\n    }\n    .mp-expand-all button {\n      background: none;\n      border: none;\n      color: #ffffff;\n      font-size: 10px;\n      text-transform: uppercase;\n      text-decoration: underline;\n      cursor: pointer;\n      letter-spacing: 1px;\n      padding: 0;\n    }\n    .mp-accordion {\n      border: 1px solid #7d26ff;\n      margin-bottom: 10px;\n      background: transparent;\n    }\n    .mp-accordion summary {\n      padding: 15px 20px;\n      font-size: 12px;\n      text-transform: uppercase;\n      font-weight: 700;\n      cursor: pointer;\n      list-style: none; \/* Removes default triangle *\/\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      letter-spacing: 0.5px;\n    }\n    \/* Hide the default marker for Safari\/Chrome *\/\n    .mp-accordion summary::-webkit-details-marker {\n      display: none;\n    }\n    .mp-accordion summary::after {\n      content: \"+\";\n      font-size: 18px;\n      font-weight: normal;\n    }\n    .mp-accordion[open] summary::after {\n      content: \"-\";\n    }\n    .mp-accordion-content {\n      padding: 0 20px 15px 20px;\n      font-size: 13px;\n      line-height: 1.5;\n      color: #cccccc;\n    }<\/p>\n<p>    \/* Responsive fallbacks for smaller screens within the 1024 range *\/\n    @media (max-width: 768px) {\n      .mp-benefits-grid, .mp-plans-container, .mp-calc-section, .mp-faq-section {\n        flex-direction: column;\n      }\n      .mp-calc-right {\n        margin-top: 30px;\n      }\n      .mp-faq-left {\n        margin-bottom: 30px;\n      }\n    }\n  <\/style>\n<p>  <!-- 1. BANNER --><\/p>\n<div class=\"mp-banner-section\">\n    <img decoding=\"async\" class=\"mp-banner-img\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/megapass-banner-web.png\" alt=\"MegaPass\" \/>\n  <\/div>\n<p>  <!-- 2. BENEFITS --><\/p>\n<div class=\"mp-benefits-section\">\n<div class=\"mp-benefits-grid\">\n<div class=\"mp-benefit-card\">\n        <img decoding=\"async\" src=\"https:\/\/wordpress.megaplex.io\/wp-content\/uploads\/2-tickets-month-text.png\" alt=\"Up to 2 tickets a month\" \/>\n      <\/div>\n<div class=\"mp-benefit-card\">\n        <img decoding=\"async\" src=\"https:\/\/wordpress.megaplex.io\/wp-content\/uploads\/no-fees-ticket.png\" alt=\"No online fees\" \/>\n      <\/div>\n<div class=\"mp-benefit-card\">\n        <img decoding=\"async\" src=\"https:\/\/wordpress.megaplex.io\/wp-content\/uploads\/concessions-discount.png\" alt=\"20% off concessions\" \/>\n      <\/div>\n<\/p><\/div>\n<div class=\"mp-benefits-disclaimer\">\n      *Exceptions apply. See FAQ section below.\n    <\/div>\n<\/p><\/div>\n<p>  <!-- 3. PLAN SELECTOR --><\/p>\n<div class=\"mp-plans-section\">\n<div class=\"mp-plan-toggle\">\n      <button class=\"mp-toggle-btn active\">Monthly<\/button><br \/>\n      <button class=\"mp-toggle-btn\">Annually <span class=\"mp-badge\">SAVE 15%<\/span><\/button>\n    <\/div>\n<div class=\"mp-plans-container\">\n<div class=\"mp-plan-card\">\n<div class=\"mp-plan-header\">\n<h3 class=\"mp-plan-title\">Movie Lover<\/h3>\n<p>          <span class=\"mp-plan-price\">$9.99\/MONTH<\/span>\n        <\/div>\n<p class=\"mp-plan-desc\">\n          1 MOVIE TICKET EVERY MONTH<br \/>\n          <span>For the regulars.<\/span>\n        <\/p>\n<p>        <button class=\"mp-btn-join\">Join<\/button>\n      <\/div>\n<div class=\"mp-plan-card\">\n<div class=\"mp-plan-header\">\n<h3 class=\"mp-plan-title\">Movie Fanatic<\/h3>\n<p>          <span class=\"mp-plan-price\">$14.99\/MONTH<\/span>\n        <\/div>\n<p class=\"mp-plan-desc\">\n          2 MOVIE TICKETS EVERY MONTH<br \/>\n          <span>For the cinephiles.<\/span>\n        <\/p>\n<p>        <button class=\"mp-btn-join\">Join<\/button>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- 4. SAVINGS CALCULATOR --><\/p>\n<div class=\"mp-calc-section\">\n<div class=\"mp-calc-left\">\n<h2>Calculate<br \/>Your Savings<br \/>With MegaPass<\/h2>\n<p>Enjoy unlimited movies, exclusive discounts, and priority seating \u2013 all in one pass.<\/p>\n<\/p><\/div>\n<div class=\"mp-calc-right\">\n      <img decoding=\"async\" class=\"mp-calc-graphic\" src=\"https:\/\/wordpress.megaplex.io\/wp-content\/uploads\/concessions-discount.png\" alt=\"Savings Calculator Graphic\" \/><br \/>\n      <button class=\"mp-btn-calc\">Calculate Your Savings<\/button>\n    <\/div>\n<\/p><\/div>\n<p>  <!-- 5. FAQ --><\/p>\n<div class=\"mp-faq-section\">\n<div class=\"mp-faq-left\">\n<h2>FAQ<\/h2>\n<p>See MegaPass <a href=\"#\">Terms and Conditions<\/a> for more information.<\/p>\n<p>For further questions, please reach out to <a href=\"#\">Guest Services<\/a>.<\/p>\n<\/p><\/div>\n<div class=\"mp-faq-right\">\n<div class=\"mp-expand-all\">\n        <!-- Interactive trigger placeholder for JS if desired; default setup uses native HTML5 details\/summary --><br \/>\n        <button type=\"button\">Expand All<\/button>\n      <\/div>\n<details class=\"mp-accordion\">\n<summary>Do my monthly tickets apply to all premium formats?<\/summary>\n<div class=\"mp-accordion-content\">\n          Yes, your tickets can be applied towards premium formats, subject to the specific terms of your tier.\n        <\/div>\n<\/details>\n<details class=\"mp-accordion\">\n<summary>How much does MegaPass cost?<\/summary>\n<div class=\"mp-accordion-content\">\n          MegaPass pricing depends on the tier you select (Movie Lover at $9.99\/mo or Movie Fanatic at $14.99\/mo).\n        <\/div>\n<\/details>\n<details class=\"mp-accordion\">\n<summary>What does my 20% concession discount apply to?<\/summary>\n<div class=\"mp-accordion-content\">\n          Your 20% discount applies to most standard food and beverage items at the concession stand. Exclusions apply.\n        <\/div>\n<\/details>\n<details class=\"mp-accordion\">\n<summary>What happens if I don&#8217;t use my free MegaPass tickets every month?<\/summary>\n<div class=\"mp-accordion-content\">\n          Tickets roll over for active subscribers, so you can save them for a future visit!\n        <\/div>\n<\/details>\n<details class=\"mp-accordion\">\n<summary>What other exclusions apply to my MegaPass tickets?<\/summary>\n<div class=\"mp-accordion-content\">\n          Special events, marathons, and certain alternative content may be excluded. Please review full Terms and Conditions.\n        <\/div>\n<\/details><\/div>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>*Exceptions apply. See FAQ section below. Monthly Annually SAVE 15% Movie Lover $9.99\/MONTH 1 MOVIE TICKET EVERY MONTH For the regulars. Join Movie Fanatic $14.99\/MONTH 2 MOVIE TICKETS EVERY MONTH For the cinephiles. Join CalculateYour SavingsWith MegaPass Enjoy unlimited movies, exclusive discounts, and priority seating \u2013 all in one pass. Calculate Your Savings FAQ See [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8118","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/8118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/comments?post=8118"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/8118\/revisions"}],"predecessor-version":[{"id":8119,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/8118\/revisions\/8119"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=8118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=8118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=8118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}