{"product_id":"dinner-boat-tour-experience","title":"Dinner \u0026 Boat Tour Experience","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 – ensures consistent cross-device spacing *\/\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    \/* main container *\/\n    .responsive-product {\n      font-family: 'Arial', sans-serif;\n      background: #eef4f5;\n      width: 100%;\n      overflow-x: hidden;\n    }\n\n    \/* all images are responsive by default *\/\n    img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    \/* utility container *\/\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    \/* buttons *\/\n    a, .cta-link {\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    \/* desktop hero image fixed height - mobile uses auto with min-height *\/\n    .hero-image {\n      width: 100%;\n      height: 720px;\n      object-fit: cover;\n      display: block;\n      filter: brightness(.68);\n    }\n\n    \/* responsive adjustments *\/\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 for desktop *\/\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    \/* break handling for Mastercard and Travel Allowance *\/\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 - OPTIMIZED FOR BOTH DESKTOP + MOBILE ================= --\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: fixed height on desktop, auto + min-height on mobile --\u003e \u003cimg style=\"width: 100%; height: 720px; object-fit: cover; display: block; filter: brightness(.68);\" class=\"hero-image\" alt=\"Grand Seas By Exploria Resorts\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0690\/3044\/5171\/files\/grand-seas-daytona-beach-oceanfront-resort-aerial-view_7ce51808-ed31-4f97-ba70-26c278e8bced.png?v=1776280355\"\u003e \u003c!-- gradient overlay --\u003e\n\u003cdiv style=\"position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(2,84,134,.18), rgba(2,84,134,.95));\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- content overlay - properly centered on all devices --\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: 1000px; width: 100%;\"\u003e\n\u003cdiv style=\"display: inline-block; background: #025486; color: #ffffff; padding: 10px 22px; border-radius: 999px; font-size: 14px; font-weight: 800; letter-spacing: .5px; margin-bottom: 24px; border: 2px solid rgba(255,255,255,.45);\" class=\"badge-label\"\u003eLIMITED-TIME DAYTONA ENTERTAINMENT ESCAPE\u003c\/div\u003e\n\u003ch1 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;\" class=\"hero-headline\"\u003eDinner \u0026amp; Boat Tour  Package\u003c\/h1\u003e\n\u003cp style=\"font-size: 28px; line-height: 1.4; margin: 24px auto; max-width: 900px; color: #f5f5f5; font-weight: 500;\" class=\"hero-subhead\"\u003e4 Days \/ 3 Nights at Grand Seas By Exploria Resorts plus Dinner \u0026amp; Boat Tour admission for 2 adults and 2 children.\u003c\/p\u003e\n\u003c!-- three offer cards row - responsive flex with wrapping --\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 30px;\" class=\"offer-row\"\u003e\n\u003cdiv style=\"background: rgba(56,184,179,.96); padding: 18px 28px; border-radius: 18px; box-shadow: 0 8px 18px rgba(0,0,0,.22); min-width: 140px;\" class=\"offer-card\"\u003e\n\u003cdiv style=\"font-size: 14px; font-weight: bold; opacity: .9;\" class=\"label\"\u003eVACATION PACKAGE\u003c\/div\u003e\n\u003cdiv style=\"font-size: 34px; font-weight: 900;\" class=\"amount\"\u003e$99\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(239,139,4,.96); padding: 18px 28px; border-radius: 18px; box-shadow: 0 8px 18px rgba(0,0,0,.22); min-width: 140px;\" class=\"offer-card\"\u003e\n\u003cdiv style=\"font-size: 14px; font-weight: bold; opacity: .9;\" class=\"label\"\u003eBONUS REWARD\u003c\/div\u003e\n\u003cdiv style=\"font-size: 34px; font-weight: 900;\" class=\"amount\"\u003e$100\u003cspan class=\"mobile-break\"\u003e\u003cbr\u003e\u003c\/span\u003e Mastercard®\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(175,206,10,.96); color: #025486; padding: 18px 28px; border-radius: 18px; box-shadow: 0 8px 18px rgba(0,0,0,.22); min-width: 140px;\" class=\"offer-card\"\u003e\n\u003cdiv style=\"font-size: 14px; font-weight: bold;\" class=\"label\"\u003ePLUS\u003c\/div\u003e\n\u003cdiv style=\"font-size: 34px; font-weight: 900;\" class=\"amount\"\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 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: 0.2s;\" class=\"cta-button\" href=\"#booknow\"\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: Dinner \u0026 Boat Tour + FEATURE LIST ================= --\u003e\n\u003cdiv style=\"margin-top: 70px;\" class=\"container-narrow\"\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 34px; align-items: center;\" class=\"feature-row\"\u003e\n\u003c!-- left image --\u003e\n\u003cdiv\u003e\u003cimg style=\"width: 100%; border-radius: 28px; box-shadow: 0 18px 38px rgba(0,0,0,.18);\" alt=\"Grand Seas Pool Fun\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0690\/3044\/5171\/files\/grand-seas-daytona-beach-resort-pool-family.png?v=1776280355\"\u003e\u003c\/div\u003e\n\u003c!-- right content area --\u003e\n\u003cdiv style=\"color: #676565;\" class=\"right-col-text\"\u003e\n\u003cdiv style=\"display: inline-block; background: #025486; color: #ffffff; padding: 10px 18px; border-radius: 999px; font-size: 13px; font-weight: 800; letter-spacing: .4px;\"\u003eINCLUDED EXPERIENCE\u003c\/div\u003e\n\u003ch2 style=\"font-size: 58px; line-height: 1; color: #025486; margin: 22px 0 16px;\" class=\"section-title\"\u003eDine, Cruise \u0026amp; Unwind in Daytona Beach\u003c\/h2\u003e\n\u003cp style=\"font-size: 22px; line-height: 1.7;\"\u003eSet sail on a relaxing Daytona Beach dinner cruise featuring delicious waterfront dining and stunning views along the Intracoastal Waterway. Enjoy great food, beautiful sunsets, and a memorable evening on the water.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 34px; display: grid; gap: 16px;\"\u003e\n\u003cdiv 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;\" class=\"feature-box\"\u003e\n\u003cdiv style=\"width: 16px; height: 16px; background: #025486; border-radius: 50%; flex-shrink: 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"font-size: 18px;\"\u003e\n\u003cstrong\u003eDinner \u0026amp; Boat Tour Admission Included\u003c\/strong\u003e for 2 adults \u0026amp; 2 children\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv 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;\" class=\"feature-box\"\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\u003e4 Days \/ 3 Nights\u003c\/strong\u003e at Grand Seas By Exploria Resorts\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv 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;\" class=\"feature-box\"\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$99 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 style=\"margin-top: 70px;\" class=\"container-narrow\"\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 style=\"display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 24px;\" class=\"promo-stack\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,.12); padding: 28px 16px; border-radius: 22px; text-align: center;\"\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;\"\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;\"\u003eGSRExcursion26\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 style=\"max-width: 1200px; margin: 70px auto; padding: 0 20px; text-align: center;\" id=\"booknow\"\u003e\n\u003ch2 style=\"font-size: 58px; line-height: 1; color: #025486; margin-bottom: 20px;\"\u003eCruise Into Vacation Mode\u003c\/h2\u003e\n\u003cp style=\"font-size: 24px; color: #676565; max-width: 900px; margin: 0 auto 36px; line-height: 1.7;\"\u003eBook today and enjoy Grand Seas plus a scenic waterfront dining cruise.\u003c\/p\u003e\n\u003ca style=\"display: inline-block; background: linear-gradient(135deg,#025486,#38b8b3); 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;\" class=\"main-cta-footer\" href=\"#\"\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\u003cstrong\u003e\u003ca href=\"https:\/\/www.exploriavacations.com\/pages\/pick-your-daytona-excursion-vacation-package-terms-and-conditions\" target=\"the same window\" title=\"Pick Your Daytona Excursion Vacation Package Terms and Conditions\"\u003eHERE\u003c\/a\u003e\u003ca title=\"Pick Your Orlando Excursion Vacation Package Terms and Conditions\" href=\"https:\/\/www.exploriavacations.com\/pages\/pick-your-orlando-excursion-vacation-package-terms-and-conditions\"\u003e\u003c\/a\u003e\u003c\/strong\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\u003c\/style\u003e","brand":"Exploria Vacations","offers":[{"title":"Default Title","offer_id":45068966920307,"sku":null,"price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/3044\/5171\/files\/DinnerBoatTour.jpg?v=1780519303","url":"https:\/\/www.exploriavacations.com\/products\/dinner-boat-tour-experience","provider":"Exploria Vacations","version":"1.0","type":"link"}