{"product_id":"aquatopia®-indoor-waterpark-package","title":"Aquatopia® Indoor Waterpark Package","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    \/* reset \u0026 base *\/\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      background: #eef4f5;\n      font-family: 'Arial', sans-serif;\n      line-height: 1.4;\n    }\n\n    .responsive-product {\n      font-family: 'Arial', sans-serif;\n      background: #eef4f5;\n      width: 100%;\n      overflow-x: hidden;\n    }\n\n    img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    .container-narrow {\n      max-width: 1400px;\n      margin-left: auto;\n      margin-right: auto;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    a, .cta-link {\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    \/* hero image responsive *\/\n    .hero-image {\n      width: 100%;\n      height: 720px;\n      object-fit: cover;\n      display: block;\n      filter: brightness(.72);\n    }\n\n    \/* desktop to tablet transitions *\/\n    @media (max-width: 1024px) {\n      .hero-image {\n        height: 620px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .hero-image {\n        height: auto;\n        min-height: 520px;\n        object-fit: cover;\n      }\n      \n      .hero-headline {\n        font-size: 48px !important;\n      }\n      \n      .hero-subhead {\n        font-size: 20px !important;\n      }\n      \n      .offer-card {\n        padding: 12px 18px !important;\n        min-width: 130px !important;\n      }\n      \n      .offer-card .amount {\n        font-size: 26px !important;\n      }\n      \n      .offer-card .label {\n        font-size: 11px !important;\n      }\n      \n      .cta-button {\n        padding: 16px 36px !important;\n        font-size: 18px !important;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .hero-image {\n        min-height: 580px;\n      }\n      \n      .hero-headline {\n        font-size: 36px !important;\n      }\n      \n      .hero-subhead {\n        font-size: 18px !important;\n        padding: 0 12px !important;\n      }\n      \n      .offer-row {\n        gap: 12px !important;\n      }\n      \n      .offer-card {\n        padding: 10px 14px !important;\n        min-width: 110px !important;\n      }\n      \n      .offer-card .amount {\n        font-size: 22px !important;\n      }\n      \n      .offer-card .label {\n        font-size: 10px !important;\n      }\n      \n      .cta-button {\n        padding: 14px 28px !important;\n        font-size: 16px !important;\n        white-space: nowrap !important;\n      }\n      \n      .feature-row {\n        grid-template-columns: 1fr !important;\n      }\n      \n      .section-title {\n        font-size: 38px !important;\n      }\n      \n      .right-col-text p {\n        font-size: 18px !important;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .hero-image {\n        min-height: 620px;\n      }\n      \n      .hero-headline {\n        font-size: 32px !important;\n      }\n      \n      .hero-subhead {\n        font-size: 16px !important;\n      }\n      \n      .badge-label {\n        font-size: 10px !important;\n        padding: 6px 14px !important;\n      }\n      \n      .offer-card {\n        padding: 8px 12px !important;\n        min-width: 95px !important;\n      }\n      \n      .offer-card .amount {\n        font-size: 18px !important;\n      }\n      \n      .offer-card .label {\n        font-size: 9px !important;\n      }\n      \n      .cta-button {\n        padding: 12px 24px !important;\n        font-size: 15px !important;\n        white-space: nowrap !important;\n      }\n    }\n\n    \/* hover effects *\/\n    .cta-button:hover, .main-cta-footer:hover {\n      transform: scale(1.02);\n      transition: all 0.2s ease;\n    }\n    \n    .cta-button:active, .main-cta-footer:active {\n      transform: scale(0.98);\n    }\n    \n    \/* mobile line breaks *\/\n    .mobile-break {\n      display: none;\n    }\n    \n    @media (max-width: 550px) {\n      .mobile-break {\n        display: inline;\n      }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"responsive-product\"\u003e\n\u003c!-- ================= HERO SECTION -Aquatopia® Indoor Waterpark PACKAGE ================= --\u003e\n\u003cdiv style=\"font-family: Arial,sans-serif; background: #eef4f5; overflow: hidden;\"\u003e\n\u003csection style=\"position: relative; border-radius: 28px; overflow: hidden; max-width: 1400px; margin: 0 auto; box-shadow: 0 18px 40px rgba(0,0,0,.22);\"\u003e\n\u003cdiv style=\"position: relative;\"\u003e\n\u003c!-- hero image with responsive height --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0690\/3044\/5171\/files\/pocono-mountains-villas.png?v=1774648930\" alt=\"Pocono Mountain Villas Resort\" class=\"hero-image\" style=\"width: 100%; height: 720px; object-fit: cover; display: block; filter: brightness(.72);\"\u003e \u003c!-- gradient overlay --\u003e\n\u003cdiv style=\"position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(2,84,134,.35), rgba(2,84,134,.92));\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- content overlay - properly centered --\u003e\n\u003cdiv style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px 24px;\"\u003e\n\u003cdiv style=\"max-width: 980px; width: 100%;\"\u003e\n\u003cdiv class=\"badge-label\" style=\"display: inline-block; background: #ef8b04; color: #ffffff; padding: 10px 22px; border-radius: 999px; font-size: 14px; font-weight: 800; letter-spacing: .5px; margin-bottom: 24px;\"\u003eLIMITED-TIME POCONOS ESCAPE\u003c\/div\u003e\n\u003ch1 class=\"hero-headline\" style=\"font-size: 72px; line-height: 1.1; margin: 0; font-weight: 900; text-shadow: 0 8px 18px rgba(0,0,0,.35); color: #fff !important;\"\u003eAquatopia® Indoor Waterpark Package\u003c\/h1\u003e\n\u003cp class=\"hero-subhead\" style=\"font-size: 28px; line-height: 1.4; margin: 24px auto; max-width: 900px; color: #f5f5f5; font-weight: 500;\"\u003e3 Days \/ 2 Nights at Pocono Mountain Villas By Exploria Resorts plus Aquatopia® Indoor Waterpark admission for 2 adults and 2 children.\u003c\/p\u003e\n\u003c!-- three offer cards row --\u003e\n\u003cdiv class=\"offer-row\" style=\"display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 30px;\"\u003e\n\u003cdiv class=\"offer-card\" style=\"background: rgba(56,184,179,.96); padding: 18px 28px; border-radius: 18px; backdrop-filter: blur(6px); box-shadow: 0 8px 18px rgba(0,0,0,.22); min-width: 140px;\"\u003e\n\u003cdiv class=\"label\" style=\"font-size: 14px; font-weight: bold; opacity: .9;\"\u003eVACATION PACKAGE\u003c\/div\u003e\n\u003cdiv class=\"amount\" style=\"font-size: 34px; font-weight: 900;\"\u003e$49\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"offer-card\" style=\"background: rgba(239,139,4,.96); padding: 18px 28px; border-radius: 18px; backdrop-filter: blur(6px); box-shadow: 0 8px 18px rgba(0,0,0,.22); min-width: 140px;\"\u003e\n\u003cdiv class=\"label\" style=\"font-size: 14px; font-weight: bold; opacity: .9;\"\u003eBONUS REWARD\u003c\/div\u003e\n\u003cdiv class=\"amount\" style=\"font-size: 34px; font-weight: 900;\"\u003e$50\u003cspan class=\"mobile-break\"\u003e\u003cbr\u003e\u003c\/span\u003e Mastercard®\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"offer-card\" style=\"background: rgba(175,206,10,.96); color: #025486; padding: 18px 28px; border-radius: 18px; backdrop-filter: blur(6px); box-shadow: 0 8px 18px rgba(0,0,0,.22); min-width: 140px;\"\u003e\n\u003cdiv class=\"label\" style=\"font-size: 14px; font-weight: bold;\"\u003ePLUS\u003c\/div\u003e\n\u003cdiv class=\"amount\" style=\"font-size: 34px; font-weight: 900;\"\u003e$50\u003cspan class=\"mobile-break\"\u003e\u003cbr\u003e\u003c\/span\u003e Travel Rebate\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 42px;\"\u003e\u003ca href=\"#booknow\" class=\"cta-button\" style=\"display: inline-block; background: #ffffff; color: #025486; text-decoration: none; padding: 22px 46px; border-radius: 18px; font-size: 22px; font-weight: 900; box-shadow: 0 10px 24px rgba(0,0,0,.22); transition: .3s;\"\u003e Reserve Your Getaway \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ================= INFO GRID: TRAIN RIDE EXPERIENCE + FEATURE LIST ================= --\u003e\n\u003cdiv class=\"container-narrow\" style=\"margin-top: 70px;\"\u003e\n\u003cdiv class=\"feature-row\" style=\"display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 34px; align-items: center;\"\u003e\n\u003c!-- left image --\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0690\/3044\/5171\/files\/aquatopia-indoor-waterpark.jpg?v=1780433694\" alt=\"Aquatopia® Indoor Waterpark\"\u003e\u003c\/div\u003e\n\u003c!-- right content area --\u003e\n\u003cdiv class=\"right-col-text\" style=\"color: #676565;\"\u003e\n\u003cdiv style=\"display: inline-block; background: #38b8b3; color: #ffffff; padding: 10px 18px; border-radius: 999px; font-size: 13px; font-weight: 800; letter-spacing: .4px;\"\u003eINCLUDED EXPERIENCE\u003c\/div\u003e\n\u003ch2 class=\"section-title\" style=\"font-size: 58px; line-height: 1; color: #025486; margin: 22px 0 16px;\"\u003eDive Into a Water-filled Adventure\u003c\/h2\u003e\n\u003cp style=\"font-size: 22px; line-height: 1.7;\"\u003eTake your vacation to the next level with a visit to Aquatopia®.\u003cbr data-start=\"1242\" data-end=\"1245\"\u003eRace down thrilling slides, float along relaxing waterways, and make memories together.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 34px; display: grid; gap: 16px;\"\u003e\n\u003cdiv class=\"feature-box\" style=\"background: #ffffff; border-radius: 18px; padding: 20px 24px; box-shadow: 0 8px 20px rgba(0,0,0,.08); display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\"\u003e\n\u003cdiv style=\"width: 16px; height: 16px; background: #38b8b3; border-radius: 50%; flex-shrink: 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"font-size: 18px;\"\u003e\n\u003cstrong\u003eAdmission Included\u003c\/strong\u003e for 2 adults and 2 children\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\" style=\"background: #ffffff; border-radius: 18px; padding: 20px 24px; box-shadow: 0 8px 20px rgba(0,0,0,.08); display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\"\u003e\n\u003cdiv style=\"width: 16px; height: 16px; background: #ef8b04; border-radius: 50%; flex-shrink: 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"font-size: 18px;\"\u003e\n\u003cstrong\u003e3 Days \/ 2 Nights\u003c\/strong\u003e at Pocono Mountain Villas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\" style=\"background: #ffffff; border-radius: 18px; padding: 20px 24px; box-shadow: 0 8px 20px rgba(0,0,0,.08); display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\"\u003e\n\u003cdiv style=\"width: 16px; height: 16px; background: #afce0a; border-radius: 50%; flex-shrink: 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"font-size: 18px;\"\u003e\n\u003cstrong\u003e$49 Refunded\u003c\/strong\u003e after qualification\/attendance requirements are met\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= PROMO \/ DATES SECTION ================= --\u003e\n\u003cdiv class=\"container-narrow\" style=\"margin-top: 70px;\"\u003e\n\u003cdiv style=\"background: linear-gradient(135deg,#025486,#38b8b3); border-radius: 28px; padding: 50px 40px; box-shadow: 0 16px 36px rgba(0,0,0,.16); color: #fff !important;\"\u003e\n\u003cdiv class=\"promo-stack\" style=\"display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 24px;\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,.12); padding: 28px 16px; border-radius: 22px; text-align: center; backdrop-filter: blur(5px);\"\u003e\n\u003cdiv style=\"font-size: 14px; letter-spacing: .5px; font-weight: bold;\"\u003eBOOK BY\u003c\/div\u003e\n\u003cdiv style=\"font-size: 40px; font-weight: 900; margin-top: 10px;\"\u003eJune 12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255,255,255,.12); padding: 28px 16px; border-radius: 22px; text-align: center; backdrop-filter: blur(5px);\"\u003e\n\u003cdiv style=\"font-size: 14px; letter-spacing: .5px; font-weight: bold;\"\u003eTRAVEL BY\u003c\/div\u003e\n\u003cdiv style=\"font-size: 40px; font-weight: 900; margin-top: 10px;\"\u003eJune 23\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: #ef8b04; padding: 28px 16px; border-radius: 22px; text-align: center; box-shadow: 0 10px 24px rgba(0,0,0,.2);\"\u003e\n\u003cdiv style=\"font-size: 14px; letter-spacing: .5px; font-weight: bold;\"\u003ePROMO CODE\u003c\/div\u003e\n\u003cdiv style=\"font-size: 40px; font-weight: 900; margin-top: 10px; word-break: break-word;\"\u003ePMVExcursion26\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= FINAL BOOKING SECTION ================= --\u003e\n\u003csection id=\"booknow\" style=\"max-width: 1200px; margin: 70px auto; padding: 0 20px; text-align: center;\"\u003e\n\u003ch2 style=\"font-size: 58px; line-height: 1; color: #025486; margin-bottom: 20px;\"\u003eYour Poconos Escape Starts Here\u003c\/h2\u003e\n\u003cp style=\"font-size: 24px; color: #676565; max-width: 900px; margin: 0 auto 36px; line-height: 1.7;\"\u003eLock in your Pocono Mountain getaway today before this limited-time offer disappears.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"main-cta-footer\" style=\"display: inline-block; background: linear-gradient(135deg,#38b8b3,#025486); color: #ffffff; text-decoration: none; padding: 26px 54px; border-radius: 20px; font-size: 26px; font-weight: 900; box-shadow: 0 14px 32px rgba(0,0,0,.22); transition: transform 0.2s;\"\u003e Book This Vacation Package \u003c\/a\u003e\n\u003cp style=\"font-size: 12px; color: #676565; line-height: 1.8; margin-top: 40px; max-width: 1000px; margin-left: auto; margin-right: auto; padding: 0 8px;\"\u003e\u003cspan\u003eTerms and Conditions: New reservations only. Eligibility: Offer is for Exploria Resorts owners only. All Owners on the account are required to travel and attend a minimum 60-minute Owner Update presentation. All accounts must be in good standing prior to travel. Failure of all parties to travel and attend the Owner Update will result in forfeiture of the discounted package price and the incentives featured. \u003cspan data-teams=\"true\"\u003eThis offer is non-transferable, cannot be combined with an existing reservation, and only one package may be booked per reservation.\u003c\/span\u003e For full terms and conditions click \u003c\/span\u003e\u003ca href=\"https:\/\/www.exploriavacations.com\/pages\/pick-your-pocono-mountain-excursion-vacation-package-terms-and-conditions\" title=\"Pick Your Pocono Excursion Vacation Package Terms and Conditions\"\u003e\u003cstrong\u003eHERE\u003c\/strong\u003e\u003c\/a\u003e\u003cspan\u003e.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* additional responsive overrides for hero section *\/\n  @media (max-width: 900px) {\n    .hero-headline {\n      font-size: 56px !important;\n    }\n    .hero-subhead {\n      font-size: 24px !important;\n    }\n    .offer-card {\n      padding: 14px 22px !important;\n      min-width: 135px !important;\n    }\n    .offer-card .amount {\n      font-size: 28px !important;\n    }\n    .cta-button {\n      padding: 18px 38px !important;\n      font-size: 20px !important;\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-headline {\n      font-size: 44px !important;\n    }\n    .hero-subhead {\n      font-size: 20px !important;\n      margin: 16px auto !important;\n    }\n    .offer-card {\n      padding: 12px 18px !important;\n      min-width: 120px !important;\n    }\n    .offer-card .amount {\n      font-size: 24px !important;\n    }\n    .offer-card .label {\n      font-size: 11px !important;\n    }\n    .cta-button {\n      padding: 14px 32px !important;\n      font-size: 18px !important;\n    }\n    .section-title {\n      font-size: 42px !important;\n    }\n    .right-col-text p {\n      font-size: 18px !important;\n    }\n    .feature-box div:last-child {\n      font-size: 16px !important;\n    }\n    .promo-stack {\n      gap: 16px !important;\n    }\n    .promo-stack div div:last-child {\n      font-size: 32px !important;\n    }\n  }\n  \n  @media (max-width: 550px) {\n    .hero-headline {\n      font-size: 36px !important;\n    }\n    .hero-subhead {\n      font-size: 17px !important;\n    }\n    .badge-label {\n      font-size: 10px !important;\n      padding: 6px 14px !important;\n      margin-bottom: 16px !important;\n    }\n    .offer-row {\n      gap: 10px !important;\n      margin-top: 20px !important;\n    }\n    .offer-card {\n      padding: 10px 12px !important;\n      min-width: 100px !important;\n    }\n    .offer-card .amount {\n      font-size: 20px !important;\n    }\n    .offer-card .label {\n      font-size: 9px !important;\n    }\n    .cta-button {\n      padding: 12px 24px !important;\n      font-size: 16px !important;\n      white-space: nowrap !important;\n    }\n    .section-title {\n      font-size: 32px !important;\n    }\n    .right-col-text p {\n      font-size: 16px !important;\n    }\n    .feature-box {\n      padding: 14px 18px !important;\n    }\n    .feature-box div:last-child {\n      font-size: 15px !important;\n    }\n    .promo-stack div div:last-child {\n      font-size: 28px !important;\n    }\n    .main-cta-footer {\n      padding: 16px 28px !important;\n      font-size: 18px !important;\n      width: auto !important;\n      display: inline-block !important;\n    }\n    h2:last-of-type {\n      font-size: 32px !important;\n    }\n  }\n  \n  @media (max-width: 420px) {\n    .hero-headline {\n      font-size: 30px !important;\n    }\n    .hero-subhead {\n      font-size: 15px !important;\n    }\n    .offer-card {\n      min-width: 85px !important;\n      padding: 8px 8px !important;\n    }\n    .offer-card .amount {\n      font-size: 18px !important;\n    }\n    .cta-button {\n      padding: 10px 20px !important;\n      font-size: 14px !important;\n      white-space: nowrap !important;\n    }\n    .section-title {\n      font-size: 28px !important;\n    }\n  }\n  \n  \/* ensure images and containers don't overflow *\/\n  .responsive-product {\n    max-width: 100%;\n    overflow-x: hidden;\n  }\n  \n  .container-narrow {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n  \n  @media (max-width: 600px) {\n    .container-narrow {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n  }\n  \n  \/* smooth transitions *\/\n  .cta-button, .main-cta-footer {\n    transition: all 0.2s ease;\n    cursor: pointer;\n  }\n  \n  \/* hide mobile-only line breaks on desktop *\/\n  @media (min-width: 551px) {\n    .mobile-break {\n      display: none;\n    }\n  }\n  \n  \/* ensure hero image height transitions smoothly *\/\n  .hero-image {\n    transition: height 0.1s ease;\n  }\n  \n  \/* preserve original button gradient hover *\/\n  .main-cta-footer:hover {\n    background: linear-gradient(135deg,#2aa8a3,#013d6b);\n  }\n  \n  \/* preserve badge and card styling *\/\n  .offer-card {\n    backdrop-filter: blur(6px);\n  }\n\u003c\/style\u003e","brand":"Exploria Vacations","offers":[{"title":"Default Title","offer_id":45065768796275,"sku":null,"price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/3044\/5171\/files\/aquatopia.jpg?v=1780433695","url":"https:\/\/www.exploriavacations.com\/products\/aquatopia%c2%ae-indoor-waterpark-package","provider":"Exploria Vacations","version":"1.0","type":"link"}