{"product_id":"daniel-caesar-pre-sale-registration","title":"Pre-Sale Registration | Daniel Caesar: Son of Spergy Tour","description":"\u003csection class=\"ptv-seat-booking\"\u003e\n\u003cdiv class=\"ptv-shell\"\u003e\n\u003cdiv class=\"ptv-head\"\u003e\n\u003cp class=\"ptv-kicker\"\u003eOfficial Ticket Selection\u003c\/p\u003e\n\u003ch2 class=\"ptv-title\"\u003eChoose your exact seats\u003c\/h2\u003e\n\u003cp class=\"ptv-subtitle\"\u003eDaniel Caesar: Son of Spergy Tour 2026 · May 19, 2026 · SM Mall of Asia Arena\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-layout\"\u003e\n\u003c!-- LEFT --\u003e\n\u003cdiv class=\"ptv-main\"\u003e\n\u003cdiv class=\"ptv-card\"\u003e\n\u003cdiv class=\"ptv-card-head\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"ptv-label\"\u003eStep 1\u003c\/p\u003e\n\u003ch3\u003eSelect a ticket variant\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"ptv-muted\"\u003eChoose a section category to explore available demo seats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-variant-grid\" id=\"ptvVariantGrid\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-card\"\u003e\n\u003cdiv class=\"ptv-card-head\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"ptv-label\"\u003eStep 2\u003c\/p\u003e\n\u003ch3\u003eSelect a section\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"ptv-muted\" id=\"ptvSectionHint\"\u003eChoose a ticket variant first.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-section-grid-empty\" id=\"ptvSectionGrid\"\u003eSelect a ticket variant to continue.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-card\"\u003e\n\u003cdiv class=\"ptv-card-head\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"ptv-label\"\u003eStep 3\u003c\/p\u003e\n\u003ch3\u003eSelect your seats\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"ptv-muted\" id=\"ptvSeatHint\"\u003eChoose a section to view seat numbers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-stage-wrap\"\u003e\n\u003cdiv class=\"ptv-stage\"\u003eStage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-seat-map-empty\" id=\"ptvSeatMap\"\u003eSelect a section first.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT --\u003e\n\u003caside class=\"ptv-summary\"\u003e\n\u003cdiv class=\"ptv-summary-card\"\u003e\n\u003cp class=\"ptv-label\"\u003eYour Selection\u003c\/p\u003e\n\u003ch3 id=\"ptvSelectedVariant\"\u003eNo variant selected\u003c\/h3\u003e\n\u003cp class=\"ptv-summary-meta\" id=\"ptvSelectedSection\"\u003e—\u003c\/p\u003e\n\u003cdiv class=\"ptv-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ptv-summary-block\"\u003e\n\u003cspan\u003eSelected Seats\u003c\/span\u003e\n\u003cdiv class=\"ptv-seat-tags\" id=\"ptvSelectedSeats\"\u003e\u003cspan class=\"ptv-empty-tag\"\u003eNo seats selected\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ptv-summary-row\"\u003e\n\u003cspan\u003ePrice per ticket\u003c\/span\u003e \u003cstrong id=\"ptvPrice\"\u003e₱0\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-summary-row\"\u003e\n\u003cspan\u003eQuantity\u003c\/span\u003e \u003cstrong id=\"ptvQty\"\u003e0\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ptv-summary-row ptv-summary-total\"\u003e\n\u003cspan\u003eEstimated Total\u003c\/span\u003e \u003cstrong id=\"ptvTotal\"\u003e₱0\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003ca class=\"ptv-checkout-btn\" href=\"https:\/\/www.primetickets.online\/products\/danielcaesar-moa\" id=\"ptvCheckoutBtn\" target=\"_blank\"\u003e Continue to Purchase \u003c\/a\u003e\n\u003cp class=\"ptv-note\"\u003eThis is a premium seat-selection prototype for visualization. Final live inventory, exact section availability, and exact seat assignment must be based on your actual ticketing backend or manual confirmation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/div\u003e\n\u003c!-- MOBILE STICKY BAR --\u003e\n\u003cdiv id=\"ptvMobileBar\" class=\"ptv-mobile-bar\"\u003e\n\u003cdiv class=\"ptv-mobile-bar-inner\"\u003e\n\u003cdiv class=\"ptv-mobile-meta\"\u003e\n\u003cspan class=\"ptv-mobile-total-label\"\u003eEstimated Total\u003c\/span\u003e \u003cstrong id=\"ptvMobileTotal\"\u003e₱0\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003ca class=\"ptv-mobile-checkout-btn\" href=\"https:\/\/www.primetickets.online\/products\/danielcaesar-moa\" id=\"ptvMobileCheckoutBtn\" target=\"_blank\"\u003e Continue \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .ptv-seat-booking {\n    padding: 110px 20px 130px;\n    background: #ffffff;\n    color: #111111;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif;\n  }\n\n  .ptv-shell {\n    max-width: 1360px;\n    margin: 0 auto;\n  }\n\n  .ptv-head {\n    text-align: center;\n    margin-bottom: 44px;\n  }\n\n  .ptv-kicker {\n    margin: 0 0 14px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: #7a7a7a;\n  }\n\n  .ptv-title {\n    margin: 0;\n    font-size: clamp(38px, 5vw, 66px);\n    line-height: 1.02;\n    letter-spacing: -0.05em;\n    font-weight: 700;\n  }\n\n  .ptv-subtitle {\n    max-width: 760px;\n    margin: 18px auto 0;\n    font-size: 17px;\n    line-height: 1.8;\n    color: #5b5b5b;\n  }\n\n  .ptv-layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.5fr) minmax(340px, 0.55fr);\n    gap: 28px;\n    align-items: start;\n  }\n\n  .ptv-main {\n    display: grid;\n    gap: 22px;\n    min-width: 0;\n  }\n\n  .ptv-card,\n  .ptv-summary-card {\n    background: #fafafa;\n    border: 1px solid rgba(0,0,0,0.08);\n    border-radius: 30px;\n    box-shadow: 0 24px 56px rgba(0,0,0,0.05);\n  }\n\n  .ptv-card {\n    padding: 28px 24px;\n  }\n\n  .ptv-summary {\n    position: relative;\n    min-width: 0;\n  }\n\n  .ptv-summary-card {\n    position: sticky;\n    top: 24px;\n    padding: 28px 24px;\n  }\n\n  .ptv-card-head {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 22px;\n  }\n\n  .ptv-card-head h3,\n  .ptv-summary-card h3 {\n    margin: 0;\n    font-size: clamp(26px, 4vw, 38px);\n    line-height: 1.02;\n    letter-spacing: -0.045em;\n  }\n\n  .ptv-label {\n    margin: 0 0 10px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #7a7a7a;\n  }\n\n  .ptv-muted,\n  .ptv-summary-meta,\n  .ptv-note {\n    font-size: 14px;\n    line-height: 1.7;\n    color: #676767;\n    margin: 0;\n  }\n\n  .ptv-variant-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .ptv-variant-card,\n  .ptv-section-card {\n    text-align: left;\n    border: 1px solid rgba(0,0,0,0.08);\n    background: #ffffff;\n    border-radius: 24px;\n    padding: 18px 18px 20px;\n    cursor: pointer;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n    min-width: 0;\n  }\n\n  .ptv-variant-card:hover,\n  .ptv-section-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 16px 34px rgba(0,0,0,0.06);\n  }\n\n  .ptv-variant-card.is-active,\n  .ptv-section-card.is-active {\n    border-color: #111111;\n    box-shadow: 0 0 0 2px #111111 inset;\n  }\n\n  .ptv-tier {\n    display: block;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #7a7a7a;\n    margin-bottom: 8px;\n  }\n\n  .ptv-name {\n    display: block;\n    font-size: 19px;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: -0.03em;\n    margin-bottom: 10px;\n  }\n\n  .ptv-meta {\n    font-size: 13px;\n    line-height: 1.7;\n    color: #5c5c5c;\n    margin-bottom: 10px;\n  }\n\n  .ptv-price {\n    font-size: 20px;\n    font-weight: 700;\n    letter-spacing: -0.03em;\n  }\n\n  .ptv-section-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .ptv-section-grid-empty,\n  .ptv-seat-map-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 180px;\n    border: 1px dashed rgba(0,0,0,0.12);\n    border-radius: 24px;\n    color: #7a7a7a;\n    background: #ffffff;\n    text-align: center;\n    padding: 16px;\n  }\n\n  .ptv-stage-wrap {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 18px;\n  }\n\n  .ptv-stage {\n    min-width: 180px;\n    text-align: center;\n    padding: 14px 18px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, #151515 0%, #242424 100%);\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .ptv-seat-map {\n    min-width: 0;\n  }\n\n  .ptv-row {\n    display: grid;\n    grid-template-columns: 64px minmax(0, 1fr);\n    gap: 16px;\n    align-items: start;\n    margin-bottom: 16px;\n  }\n\n  .ptv-row-label {\n    font-size: 14px;\n    font-weight: 700;\n    color: #555555;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding-top: 14px;\n  }\n\n  .ptv-seat-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .ptv-seat {\n    width: 52px;\n    height: 52px;\n    flex: 0 0 52px;\n    border: none;\n    border-radius: 16px;\n    font-size: 13px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, background 0.18s ease;\n  }\n\n  .ptv-seat:hover:not(.sold) {\n    transform: translateY(-1px);\n  }\n\n  .ptv-seat.available {\n    background: #f0f0f2;\n    color: #111111;\n  }\n\n  .ptv-seat.selected {\n    background: #111111;\n    color: #ffffff;\n    box-shadow: 0 14px 26px rgba(0,0,0,0.18);\n  }\n\n  .ptv-seat.sold {\n    background: #d8d8dc;\n    color: #8a8a8a;\n    cursor: not-allowed;\n    opacity: 0.75;\n    text-decoration: line-through;\n  }\n\n  .ptv-divider {\n    height: 1px;\n    background: rgba(0,0,0,0.08);\n    margin: 22px 0;\n  }\n\n  .ptv-summary-block span,\n  .ptv-summary-row span {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #7a7a7a;\n  }\n\n  .ptv-seat-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .ptv-seat-tag,\n  .ptv-empty-tag {\n    display: inline-flex;\n    align-items: center;\n    min-height: 34px;\n    padding: 0 12px;\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    max-width: 100%;\n    word-break: break-word;\n  }\n\n  .ptv-seat-tag {\n    background: #111111;\n    color: #ffffff;\n  }\n\n  .ptv-empty-tag {\n    background: #ececef;\n    color: #6b6b6b;\n  }\n\n  .ptv-summary-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 14px;\n  }\n\n  .ptv-summary-row strong {\n    font-size: 20px;\n    letter-spacing: -0.03em;\n  }\n\n  .ptv-summary-total strong {\n    font-size: 34px;\n    line-height: 1;\n  }\n\n  .ptv-checkout-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 58px;\n    margin-top: 10px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, #111111 0%, #202124 100%);\n    color: #ffffff;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: 0.015em;\n    box-shadow: 0 18px 34px rgba(0,0,0,0.16);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .ptv-checkout-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 22px 38px rgba(0,0,0,0.2);\n  }\n\n  .ptv-mobile-bar {\n    display: none;\n  }\n\n  @media (max-width: 1280px) {\n    .ptv-variant-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 1100px) {\n    .ptv-layout {\n      grid-template-columns: 1fr;\n    }\n\n    .ptv-summary-card {\n      position: static;\n    }\n  }\n\n  @media (max-width: 900px) {\n    .ptv-variant-grid,\n    .ptv-section-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 768px) {\n    .ptv-seat-booking {\n      padding: 80px 16px 110px;\n    }\n\n    .ptv-card,\n    .ptv-summary-card {\n      padding: 22px 18px;\n      border-radius: 22px;\n    }\n\n    .ptv-card-head {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .ptv-variant-grid,\n    .ptv-section-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ptv-row {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .ptv-row-label {\n      padding-top: 0;\n    }\n\n    .ptv-seat-row {\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      padding-bottom: 8px;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: thin;\n    }\n\n    .ptv-seat-row::-webkit-scrollbar {\n      height: 6px;\n    }\n\n    .ptv-seat-row::-webkit-scrollbar-thumb {\n      background: rgba(0,0,0,0.18);\n      border-radius: 999px;\n    }\n\n    .ptv-seat {\n      width: 50px;\n      height: 50px;\n      flex: 0 0 50px;\n      border-radius: 14px;\n      font-size: 13px;\n    }\n\n    .ptv-summary {\n      display: none;\n    }\n\n    .ptv-mobile-bar {\n      display: block;\n      position: fixed;\n      left: 12px;\n      right: 12px;\n      bottom: 12px;\n      z-index: 50;\n    }\n\n    .ptv-mobile-bar-inner {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      background: rgba(17,17,17,0.94);\n      color: #ffffff;\n      border-radius: 20px;\n      padding: 12px;\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      box-shadow: 0 18px 40px rgba(0,0,0,0.24);\n    }\n\n    .ptv-mobile-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      min-width: 0;\n    }\n\n    .ptv-mobile-total-label {\n      font-size: 11px;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      opacity: 0.72;\n      font-weight: 700;\n    }\n\n    #ptvMobileTotal {\n      font-size: 22px;\n      line-height: 1;\n      letter-spacing: -0.03em;\n    }\n\n    .ptv-mobile-checkout-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 48px;\n      padding: 0 18px;\n      border-radius: 999px;\n      background: #ffffff;\n      color: #111111;\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 700;\n      white-space: nowrap;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Prime Tickets","offers":[{"title":"Ticket Reservation","offer_id":48179656786145,"sku":null,"price":2499.0,"currency_code":"PHP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0814\/7003\/0049\/files\/663396848_1437123531785222_3736986289603626834_n.jpg?v=1775533371","url":"https:\/\/www.primetickets.online\/products\/daniel-caesar-pre-sale-registration","provider":"Prime Tickets","version":"1.0","type":"link"}