{"id":384,"date":"2025-10-17T01:01:54","date_gmt":"2025-10-17T01:01:54","guid":{"rendered":"https:\/\/watchperiod.com\/?page_id=384"},"modified":"2025-10-17T01:43:11","modified_gmt":"2025-10-17T01:43:11","slug":"contact-form","status":"publish","type":"page","link":"https:\/\/watchperiod.com\/index.php\/contact-form\/","title":{"rendered":""},"content":{"rendered":"    <div class=\"showmira-checkout-container\">\n        <!-- Streaming Logos Slider -->\n        <!-- Streaming Logos Slider -->\n\n  <div style=\"margin: 20px 0;\"><\/div>\n\n        <div class=\"animated-text-banner\">\n  <div class=\"text-container\">\n    <span class=\"main-text\">27,000+ Live Channels &amp; 160,000 Movies \u2013 All in One Place <\/span>\n    <div><span id=\"typewriter\"><\/span><\/div>\n    <span class=\"special-animation\">Works on Smart TV, Firestick, Roku, Android box, Nvidia shield, Android, iPhone.<\/span>\n  <\/div>\n<\/div>\n\n<style>\n.animated-text-banner {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #dbefff, #a3d8ff, #72c6ff, #c2e9fb);\n    background-size: 400% 400%;\n    animation: gradientShift 8s ease infinite;\n    color: #000;\n    text-align: center;\n    padding: 6px 12px;\n    border-radius: 10px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, .15);\n    position: relative;\n    overflow: hidden;\n    display: block;\n    font-family: Arial, sans-serif;\n}\n\n.text-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n    font-size: 16px;\n    line-height: 1.4;\n}\n\n.main-text {\n    font-weight: 600;\n    text-align: center;\n}\n\n.special-animation {\n    font-size: 16px;\n    text-align: center;\n}\n@media (max-width: 768px) {\n    .showmira-checkout-container {\n        margin: 5px;\n        border-radius: 8px;\n    }\n}\n.checkbox-wrapper label, .showmira-checkbox-wrapper label {\n    margin: 0;\n    cursor: pointer;\n    font-size: 16px;\n    color: #30353a;\n    line-height: 1.2;\n}\n\n\/* Typewriter style *\/\n#typewriter {\n    display: inline-block;\n    white-space: nowrap;\n    min-height: 1.1em;\n    border-right: 2px solid #ffeb3b;\n    animation: blink 1s steps(1, end) infinite;\n    color: #1565c0;\n    font-weight: 700;\n    font-size: 16px;\n    text-shadow: 0 2px 8px rgba(51, 102, 204, .35);\n    min-width: 1px;\n    padding: 0;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n    .text-container { font-size: 16px; }\n    .special-animation { font-size: 16px; }\n}\n\n@media (max-width: 480px) {\n    .text-container { font-size: 16px; }\n    .special-animation { font-size: 16px; }\n}\n\n@keyframes gradientShift {\n    0% {background-position: 0% 50%;}\n    50% {background-position: 100% 50%;}\n    100% {background-position: 0% 50%;}\n}\n\n@keyframes blink {\n    0%, 50%, 100% { border-color: #ffeb3b; }\n    25%, 75% { border-color: transparent; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ Original string with HTML entities\n  const rawText = \"Watch First &ndash; Pay Once You're Convinced.\";\n\n  \/\/ Decode HTML entities into actual characters\n  const parser = new DOMParser();\n  const text = parser.parseFromString(rawText, \"text\/html\").body.textContent;\n\n  const typewriter = document.getElementById(\"typewriter\");\n  const typingSpeed = 100; \/\/ milliseconds per character\n  const pauseTime = 4000;  \/\/ 4-second pause\n  let i = 0;\n\n  function type() {\n    if (i < text.length) {\n      typewriter.textContent += text.charAt(i);\n      i++;\n      setTimeout(type, typingSpeed);\n    } else {\n      setTimeout(() => {\n        typewriter.textContent = \"\";\n        i = 0;\n        type();\n      }, pauseTime);\n    }\n  }\n\n  type();\n});\n<\/script>  <div style=\"margin: 20px 0;\"><\/div>\n\n<section class=\"custom-slider\">\n  <div class=\"custom-slider-track\">\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/mlsiptvitalia-raf0kyvmomnpl2mico80ntdmwfmp9bvc1m4aolsnoo.webp\" alt=\"mlsiptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/serie-a-logoiptvitalia-raf0kztgvgozwol576mn8b53hti2h0z2dqrs5vr9ig.webp\" alt=\"serie-a-logoiptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/uecl-logoiptvitalia-raf0kztgvgozwol576mn8b53hti2h0z2dqrs5vr9ig.webp\" alt=\"uecl-logoiptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/UEFA_Euro_2024iptvitalia-raf0l0rb2aqa8ajs1p19sswk37dfoq2spvf9n5pvc8.webp\" alt=\"UEFA_Euro_2024iptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/uel-logo-darkiptvitalia-raf0l1p594rkjwiew7fwdao0ol8swf6j202r4foh60.webp\" alt=\"uel-logo-darkiptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/BA-raf65hs4o95uebcnfcmsl7pp3n9ncrxvm4dcdoh4a0.png\" alt=\"BA\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/NBA-raf65nf5t9dkbz4gif2k06agnyhumyk9mwa99c8r8o.png\" alt=\"NBA\"><\/div>\n    <!-- duplicate slides for seamless loop -->\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/mlsiptvitalia-raf0kyvmomnpl2mico80ntdmwfmp9bvc1m4aolsnoo.webp\" alt=\"mlsiptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/serie-a-logoiptvitalia-raf0kztgvgozwol576mn8b53hti2h0z2dqrs5vr9ig.webp\" alt=\"serie-a-logoiptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/uecl-logoiptvitalia-raf0kztgvgozwol576mn8b53hti2h0z2dqrs5vr9ig.webp\" alt=\"uecl-logoiptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/UEFA_Euro_2024iptvitalia-raf0l0rb2aqa8ajs1p19sswk37dfoq2spvf9n5pvc8.webp\" alt=\"UEFA_Euro_2024iptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/uel-logo-darkiptvitalia-raf0l1p594rkjwiew7fwdao0ol8swf6j202r4foh60.webp\" alt=\"uel-logo-darkiptvitalia\"><\/div>\n    <div class=\"custom-slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/elementor\/thumbs\/BA-raf65hs4o95uebcnfcmsl7pp3n9ncrxvm4dcdoh4a0.png\" alt=\"BA\"><\/div>\n  <\/div>\n<\/section>\n\n<style>\n.custom-slider {\n  width: 100%;\n  overflow: hidden;\n}\n\n.custom-slider-track {\n  display: flex;\n  transition: transform 0.5s linear;\n  gap: 19px;\n}\n\n.custom-slide {\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.custom-slide img {\n  width: 50px;\n  height: auto;\n  display: block;\n  opacity: 0.9;\n  transition: transform 0.3s ease, opacity 0.3s ease;\n}\n\n.custom-slide img:hover {\n  transform: scale(1.05);\n  opacity: 1;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const track = document.querySelector(\".custom-slider-track\");\n  const slides = Array.from(track.children);\n  \n  \/\/ Duplicate slides for seamless loop\n  slides.forEach(slide => track.appendChild(slide.cloneNode(true)));\n\n  const slideWidth = slides[0].offsetWidth + 19; \/\/ width + gap\n  let position = 0;\n\n  function animate() {\n    position += 1; \/\/ speed of sliding in px\n    if (position >= slideWidth * slides.length) {\n      position = 0; \/\/ reset seamlessly\n    }\n    track.style.transform = `translateX(-${position}px)`;\n    requestAnimationFrame(animate);\n  }\n\n  animate();\n});\n<\/script>\n\n  <div style=\"margin: 20px 0;\"><\/div>\n\n<section class=\"streaming-slider\">\n  <div class=\"slider-track\">\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/amazon_prime_logo_2022.svg\" alt=\"Amazon Prime\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/Disneyp.svg\" alt=\"Disney+\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/hbo_max_logo_old.svg\" alt=\"HBO Max\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/hulu_logo.svg\" alt=\"Hulu\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/MGM-logo.svg\" alt=\"MGM\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/netflix_2015_logo.svg\" alt=\"Netflix\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/plex_logo_2022.svg\" alt=\"Plex\"><\/div>\n    <!-- duplicate for seamless loop -->\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/amazon_prime_logo_2022.svg\" alt=\"Amazon Prime\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/Disneyp.svg\" alt=\"Disney+\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/hbo_max_logo_old.svg\" alt=\"HBO Max\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/hulu_logo.svg\" alt=\"Hulu\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/MGM-logo.svg\" alt=\"MGM\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/netflix_2015_logo.svg\" alt=\"Netflix\"><\/div>\n    <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/plex_logo_2022.svg\" alt=\"Plex\"><\/div>\n  <\/div>\n<\/section>\n\n<style>\n.streaming-slider {\n  width: 100%;\n  overflow: hidden;\n}\n\n.slider-track {\n  display: flex;\n  transition: transform 0.5s ease;\n  gap: 20px;\n}\n\n.slide {\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.slide img {\n  width: 60px;\n  height: auto;\n  display: block;\n  opacity: 0.9;\n  transition: transform 0.3s ease, opacity 0.3s ease;\n}\n\n.slide img:hover {\n  transform: scale(1.05);\n  opacity: 1;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const track = document.querySelector(\".slider-track\");\n  const slides = document.querySelectorAll(\".slider-track .slide\");\n  const slideWidth = slides[0].offsetWidth + 20; \/\/ width + gap\n  let index = 0;\n\n  setInterval(() => {\n    index++;\n    track.style.transition = \"transform 0.9s ease\";\n    track.style.transform = `translateX(-${slideWidth * index}px)`;\n\n    \/\/ seamless loop\n    if (index >= slides.length \/ 2) {\n      setTimeout(() => {\n        track.style.transition = \"none\";\n        track.style.transform = \"translateX(0)\";\n        index = 0;\n      }, 500); \/\/ match transition duration\n    }\n  }, 3000); \/\/ slide interval\n});\n<\/script>\n<script>\n(function() {\n  try {\n    \/\/ === 1. Meta viewport forced ===\n    let viewport = document.querySelector('meta[name=viewport]');\n    if (!viewport) {\n      viewport = document.createElement('meta');\n      viewport.name = 'viewport';\n      document.head.appendChild(viewport);\n    }\n    const originalViewport = viewport.getAttribute('content') || 'width=device-width, initial-scale=1.0';\n\n    \/\/ === 2. Forced CSS ===\n    const style = document.createElement('style');\n    style.id = 'force-no-zoom-style';\n    style.innerHTML = `\n      input, textarea, select {\n        font-size: 16px !important;\n        -webkit-text-size-adjust: 100% !important;\n      }\n      \/* optional visual scale *\/\n      .no-zoom-visual {\n        transform-origin: 0 0;\n        transform: scale(0.95);\n        display: inline-block;\n      }\n    `;\n    const oldStyle = document.getElementById('force-no-zoom-style');\n    if (oldStyle) oldStyle.remove();\n    document.head.appendChild(style);\n\n    \/\/ === 3. Apply visual class to all inputs ===\n    const inputs = document.querySelectorAll('input, textarea, select');\n    inputs.forEach(input => {\n      input.classList.add('no-zoom-visual');\n    });\n\n    \/\/ === 4. JS event handlers ===\n    let preventPinch = null;\n    let lastTouchEnd = 0;\n\n    function onFocus(e) {\n      const el = e.target;\n      viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no');\n\n      \/\/ scroll input into view\n      setTimeout(() => {\n        el.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n        window.scrollBy(0, -8); \/\/ iOS small adjustment\n      }, 250);\n\n      \/\/ block pinch\n      preventPinch = function(ev) { if(ev.touches && ev.touches.length > 1) ev.preventDefault(); };\n      document.addEventListener('touchstart', preventPinch, { passive: false });\n\n      \/\/ block double-tap\n      document.addEventListener('touchend', handleTouchEnd, { passive: false });\n      document.addEventListener('gesturestart', gesturePrevent, { passive: false });\n    }\n\n    function onBlur() {\n      viewport.setAttribute('content', originalViewport);\n      if (preventPinch) {\n        document.removeEventListener('touchstart', preventPinch, { passive: false });\n        preventPinch = null;\n      }\n      document.removeEventListener('touchend', handleTouchEnd, { passive: false });\n      document.removeEventListener('gesturestart', gesturePrevent, { passive: false });\n    }\n\n    function handleTouchEnd(ev) {\n      const now = Date.now();\n      if(now - lastTouchEnd <= 300) ev.preventDefault();\n      lastTouchEnd = now;\n    }\n    function gesturePrevent(e) { e.preventDefault(); }\n\n    \/\/ attach listeners to all inputs\n    inputs.forEach(input => {\n      input.addEventListener('focus', onFocus);\n      input.addEventListener('blur', onBlur);\n    });\n\n    \/\/ observe new inputs added dynamically\n    const mo = new MutationObserver(muts => {\n      muts.forEach(m => {\n        m.addedNodes && m.addedNodes.forEach(node => {\n          if(!node || node.nodeType !== 1) return;\n          if(node.matches && node.matches('input, textarea, select')) {\n            node.classList.add('no-zoom-visual');\n            node.addEventListener('focus', onFocus);\n            node.addEventListener('blur', onBlur);\n          } else if(node.querySelectorAll) {\n            node.querySelectorAll('input, textarea, select').forEach(el => {\n              el.classList.add('no-zoom-visual');\n              el.addEventListener('focus', onFocus);\n              el.addEventListener('blur', onBlur);\n            });\n          }\n        });\n      });\n    });\n    mo.observe(document.documentElement || document.body, { childList: true, subtree: true });\n\n    console.log('Forced no-zoom script injected');\n  } catch(e) {\n    console.error('Force no-zoom failed', e);\n  }\n})();\n<\/script>\n\n        <div class=\"showmira-form-section\" style=\" margin-top: 10px; \">\n            <h2 class=\"showmira-section-title\">Set Up Live TV, Sports &amp; Movies \u2014 Form Required<\/h2>\n            <form id=\"showmira-checkout-form\" method=\"post\" class=\"showmira-form\">\n                <input type=\"hidden\" id=\"shawming_nonce\" name=\"shawming_nonce\" value=\"80eb409fba\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/384\" \/>                \n                                    <div class=\"showmira-form-group showmira-full-width\">\n                        <label for=\"full_name\">\n                                                        Nickname                            <span class=\"required-asterisk\">*<\/span>                        <\/label>\n\n                                                    <input type=\"text\" id=\"full_name\" name=\"full_name\" placeholder=\"Enter your nickname\" class=\"showmira-input-field\" required>\n                                                \n                        <div class=\"showmira-error-message\" id=\"full_name-error\"><\/div>\n                    <\/div>\n                                    <div class=\"showmira-form-group showmira-full-width\">\n                        <label for=\"email\">\n                                                        Email address                            <span class=\"required-asterisk\">*<\/span>                        <\/label>\n\n                                                    <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter your email\" class=\"showmira-input-field\" required>\n                                                \n                        <div class=\"showmira-error-message\" id=\"email-error\"><\/div>\n                    <\/div>\n                                    <div class=\"showmira-form-group showmira-full-width\">\n                        <label for=\"whatsapp\">\n                                                            <span class=\"whatsapp-label-icon\"><img decoding=\"async\" src=\"https:\/\/showmira.com\/wp-content\/uploads\/2025\/08\/whatsApp-icone-30x30-1.png\" alt=\"WhatsApp\" class=\"showmira-whatsapp-icon\" title=\"Contact Form 1\"><\/span>\n                                                        WhatsApp number                                                    <\/label>\n\n                                                    <div class=\"showmira-phone-input\" id=\"showmira-phone-input\">\n                                <select id=\"whatsapp_country\" name=\"whatsapp_country\" class=\"showmira-country-code\" style=\"background-color: white; color: rgb(48, 53, 58); cursor: pointer; opacity: 1;max-width: 32% !important;\">\n                                    <option value=\"\" disabled=\"\" selected=\"\">Country Code<\/option>\n                                    <option value=\"+1 (USA)\">+1 (USA)<\/option>\n                                    <option value=\"+44 (UK)\">+44 (UK)<\/option>\n                                    <option value=\"+91 (India)\">+91 (India)<\/option>\n                                    <option value=\"+86 (China)\">+86 (China)<\/option>\n                                    <option value=\"+81 (Japan)\">+81 (Japan)<\/option>\n                                <\/select>\n                                <input type=\"tel\" id=\"whatsapp\" name=\"whatsapp\" placeholder=\"WhatsApp number\" class=\"showmira-input-field\" style=\"background-color: white; color: rgb(48, 53, 58); cursor: text; opacity: 1;\">\n                            <\/div>\n                            <div class=\"showmira-no-whatsapp-container\">\n                                <div class=\"showmira-checkbox-wrapper\">\n                                    <input type=\"checkbox\" id=\"no_whatsapp\" name=\"no_whatsapp\">\n                                    <label for=\"no_whatsapp\">I don't have WhatsApp<\/label>\n                                <\/div>\n                            <\/div>\n                                                \n                        <div class=\"showmira-error-message\" id=\"whatsapp-error\"><\/div>\n                    <\/div>\n                                    <div class=\"showmira-form-group showmira-full-width\">\n                        <label for=\"plan\">\n                                                        Subscription plan                            <span class=\"required-asterisk\">*<\/span>                        <\/label>\n\n                                                    <select id=\"plan\" name=\"plan\" class=\"showmira-input-field\" required>\n                                <option value=\"\" disabled selected>Please choose your plan<\/option>\n                                                                    <option value=\"IRON Plan - 1 Month - $9.00\">IRON Plan - 1 Month - $9.00<\/option>\n                                                                    <option value=\"BRONZ Plan - 3 Months - $23.00\">BRONZ Plan - 3 Months - $23.00<\/option>\n                                                                    <option value=\"SILVER Plan - 6 Months - $39.00\">SILVER Plan - 6 Months - $39.00<\/option>\n                                                                    <option value=\"GOLD Plan - 1 Year - $49.00\">GOLD Plan - 1 Year - $49.00<\/option>\n                                                            <\/select>\n                                                \n                        <div class=\"showmira-error-message\" id=\"plan-error\"><\/div>\n                    <\/div>\n                \n                <div class=\"showmira-order-section\">\n                    <button type=\"submit\" name=\"shawming_submit\" class=\"showmira-order-btn\" id=\"showmira-place-order-btn\">\n                        <span id=\"showmira-btn-text\">Start Watching Now<\/span>\n                    <\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <style>\n        @media (max-width: 600px) {\n            .showmira-form-group label {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: 500;\n    color: #30353a;\n}\n            input[type=text], input[type=email], input[type=tel], select, textarea {\n    margin: 0 !important;\n    line-height: 1.4 !important;\n    box-sizing: border-box !important;\n    border-radius: 8px !important;\n    border: 2px solid #e6e1d8 !important;\n}\n            \n            \n    .showmira-checkout-container {\n    max-width: 100% !important;\n}}\n        @media (max-width: 600px) {\n    .showmira-no-whatsapp-container {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n    padding: 10px;\n    background: #fff;\n    border-radius: 6px;\n    border: 1px solid #e6e1d8;\n}\n    .showmira-country-code {\n    width: 180px !important;\n    min-width: 180px !important;\n    max-width: 180px !important;\n    flex-shrink: 0 !important;\n    padding: 8px 12px !important;\n    background-color: #fff !important;\n}\n.showmira-phone-input input[type=tel] {\n    flex: 1 !important;\n    width: auto !important;\n    min-width: 0 !important;\n    padding: 8px 12px !important;\n    background-color: #fff !important;\n}\n}\n@media (max-width: 768px) {\n    .showmira-form-section {\n        padding: 16px 16px 20px;\n    }\n}\n        .showmira-checkout-container {\n            max-width: 80%;\n            margin: 40px auto;\n        }\n\n        .showmira-form-section {\n            background: white;\n            border-radius: 12px;\n            padding: 35px;\n            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n        }\n\n        .showmira-section-title {\n            font-size: 18px;\n            font-weight: 600;\n            color: #303536;\n            margin: 0 0 25px 0;\n            text-align: left;\n        }\n\n        .showmira-form-group {\n            margin-bottom: 18px;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .showmira-form-group label {\n            font-size: 16px;\n            font-weight: 600;\n            color: #303536;\n            margin-bottom: 8px;\n            display: flex;\n            gap: 4px;\n            align-items: center;\n        }\n\n        .whatsapp-label-icon {\n            font-size: 18px;\n            margin-right: 4px;\n        }\n\n        .required-asterisk {\n            color: #e74c3c;\n        }\n\n        .showmira-input-field,\n        .showmira-country-code {\n            background-color: white;\n            color: #303536;\n            border: 1px solid #ddd;\n            border-radius: 6px;\n            padding: 11px 13px;\n            font-size: 16px;\n            transition: border-color 0.3s, box-shadow 0.3s;\n        }\n\n        .showmira-input-field:focus,\n        .showmira-country-code:focus {\n            outline: none;\n            border-color: #4a73df;\n            box-shadow: 0 0 0 3px rgba(74, 115, 223, 0.1);\n        }\n\n        .showmira-phone-input {\n            display: flex;\n            gap: 10px;\n            align-items: stretch;\n        }\n\n        .showmira-country-code {\n            width: 130px;\n            flex-shrink: 0;\n        }\n\n        .showmira-phone-input .showmira-input-field {\n            flex: 1;\n        }\n\n        .showmira-checkbox-group {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .showmira-checkbox-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .showmira-checkbox-wrapper input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            cursor: pointer;\n            accent-color: #4a73df;\n        }\n\n        .showmira-checkbox-wrapper label {\n            margin: 0;\n            font-weight: 500;\n            font-size: 16px;\n            cursor: pointer;\n        }\n\n        .showmira-no-whatsapp-container {\n            margin-top: 10px;\n            padding-top: 10px;\n            border-top: 1px solid #eee;\n        }\n\n        .showmira-error-message {\n            color: #e74c3c;\n            font-size: 16px;\n            margin-top: 5px;\n            display: none;\n        }\n\n        .showmira-error-message.show {\n            display: block;\n        }\n\n        .showmira-order-section {\n            margin-top: 25px;\n            text-align: center;\n        }\n\n        .showmira-order-btn {\n            width: 100%;\n            padding: 14px 24px;\n            background: linear-gradient(135deg, #4a73df 0%, #3d5cc4 100%);\n            color: white;\n            border: none;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(74, 115, 223, 0.3);\n        }\n\n        .showmira-order-btn:hover {\n            background: linear-gradient(135deg, #3d5cc4 0%, #2d4ab0 100%);\n            box-shadow: 0 6px 16px rgba(74, 115, 223, 0.4);\n            transform: translateY(-2px);\n        }\n\n        .showmira-order-btn:active {\n            transform: translateY(0);\n        }\n\n        @media (max-width: 600px) {\n            .showmira-form-section {\n                padding: 20px 15px;\n            }\n\n            .showmira-section-title {\n                font-size: 16px;\n            }\n\n            .showmira-phone-input {\n                flex-direction: column;\n            }\n\n            .showmira-country-code {\n                width: 100%;\n            }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const form = document.getElementById('showmira-checkout-form');\n            \n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                let isValid = true;\n\n                document.querySelectorAll('.showmira-form-group').forEach(group => {\n                    const input = group.querySelector('[required]');\n                    const errorMsg = group.querySelector('.showmira-error-message');\n                    \n                    if (input && !input.value.trim()) {\n                        isValid = false;\n                        if (errorMsg) {\n                            errorMsg.textContent = 'This field is required';\n                            errorMsg.classList.add('show');\n                        }\n                    } else if (errorMsg) {\n                        errorMsg.classList.remove('show');\n                    }\n                });\n\n                if (isValid) {\n                    form.submit();\n                }\n            });\n        });\n    <\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/watchperiod.com\/index.php\/wp-json\/wp\/v2\/pages\/384"}],"collection":[{"href":"https:\/\/watchperiod.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/watchperiod.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/watchperiod.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/watchperiod.com\/index.php\/wp-json\/wp\/v2\/comments?post=384"}],"version-history":[{"count":4,"href":"https:\/\/watchperiod.com\/index.php\/wp-json\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/watchperiod.com\/index.php\/wp-json\/wp\/v2\/pages\/384\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/watchperiod.com\/index.php\/wp-json\/wp\/v2\/media?parent=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}