{"id":42,"date":"2025-10-27T12:02:31","date_gmt":"2025-10-27T12:02:31","guid":{"rendered":"https:\/\/ohmyphuket.com\/?page_id=42"},"modified":"2025-11-17T10:07:51","modified_gmt":"2025-11-17T10:07:51","slug":"forza-350cc","status":"publish","type":"page","link":"https:\/\/ohmyphuket.com\/ru\/forza-350cc\/","title":{"rendered":"Forza 350cc\u00a0"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Book Forza 350cc - Oh My Phuket<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <style>\r\n :root{\r\n --primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#0ea5e9;--accent:#7e22ce;\r\n --text:#1e293b;--text-light:#64748b;--background:#fff;--background-alt:#f8fafc;--border:#e2e8f0;\r\n --success:#10b981;--warning:#f59e0b;--error:#ef4444;\r\n --shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);\r\n --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box}\r\n body{font-family:'Inter'\r\n .container{max-width:1200px;margin:0 auto}\r\n .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:.3s;border:none;cursor:pointer}\r\n .btn-primary{background:var(--primary);color:#fff}\r\n .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}\r\n .btn-secondary{background:var(--background-alt);color:var(--text);border:1px solid var(--border)}\r\n .btn-secondary:hover{background:var(--border);transform:translateY(-2px)}\r\n .booking-page{padding:20px 0}\r\n .booking-container{display:grid;grid-template-columns:1fr 400px;gap:30px}\r\n .booking-main,.booking-sidebar{background:#fff;border-radius:12px;padding:25px;box-shadow:var(--shadow)}\r\n .booking-sidebar{align-self:start;position:sticky;top:20px}\r\n .section-title{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}\r\n .section-title h2{font-size:1.5rem;margin-bottom:5px}\r\n .section-title p{color:var(--text-light);font-size:.9rem}\r\n .motorcycle-details{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--border)}\r\n .gallery{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:20px}\r\n .main-image{height:300px;background:#f1f5f9;border-radius:8px;overflow:hidden;position:relative}\r\n .main-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}\r\n .thumbnail-gallery{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}\r\n .thumbnail{height:70px;background:#f1f5f9;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s;border:2px solid transparent}\r\n .thumbnail:hover{transform:scale(1.05)} .thumbnail.active{border-color:var(--primary)}\r\n .thumbnail img{width:100%;height:100%;object-fit:contain}\r\n .motorcycle-info h3{font-size:1.8rem;margin-bottom:10px}\r\n .motorcycle-description{color:var(--text-light);margin-bottom:20px}\r\n .specs-table{width:100%;border-collapse:collapse;margin-bottom:20px}\r\n .specs-table td{padding:10px;border-bottom:1px solid var(--border)}\r\n .specs-table td:first-child{font-weight:500;width:40%}\r\n .form-group{margin-bottom:20px}\r\n .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text)}\r\n .form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:8px;font-family:'Inter',sans-serif;font-size:16px;transition:border-color .3s}\r\n .form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}\r\n .rental-dates{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}\r\n .date-box{background:var(--background-alt);border-radius:8px;padding:15px}\r\n .date-box h4{font-size:.9rem;margin-bottom:8px;color:var(--text-light)} .date-box p{font-weight:600}\r\n .duration-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:20px}\r\n .duration-option{background:var(--background-alt);border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:.3s;border:2px solid transparent}\r\n .duration-option:hover{border-color:var(--primary)} .duration-option.selected{background:rgba(37,99,235,.1);border-color:var(--primary)}\r\n .duration-option .duration{font-size:.9rem;color:var(--text-light);margin-bottom:5px}\r\n .duration-option .price{font-weight:700;font-size:1.2rem;color:var(--primary)}\r\n .addons-section{margin-bottom:20px}\r\n .addon-item{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border)}\r\n .addon-item:last-child{border-bottom:none}\r\n .addon-info{display:flex;align-items:center;gap:10px}\r\n .addon-checkbox{width:20px;height:20px;border-radius:4px;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center}\r\n .addon-checkbox.checked{background:var(--primary);color:#fff}\r\n .addon-price{font-weight:600}\r\n .helmet-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}\r\n .license-option{background:rgba(16,185,129,.1);border-radius:8px;padding:15px;margin-bottom:20px}\r\n .license-option h4{margin-bottom:10px;color:var(--success)}\r\n .license-pricing{display:flex;gap:15px;margin-top:10px}\r\n .license-price{background:#fff;border-radius:6px;padding:10px;flex:1;text-align:center;cursor:pointer;transition:.3s;border:2px solid transparent}\r\n .license-price:hover{border-color:var(--primary)} .license-price.selected{background:rgba(37,99,235,.1);border-color:var(--primary)}\r\n .license-price .duration{font-size:.9rem;margin-bottom:5px} .license-price .price{font-weight:700;color:var(--primary)}\r\n .price-summary{margin-bottom:20px}\r\n .price-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}\r\n .price-line:last-child{border-bottom:none}\r\n .price-total{font-weight:700;font-size:1.2rem;color:var(--primary)}\r\n .checkout-btn{width:100%;padding:16px;font-size:1.1rem;margin-bottom:15px}\r\n .flexible-cancellation{display:flex;align-items:center;gap:10px;padding:15px;background:rgba(16,185,129,.1);border-radius:8px;margin-bottom:15px}\r\n .flexible-cancellation i{color:var(--success);font-size:1.2rem}\r\n .flexible-cancellation p{font-size:.9rem;color:var(--text)}\r\n \r\n \/* Safety Tips Section *\/\r\n .safety-tips {\r\n background: rgba(59, 130, 246, 0.05);\r\n border-radius: 12px;\r\n padding: 20px;\r\n margin-top: 30px;\r\n border-left: 4px solid var(--primary);\r\n }\r\n \r\n .safety-tips h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 15px;\r\n color: var(--primary);\r\n }\r\n \r\n .safety-tips ul {\r\n list-style-type: none;\r\n padding: 0;\r\n }\r\n \r\n .safety-tips li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n padding-bottom: 12px;\r\n border-bottom: 1px solid rgba(0,0,0,0.05);\r\n }\r\n \r\n .safety-tips li:last-child {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n border-bottom: none;\r\n }\r\n \r\n .safety-tips .tip-icon {\r\n background: var(--primary);\r\n color: white;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 0.8rem;\r\n }\r\n \r\n .safety-tips .tip-content {\r\n flex: 1;\r\n }\r\n \r\n .safety-tips .tip-content strong {\r\n color: var(--primary);\r\n }\r\n \r\n \/* Checkout Page *\/\r\n .checkout-page{display:none;padding:20px 0}\r\n .checkout-container{max-width:800px;margin:0 auto}\r\n .checkout-header{text-align:center;margin-bottom:30px}\r\n .checkout-header h1{font-size:2.2rem;margin-bottom:10px}\r\n .checkout-header p{color:var(--text-light);font-size:1.1rem}\r\n .checkout-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}\r\n .checkout-steps::before{content:'';position:absolute;top:20px;left:10%;right:10%;height:2px;background:var(--border);z-index:1}\r\n .step{text-align:center;position:relative;z-index:2;flex:1}\r\n .step-number{width:40px;height:40px;background:var(--border);color:var(--text-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 10px}\r\n .step.active .step-number{background:var(--primary);color:#fff} .step p{font-size:.9rem;color:var(--text-light)} .step.active p{color:var(--primary);font-weight:600}\r\n .checkout-content{background:#fff;border-radius:12px;padding:25px;box-shadow:var(--shadow)}\r\n .checkout-summary{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--border)}\r\n .checkout-summary h3{margin-bottom:15px;font-size:1.3rem}\r\n .checkout-motorcycle{display:flex;gap:20px;margin-bottom:15px}\r\n .checkout-motorcycle-image{width:120px;height:90px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-light)}\r\n .checkout-motorcycle-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}\r\n .checkout-motorcycle-info{flex:1}\r\n .checkout-motorcycle-info h4{font-size:1.2rem;margin-bottom:5px}\r\n .checkout-dates{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}\r\n .checkout-price-details{margin-bottom:25px}\r\n .checkout-price-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}\r\n .checkout-price-line:last-child{border-bottom:none}\r\n .checkout-total{font-weight:700;font-size:1.2rem;color:var(--primary)}\r\n .driver-info{margin-top:20px}\r\n .driver-info h4{margin-bottom:10px;font-size:1.1rem}\r\n .confirm-booking{width:100%;padding:16px;font-size:1.1rem;margin-top:20px}\r\n \r\n \/* Thank You Message *\/\r\n .thank-you-message {\r\n display: none;\r\n text-align: center;\r\n padding: 40px 20px;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n \r\n .thank-you-message i {\r\n font-size: 4rem;\r\n color: var(--success);\r\n margin-bottom: 20px;\r\n }\r\n \r\n .thank-you-message h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 15px;\r\n color: var(--primary);\r\n }\r\n \r\n .thank-you-message p {\r\n font-size: 1.1rem;\r\n color: var(--text-light);\r\n margin-bottom: 30px;\r\n }\r\n \r\n \/* Mobile Bottom Booking Bar *\/\r\n .mobile-booking-bar {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: var(--background);\r\n box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);\r\n padding: 12px 16px;\r\n z-index: 90;\r\n border-top: 1px solid var(--border);\r\n }\r\n \r\n .mobile-booking-bar .booking-bar-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .mobile-booking-bar .price-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .mobile-booking-bar .price-amount {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n line-height: 1.2;\r\n }\r\n \r\n .mobile-booking-bar .price-note {\r\n font-size: 0.8rem;\r\n color: var(--text-light);\r\n margin: 0;\r\n }\r\n \r\n .mobile-booking-bar .btn-rent-mobile {\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n padding: 12px 20px;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: transform 0.2s ease;\r\n }\r\n \r\n .mobile-booking-bar .btn-rent-mobile:hover {\r\n transform: translateY(-2px);\r\n }\r\n \r\n \/* Mobile 3-Step Popup *\/\r\n .mobile-popup-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.7);\r\n z-index: 100;\r\n overflow-y: auto;\r\n padding: 20px;\r\n }\r\n \r\n .mobile-popup-content {\r\n background: white;\r\n border-radius: 12px;\r\n padding: 20px;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n min-height: 500px;\r\n }\r\n \r\n .close-popup {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: none;\r\n border: none;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n color: var(--text-light);\r\n z-index: 10;\r\n }\r\n \r\n .popup-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .back-btn {\r\n background: none;\r\n border: none;\r\n font-size: 1.2rem;\r\n margin-right: 15px;\r\n color: var(--text);\r\n cursor: pointer;\r\n display: none;\r\n }\r\n \r\n .popup-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n }\r\n \r\n .popup-step {\r\n display: none;\r\n }\r\n \r\n .popup-step.active {\r\n display: block;\r\n }\r\n \r\n .popup-progress {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n \r\n .popup-progress::before {\r\n content: '';\r\n position: absolute;\r\n top: 15px;\r\n left: 20px;\r\n right: 20px;\r\n height: 2px;\r\n background: var(--border);\r\n z-index: 1;\r\n }\r\n \r\n .popup-step-indicator {\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n flex: 1;\r\n }\r\n \r\n .popup-step-number {\r\n width: 30px;\r\n height: 30px;\r\n background: var(--border);\r\n color: var(--text-light);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n margin: 0 auto 8px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .popup-step-indicator.active .popup-step-number {\r\n background: var(--primary);\r\n color: #fff;\r\n }\r\n \r\n .popup-step-indicator p {\r\n font-size: .8rem;\r\n color: var(--text-light);\r\n font-weight: 500;\r\n }\r\n \r\n .popup-step-indicator.active p {\r\n color: var(--primary);\r\n }\r\n \r\n .popup-actions {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 30px;\r\n }\r\n \r\n .popup-actions .btn {\r\n flex: 1;\r\n }\r\n \r\n \/* Mobile-specific styles *\/\r\n @media(max-width:992px){\r\n .booking-container{grid-template-columns:1fr}\r\n .booking-sidebar{position:static; display: none;}\r\n }\r\n \r\n @media(max-width:768px){\r\n body{padding:10px}\r\n .gallery{grid-template-columns:1fr}\r\n .thumbnail-gallery{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}\r\n .form-row,.rental-dates{grid-template-columns:1fr}\r\n .duration-options{grid-template-columns:repeat(2,1fr)}\r\n .checkout-steps{flex-direction:column;gap:20px}.checkout-steps::before{display:none}\r\n .checkout-motorcycle{flex-direction:column}.checkout-motorcycle-image{width:100%;height:150px}\r\n \r\n \/* Show mobile booking bar on mobile *\/\r\n .mobile-booking-bar {\r\n display: block;\r\n }\r\n \r\n \/* Add padding to prevent content from being hidden behind the fixed bar *\/\r\n .booking-page {\r\n padding-bottom: 80px;\r\n }\r\n \r\n \/* Hide rental details and customer info on mobile *\/\r\n .rental-details-section, .customer-info-section {\r\n display: none;\r\n }\r\n }\r\n \r\n @media(min-width:769px){\r\n .mobile-booking-bar {\r\n display: none !important;\r\n }\r\n .booking-sidebar {\r\n display: block !important;\r\n }\r\n .rental-details-section, .customer-info-section {\r\n display: block !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Booking Page -->\r\n <section class=\"booking-page\" id=\"bookingPage\">\r\n <div class=\"container\">\r\n <div class=\"booking-container\">\r\n <div class=\"booking-main\">\r\n <div class=\"motorcycle-details\">\r\n <div class=\"gallery\">\r\n <div class=\"main-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_1-scaled.png\" alt=\"Forza 350cc\" id=\"mainImage\">\r\n <\/div>\r\n <div class=\"thumbnail-gallery\">\r\n <div class=\"thumbnail active\" onclick=\"changeImage('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_1-scaled.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_1-scaled.png\" alt=\"Forza 350cc\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"changeImage('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_2-scaled.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_2-scaled.png\" alt=\"Forza 350cc\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"changeImage('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_3-scaled.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_3-scaled.png\" alt=\"Forza 350cc\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"changeImage('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_4-scaled.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_4-scaled.png\" alt=\"Forza 350cc\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"motorcycle-info\">\r\n <h3>Forza 350cc<\/h3>\r\n <p class=\"motorcycle-description\">\u041f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u044d\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u043e\u0441\u0442\u044c \u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u043e\u0441\u0442\u044c: \u043c\u043e\u0449\u043d\u044b\u0439, \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u044b\u0439 \u0441\u043a\u0443\u0442\u0435\u0440, \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0434\u043b\u044f \u0433\u043e\u0440\u043e\u0434\u0430 \u0438 \u043f\u043e\u0435\u0437\u0434\u043e\u043a \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0435.<\/p>\r\n <table class=\"specs-table\">\r\n <tr><td>\u0426\u0438\u043b\u0438\u043d\u0434\u0440 :<\/td><td>330 \u043a\u0443\u0431. \u0441\u043c<\/td><\/tr>\r\n <tr><td>\u041f\u0443\u0430\u043d\u0441\u043e\u043d :<\/td><td>29 ch<\/td><\/tr>\r\n <tr><td>\u041f\u0430\u0440\u0430<\/td><td>31 \u041d\u043c<\/td><\/tr>\r\n <tr><td>\u041f\u043e\u0439\u0434\u044b :<\/td><td>184 \u043a\u0433<\/td><\/tr>\r\n <tr><td>\u0420\u0435\u0437\u0435\u0440\u0432\u0443\u0430\u0440 :<\/td><td>11.7 L<\/td><\/tr>\r\n <tr><td>\u0410\u0432\u0442\u043e\u043d\u043e\u043c\u0438\u044f :<\/td><td>340 \u043a\u043c<\/td><\/tr>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Safety Tips Section -->\r\n <div class=\"safety-tips\">\r\n <h3><i class=\"fas fa-shield-alt\"><\/i> \u0421\u043e\u0432\u0435\u0442\u044b \u043f\u043e \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u043f\u043e\u0435\u0437\u0434\u043a\u0438<\/h3>\r\n <ul>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-helmet-safety\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>\u0412\u0441\u0435\u0433\u0434\u0430 \u043d\u0430\u0434\u0435\u0432\u0430\u0439\u0442\u0435 \u0448\u043b\u0435\u043c<\/strong> - \u043e\u043d \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d \u0432 \u0422\u0430\u0438\u043b\u0430\u043d\u0434\u0435 \u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438.<\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-tachometer-alt\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>\u0412\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0435\u0437\u0434\u0438\u0442\u0435<\/strong> - \u0432\u0441\u0435\u0433\u0434\u0430 \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0439\u0442\u0435 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u043d\u043e\u0439 \u0440\u0435\u0436\u0438\u043c \u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0434\u043e\u0440\u043e\u0436\u043d\u043e\u0433\u043e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f.<\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-id-card\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>\u0418\u043c\u0435\u0442\u044c \u043f\u0440\u0438 \u0441\u0435\u0431\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u0435 \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u043f\u0440\u0430\u0432\u0430<\/strong> - \u0434\u0435\u0440\u0436\u0438\u0442\u0435 \u0438\u0445 \u043f\u0440\u0438 \u0441\u0435\u0431\u0435 \u043d\u0430 \u0441\u043b\u0443\u0447\u0430\u0439 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0445 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a.<\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-road\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>\u0411\u0443\u0434\u044c\u0442\u0435 \u0431\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b \u043d\u0430 \u043d\u0435\u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0445 \u0434\u043e\u0440\u043e\u0433\u0430\u0445<\/strong> - \u0431\u0443\u0434\u044c\u0442\u0435 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u044b \u043f\u0440\u0438 \u0435\u0437\u0434\u0435 \u0432 \u043d\u043e\u0432\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445.<\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-cloud-sun\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>\u041e\u0446\u0435\u043d\u0438\u0442\u0435 \u043f\u043e\u0433\u043e\u0434\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f<\/strong> - \u0438\u0437\u0431\u0435\u0433\u0430\u0439\u0442\u0435 \u043f\u043e\u0435\u0437\u0434\u043e\u043a \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e\u0436\u0434\u044f \u0438\u043b\u0438 \u043f\u043b\u043e\u0445\u043e\u0439 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438.<\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Rental Details Section (Hidden on Mobile) -->\r\n <div class=\"rental-details-section\">\r\n <div class=\"section-title\"><h2>\u0414\u0435\u0442\u0430\u043b\u0438 \u0430\u0440\u0435\u043d\u0434\u044b<\/h2><\/div>\r\n\r\n <form id=\"bookingForm\" action=\"\">\r\n <div class=\"rental-dates\">\r\n <div class=\"date-box\">\r\n <h4>\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u0431\u043e\u0440\u0430<\/h4>\r\n <input type=\"date\" id=\"pickupDate\" value=\"2025-10-30\">\r\n <input type=\"time\" id=\"pickupTime\" value=\"08:00\" style=\"margin-top:8px;width:100%\">\r\n <\/div>\r\n <div class=\"date-box\">\r\n <h4>\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043c\u044f \u0441\u0434\u0430\u0447\u0438<\/h4>\r\n <input type=\"date\" id=\"dropoffDate\" value=\"2025-10-31\">\r\n <input type=\"time\" id=\"dropoffTime\" value=\"08:00\" style=\"margin-top:8px;width:100%\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0434\u043d\u0435\u0439?<\/label>\r\n <div class=\"duration-options\">\r\n <!-- Updated pricing: 1 day = 1,000 THB \u2192 30.60 USD -->\r\n <div class=\"duration-option selected\" data-days=\"1\" data-usd=\"30.60\">\r\n <div class=\"duration\">1 \u0434\u0435\u043d\u044c<\/div>\r\n <div class=\"price\" data-price-usd=\"30.60\">$30.60<\/div>\r\n <\/div>\r\n <!-- 3 days = 2,500 THB \u2192 76.50 USD -->\r\n <div class=\"duration-option\" data-days=\"3\" data-usd=\"76.50\">\r\n <div class=\"duration\">3 \u0434\u043d\u044f<\/div>\r\n <div class=\"price\" data-price-usd=\"76.50\">$76.50<\/div>\r\n <\/div>\r\n <!-- 1 week = 5,500 THB \u2192 168.30 USD -->\r\n <div class=\"duration-option\" data-days=\"7\" data-usd=\"168.30\">\r\n <div class=\"duration\">1 week<\/div>\r\n <div class=\"price\" data-price-usd=\"168.30\">$168.30<\/div>\r\n <\/div>\r\n <!-- 1 month = 16,500 THB \u2192 504.90 USD -->\r\n <div class=\"duration-option\" data-days=\"30\" data-usd=\"504.90\">\r\n <div class=\"duration\">1 \u043c\u0435\u0441\u044f\u0446<\/div>\r\n <div class=\"price\" data-price-usd=\"504.90\">$504.90<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"ridingStyle\">\u041a\u0430\u043a \u0432\u044b \u043a\u0430\u0442\u0430\u0435\u0442\u0435\u0441\u044c?<\/label>\r\n <select id=\"ridingStyle\">\r\n <option value=\"alone\">\u0412 \u043e\u0434\u0438\u043d\u043e\u0447\u0435\u0441\u0442\u0432\u0435<\/option>\r\n <option value=\"with-passenger\">\u0421 \u043f\u0430\u0441\u0441\u0430\u0436\u0438\u0440\u043e\u043c<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"hasLicense\">\u0423 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u043f\u0440\u0430\u0432\u0430?<\/label>\r\n <select id=\"hasLicense\">\r\n <option value=\"yes\">\u0414\u0430<\/option>\r\n <option value=\"no\">\u041d\u0435\u0442<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"license-option\" id=\"licenseOption\" style=\"display:none\">\r\n <h4><i class=\"fas fa-id-card\"><\/i> \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432\u0430\u0448\u0435 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0435 \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435 \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u0435\u043d\u0438\u0435<\/h4>\r\n <p>\u0414\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0443\u0441\u043b\u0443\u0433\u0443 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u0445 \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043f\u0440\u0430\u0432.<\/p>\r\n <div class=\"license-pricing\">\r\n <!-- 122.38 THB \u2192 3.74 USD -->\r\n <div class=\"license-price\" data-usd=\"3.74\" data-thb=\"122\">\r\n <div class=\"duration\">24h<\/div>\r\n <div class=\"price\" data-price-usd=\"3.74\">$3.74<\/div>\r\n <\/div>\r\n <!-- 183.58 THB \u2192 5.62 USD -->\r\n <div class=\"license-price\" data-usd=\"5.62\" data-thb=\"184\">\r\n <div class=\"duration\">30 \u043c\u0438\u043d<\/div>\r\n <div class=\"price\" data-price-usd=\"5.62\">$5.62<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section-title\"><h2>\u0410\u0434\u0434\u043e\u043d\u044b<\/h2><\/div>\r\n <div class=\"addons-section\">\r\n <div class=\"addon-item\">\r\n <div class=\"addon-info\">\r\n <!-- Helmet is now free -->\r\n <div class=\"addon-checkbox checked\" data-addon=\"helmet-premium\" data-usd=\"0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <div class=\"helmet-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/full-motorcycle-helmet-svgrepo-com.svg\" alt=\"Helmet\" style=\"width:24px;height:24px\">\r\n <\/div>\r\n <span>\u0428\u043b\u0435\u043c \u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/span>\r\n <\/div>\r\n <div class=\"addon-price\"><span data-price-usd=\"0\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/><\/form>\r\n <\/div>\r\n\r\n <!-- Customer Information Section (Hidden on Mobile) -->\r\n <div class=\"customer-info-section\">\r\n <div class=\"section-title\"><h2>\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/h2><\/div>\r\n\r\n <div class=\"form-group\"><label for=\"customerName\">\u041f\u043e\u043b\u043d\u043e\u0435 \u0438\u043c\u044f *<\/label><input type=\"text\" id=\"customerName\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u043f\u043e\u043b\u043d\u043e\u0435 \u0438\u043c\u044f\"><\/div>\r\n <div class=\"form-group\"><label for=\"customerEmail\">Email *<\/label><input type=\"email\" id=\"customerEmail\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 e-mail\"><\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\"><label for=\"customerPhone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d *<\/label><input type=\"tel\" id=\"customerPhone\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\"><\/div>\r\n <div class=\"form-group\"><label for=\"customerCity\">\u0413\u043e\u0440\u043e\u0434<\/label><input type=\"text\" id=\"customerCity\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 \u0433\u043e\u0440\u043e\u0434\"><\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"licenseCountry\">\u0421\u0442\u0440\u0430\u043d\u0430 \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u0435\u043d\u0438\u044f<\/label>\r\n <select id=\"licenseCountry\">\r\n <option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0443<\/option><option value=\"thailand\">\u0422\u0430\u0438\u043b\u0430\u043d\u0434<\/option><option value=\"france\">\u0424\u0440\u0430\u043d\u0446\u0438\u044f<\/option><option value=\"usa\">\u0421\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u044b\u0435 \u0428\u0442\u0430\u0442\u044b<\/option><option value=\"germany\">\u0413\u0435\u0440\u043c\u0430\u043d\u0438\u044f<\/option><option value=\"uk\">\u0412\u0435\u043b\u0438\u043a\u043e\u0431\u0440\u0438\u0442\u0430\u043d\u0438\u044f<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"licenseCategory\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0438<\/label>\r\n <select id=\"licenseCategory\">\r\n <option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e<\/option><option value=\"class-a\">\u041a\u043b\u0430\u0441\u0441 A (\u043c\u043e\u0442\u043e\u0446\u0438\u043a\u043b)<\/option><option value=\"class-b\">\u041a\u043b\u0430\u0441\u0441 B (\u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c)<\/option><option value=\"class-c\">\u041a\u043b\u0430\u0441\u0441 C (\u0433\u0440\u0443\u0437\u043e\u0432\u0438\u043a)<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\"><div class=\"form-group\"><label for=\"customerDob\">\u0414\u0430\u0442\u0430 \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f<\/label><input type=\"date\" id=\"customerDob\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"booking-sidebar\">\r\n <div class=\"section-title\"><h2>\u0420\u0435\u0437\u044e\u043c\u0435 \u043f\u043e \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e<\/h2><\/div>\r\n <div class=\"price-summary\">\r\n <div class=\"price-line\">\r\n <span>Forza 350cc<\/span>\r\n <span id=\"basePrice\" data-price-usd=\"30.60\">$30.60<\/span>\r\n <\/div>\r\n <div class=\"price-line\" id=\"helmetLine\">\r\n <span>\u0428\u043b\u0435\u043c \u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/span>\r\n <span id=\"helmetPrice\" data-price-usd=\"0\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span>\r\n <\/div>\r\n <div class=\"price-line\" id=\"licenseLine\" style=\"display:none\">\r\n <span>\u041c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u0430\u044f \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u044f<\/span>\r\n <span id=\"licensePrice\" data-price-usd=\"0\">$0.00<\/span>\r\n <\/div>\r\n <div class=\"price-line price-total\">\r\n <span>\u0412\u0441\u0435\u0433\u043e<\/span>\r\n <span id=\"totalPrice\" data-price-usd=\"30.60\">$30.60<\/span>\r\n <\/div>\r\n <\/div>\r\n <button class=\"btn btn-primary checkout-btn\" id=\"goToCheckout\">\u041a\u0430\u0441\u0441\u0430<\/button>\r\n <div class=\"flexible-cancellation\"><i class=\"fas fa-shield-alt\"><\/i><p>\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u0435 \u0437\u0430\u043a\u0430\u0437 \u0437\u0430 7 \u0434\u043d\u0435\u0439 \u0434\u043e \u0435\u0433\u043e \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u043e\u043b\u043d\u043e\u0435 \u0432\u043e\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Mobile Bottom Booking Bar -->\r\n <div class=\"mobile-booking-bar\">\r\n <div class=\"booking-bar-content\">\r\n <div class=\"price-info\">\r\n <div class=\"price-amount\" id=\"mobileTotalPrice\" data-price-usd=\"30.60\">$30.60<\/div>\r\n <p class=\"price-note\">\u0412\u0441\u0435\u0433\u043e<\/p>\r\n <\/div>\r\n <button class=\"btn-rent-mobile\" id=\"rentNowMobile\">\r\n <i class=\"fas fa-motorcycle\"><\/i> \u0410\u0440\u0435\u043d\u0434\u0430 \u0441\u0435\u0439\u0447\u0430\u0441\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile 3-Step Popup -->\r\n <div class=\"mobile-popup-overlay\" id=\"mobilePopup\">\r\n <div class=\"mobile-popup-content\">\r\n <button class=\"close-popup\" id=\"closePopup\">\u00d7<\/button>\r\n \r\n <div class=\"popup-header\">\r\n <button class=\"back-btn\" id=\"popupBackBtn\">\r\n <i class=\"fas fa-arrow-left\"><\/i>\r\n <\/button>\r\n <h2 class=\"popup-title\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c Forza 350cc<\/h2>\r\n <\/div>\r\n \r\n <div class=\"popup-progress\">\r\n <div class=\"popup-step-indicator active\" data-step=\"1\">\r\n <div class=\"popup-step-number\">1<\/div>\r\n <p>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/p>\r\n <\/div>\r\n <div class=\"popup-step-indicator\" data-step=\"2\">\r\n <div class=\"popup-step-number\">2<\/div>\r\n <p>\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/p>\r\n <\/div>\r\n <div class=\"popup-step-indicator\" data-step=\"3\">\r\n <div class=\"popup-step-number\">3<\/div>\r\n <p>\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Step 1: Rental Details -->\r\n <div class=\"popup-step active\" id=\"popupStep1\">\r\n <div class=\"rental-dates\">\r\n <div class=\"date-box\">\r\n <h4>\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u0431\u043e\u0440\u0430<\/h4>\r\n <input type=\"date\" id=\"popupPickupDate\" value=\"2025-10-30\">\r\n <input type=\"time\" id=\"popupPickupTime\" value=\"08:00\" style=\"margin-top:8px;width:100%\">\r\n <\/div>\r\n <div class=\"date-box\">\r\n <h4>\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043c\u044f \u0441\u0434\u0430\u0447\u0438<\/h4>\r\n <input type=\"date\" id=\"popupDropoffDate\" value=\"2025-10-31\">\r\n <input type=\"time\" id=\"popupDropoffTime\" value=\"08:00\" style=\"margin-top:8px;width:100%\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0434\u043d\u0435\u0439?<\/label>\r\n <div class=\"duration-options\">\r\n <div class=\"duration-option selected\" data-days=\"1\" data-usd=\"30.60\">\r\n <div class=\"duration\">1 \u0434\u0435\u043d\u044c<\/div>\r\n <div class=\"price\" data-price-usd=\"30.60\">$30.60<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"3\" data-usd=\"76.50\">\r\n <div class=\"duration\">3 \u0434\u043d\u044f<\/div>\r\n <div class=\"price\" data-price-usd=\"76.50\">$76.50<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"7\" data-usd=\"168.30\">\r\n <div class=\"duration\">1 week<\/div>\r\n <div class=\"price\" data-price-usd=\"168.30\">$168.30<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"30\" data-usd=\"504.90\">\r\n <div class=\"duration\">1 \u043c\u0435\u0441\u044f\u0446<\/div>\r\n <div class=\"price\" data-price-usd=\"504.90\">$504.90<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"popupRidingStyle\">\u041a\u0430\u043a \u0432\u044b \u043a\u0430\u0442\u0430\u0435\u0442\u0435\u0441\u044c?<\/label>\r\n <select id=\"popupRidingStyle\">\r\n <option value=\"alone\">\u0412 \u043e\u0434\u0438\u043d\u043e\u0447\u0435\u0441\u0442\u0432\u0435<\/option>\r\n <option value=\"with-passenger\">\u0421 \u043f\u0430\u0441\u0441\u0430\u0436\u0438\u0440\u043e\u043c<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"popupHasLicense\">\u0423 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u043f\u0440\u0430\u0432\u0430?<\/label>\r\n <select id=\"popupHasLicense\">\r\n <option value=\"yes\">\u0414\u0430<\/option>\r\n <option value=\"no\">\u041d\u0435\u0442<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"license-option\" id=\"popupLicenseOption\" style=\"display:none\">\r\n <h4><i class=\"fas fa-id-card\"><\/i> \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432\u0430\u0448\u0435 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0435 \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435 \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u0435\u043d\u0438\u0435<\/h4>\r\n <p>\u0414\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0443\u0441\u043b\u0443\u0433\u0443 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u0445 \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043f\u0440\u0430\u0432.<\/p>\r\n <div class=\"license-pricing\">\r\n <div class=\"license-price\" data-usd=\"3.74\" data-thb=\"122\">\r\n <div class=\"duration\">24h<\/div>\r\n <div class=\"price\" data-price-usd=\"3.74\">$3.74<\/div>\r\n <\/div>\r\n <div class=\"license-price\" data-usd=\"5.62\" data-thb=\"184\">\r\n <div class=\"duration\">30 \u043c\u0438\u043d<\/div>\r\n <div class=\"price\" data-price-usd=\"5.62\">$5.62<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section-title\"><h2>\u0410\u0434\u0434\u043e\u043d\u044b<\/h2><\/div>\r\n <div class=\"addons-section\">\r\n <div class=\"addon-item\">\r\n <div class=\"addon-info\">\r\n <div class=\"addon-checkbox checked\" data-addon=\"helmet-premium\" data-usd=\"0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <div class=\"helmet-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/full-motorcycle-helmet-svgrepo-com.svg\" alt=\"Helmet\" style=\"width:24px;height:24px\">\r\n <\/div>\r\n <span>\u0428\u043b\u0435\u043c \u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/span>\r\n <\/div>\r\n <div class=\"addon-price\"><span data-price-usd=\"0\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"popup-actions\">\r\n <button class=\"btn btn-primary\" id=\"nextToStep2\">\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Step 2: Customer Information -->\r\n <div class=\"popup-step\" id=\"popupStep2\">\r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerName\">\u041f\u043e\u043b\u043d\u043e\u0435 \u0438\u043c\u044f *<\/label>\r\n <input type=\"text\" id=\"popupCustomerName\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u043f\u043e\u043b\u043d\u043e\u0435 \u0438\u043c\u044f\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerEmail\">Email *<\/label>\r\n <input type=\"email\" id=\"popupCustomerEmail\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 e-mail\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerPhone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d *<\/label>\r\n <input type=\"tel\" id=\"popupCustomerPhone\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerCity\">\u0413\u043e\u0440\u043e\u0434<\/label>\r\n <input type=\"text\" id=\"popupCustomerCity\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 \u0433\u043e\u0440\u043e\u0434\">\r\n <\/div>\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"popupLicenseCountry\">\u0421\u0442\u0440\u0430\u043d\u0430 \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u0435\u043d\u0438\u044f<\/label>\r\n <select id=\"popupLicenseCountry\">\r\n <option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0443<\/option>\r\n <option value=\"thailand\">\u0422\u0430\u0438\u043b\u0430\u043d\u0434<\/option>\r\n <option value=\"france\">\u0424\u0440\u0430\u043d\u0446\u0438\u044f<\/option>\r\n <option value=\"usa\">\u0421\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u044b\u0435 \u0428\u0442\u0430\u0442\u044b<\/option>\r\n <option value=\"germany\">\u0413\u0435\u0440\u043c\u0430\u043d\u0438\u044f<\/option>\r\n <option value=\"uk\">\u0412\u0435\u043b\u0438\u043a\u043e\u0431\u0440\u0438\u0442\u0430\u043d\u0438\u044f<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"popupLicenseCategory\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0438<\/label>\r\n <select id=\"popupLicenseCategory\">\r\n <option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e<\/option>\r\n <option value=\"class-a\">\u041a\u043b\u0430\u0441\u0441 A (\u043c\u043e\u0442\u043e\u0446\u0438\u043a\u043b)<\/option>\r\n <option value=\"class-b\">\u041a\u043b\u0430\u0441\u0441 B (\u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c)<\/option>\r\n <option value=\"class-c\">\u041a\u043b\u0430\u0441\u0441 C (\u0433\u0440\u0443\u0437\u043e\u0432\u0438\u043a)<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerDob\">\u0414\u0430\u0442\u0430 \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f<\/label>\r\n <input type=\"date\" id=\"popupCustomerDob\">\r\n <\/div>\r\n \r\n <div class=\"popup-actions\">\r\n <button class=\"btn btn-secondary\" id=\"backToStep1\">\u041d\u0430\u0437\u0430\u0434<\/button>\r\n <button class=\"btn btn-primary\" id=\"nextToStep3\">\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Step 3: Confirmation -->\r\n <div class=\"popup-step\" id=\"popupStep3\">\r\n <div class=\"confirmation-card\" style=\"background: var(--background-alt); border-radius: 8px; padding: 15px; margin-bottom: 15px;\">\r\n <h4 style=\"margin-bottom: 10px;\">\u0420\u0435\u0437\u044e\u043c\u0435 \u043f\u043e \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e<\/h4>\r\n <div class=\"price-line\">\r\n <span>Forza 350cc<\/span>\r\n <span id=\"popupConfirmBasePrice\" data-price-usd=\"30.60\">$30.60<\/span>\r\n <\/div>\r\n <div class=\"price-line\" id=\"popupConfirmHelmetLine\">\r\n <span>\u0428\u043b\u0435\u043c \u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/span>\r\n <span id=\"popupConfirmHelmetPrice\" data-price-usd=\"0\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span>\r\n <\/div>\r\n <div class=\"price-line\" id=\"popupConfirmLicenseLine\" style=\"display:none\">\r\n <span>\u041c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u0430\u044f \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u044f<\/span>\r\n <span id=\"popupConfirmLicensePrice\" data-price-usd=\"0\">$0.00<\/span>\r\n <\/div>\r\n <div class=\"price-line price-total\">\r\n <span>\u0412\u0441\u0435\u0433\u043e<\/span>\r\n <span id=\"popupConfirmTotalPrice\" data-price-usd=\"30.60\">$30.60<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div style=\"margin: 20px 0;\">\r\n <div class=\"flexible-cancellation\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <p>\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u0435 \u0437\u0430\u043a\u0430\u0437 \u0437\u0430 7 \u0434\u043d\u0435\u0439 \u0434\u043e \u0435\u0433\u043e \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u043e\u043b\u043d\u043e\u0435 \u0432\u043e\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"popup-actions\">\r\n <button class=\"btn btn-secondary\" id=\"backToStep2\">\u041d\u0430\u0437\u0430\u0434<\/button>\r\n <button class=\"btn btn-primary\" id=\"confirmMobileBooking\">\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Checkout Page -->\r\n <section class=\"checkout-page\" id=\"checkoutPage\">\r\n <div class=\"container\">\r\n <div class=\"checkout-container\">\r\n <div class=\"checkout-header\">\r\n <h1>\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/h1><p>\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0434\u0435\u0442\u0430\u043b\u0438 \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/p>\r\n <\/div>\r\n\r\n <div class=\"checkout-steps\">\r\n <div class=\"step active\"><div class=\"step-number\">1<\/div><p>\u0411\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-number\">2<\/div><p>\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"checkout-content\">\r\n <div class=\"checkout-summary\">\r\n <h3>\u0414\u0435\u0442\u0430\u043b\u0438 \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/h3>\r\n <div class=\"checkout-motorcycle\">\r\n <div class=\"checkout-motorcycle-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_350_1-scaled.png\" alt=\"Forza 350cc\">\r\n <\/div>\r\n <div class=\"checkout-motorcycle-info\">\r\n <h4>Forza 350cc<\/h4>\r\n <p>\u042d\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u043e\u0441\u0442\u044c \u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0437\u043c \u0432 \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0436\u0438\u0437\u043d\u0438: \u043c\u043e\u0449\u043d\u044b\u0439, \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u044b\u0439<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"checkout-dates\">\r\n <div class=\"date-box\">\r\n <h4>\u041f\u043e\u0434\u0431\u043e\u0440\u043a\u0430<\/h4>\r\n <p id=\"confirmPickupDate\">30 \u043e\u043a\u0442\u044f\u0431\u0440\u044f 2025 \u0433.<\/p>\r\n <p id=\"confirmPickupTime\">08:00<\/p>\r\n <\/div>\r\n <div class=\"date-box\">\r\n <h4>\u0412\u044b\u0441\u0430\u0434\u043a\u0430<\/h4>\r\n <p id=\"confirmDropoffDate\">31 \u043e\u043a\u0442\u044f\u0431\u0440\u044f 2025 \u0433.<\/p>\r\n <p id=\"confirmDropoffTime\">08:00<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"driver-info\">\r\n <h4>\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/h4>\r\n <p><strong>\u0418\u043c\u044f:<\/strong> <span id=\"confirmName\"><\/span><\/p>\r\n <p><strong>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430:<\/strong> <span id=\"confirmEmail\"><\/span><\/p>\r\n <p><strong>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/strong> <span id=\"confirmPhone\"><\/span><\/p>\r\n <p><strong>\u0413\u043e\u0440\u043e\u0434:<\/strong> <span id=\"confirmCity\"><\/span><\/p>\r\n <p><strong>\u0421\u0442\u0440\u0430\u043d\u0430 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0438:<\/strong> <span id=\"confirmLicenseCountry\"><\/span><\/p>\r\n <p><strong>\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0438:<\/strong> <span id=\"confirmLicenseCategory\"><\/span><\/p>\r\n <p><strong>\u0414\u0430\u0442\u0430 \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f:<\/strong> <span id=\"confirmDob\"><\/span><\/p>\r\n <p><strong>\u0421\u0442\u0438\u043b\u044c \u0435\u0437\u0434\u044b:<\/strong> <span id=\"confirmRidingStyle\"><\/span><\/p>\r\n <p><strong>\u041b\u0438\u0446\u0435\u043d\u0437\u0438\u043e\u043d\u043d\u044b\u0439 \u043f\u043b\u0430\u043d:<\/strong> <span id=\"confirmLicensePlan\"><\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"checkout-price-details\">\r\n <h3>\u0426\u0435\u043d\u0430 \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/h3>\r\n <div class=\"checkout-price-line\"><span>Forza 350cc<\/span><span id=\"confirmBasePrice\" data-price-usd=\"30.60\">$30.60<\/span><\/div>\r\n <div class=\"checkout-price-line\" id=\"confirmHelmetLine\"><span>\u0428\u043b\u0435\u043c \u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/span><span id=\"confirmHelmetPrice\" data-price-usd=\"0\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\r\n <div class=\"checkout-price-line\" id=\"confirmLicenseLine\" style=\"display:none\"><span>\u041c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u0430\u044f \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u044f<\/span><span id=\"confirmLicensePrice\" data-price-usd=\"0\">$0.00<\/span><\/div>\r\n <div class=\"checkout-price-line checkout-total\"><span>\u0412\u0441\u0435\u0433\u043e<\/span><span id=\"confirmTotalPrice\" data-price-usd=\"30.60\">$30.60<\/span><\/div>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary confirm-booking\" id=\"confirmBooking\">\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Thank You Message -->\r\n <section class=\"thank-you-message\" id=\"thankYouMessage\">\r\n <div class=\"container\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <h2>\u0421\u043f\u0430\u0441\u0438\u0431\u043e!<\/h2>\r\n <p>\u0412\u0430\u0448\u0435 \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u043e. \u0412 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.<\/p>\r\n <button class=\"btn btn-primary\" id=\"backToHome\">\u041d\u0430\u0437\u0430\u0434 \u043a \u0434\u043e\u043c\u0443<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Initialize EmailJS\r\n (function() {\r\n emailjs.init(\"ZMGKNtfDNLRnArML6\");\r\n })();\r\n\r\n \/\/ ISOLATED CURRENCY INTEGRATION - WON'T AFFECT OTHER CODE\r\n (function() {\r\n 'use strict';\r\n \r\n \/\/ Currency configuration - isolated to this page only\r\n const CURRENCY_CONFIG = {\r\n STORAGE_KEY: 'site_currency',\r\n RATE_THB: 32.68,\r\n fmtUSD: n => `$${Number(n||0).toLocaleString(undefined,{minimumFractionDigits:2,maximumFractionDigits:2})}`,\r\n fmtTHB: n => `\u0e3f${Math.round(Number(n||0)).toLocaleString()}`\r\n };\r\n \r\n \/\/ Get current currency without affecting global scope\r\n function getCurrency() {\r\n return localStorage.getItem(CURRENCY_CONFIG.STORAGE_KEY) || 'USD';\r\n }\r\n \r\n \/\/ Update prices with current currency\r\n function updatePrices() {\r\n const currency = getCurrency();\r\n const rate = CURRENCY_CONFIG.RATE_THB;\r\n const fmt = currency === 'THB' ? CURRENCY_CONFIG.fmtTHB : CURRENCY_CONFIG.fmtUSD;\r\n \r\n document.querySelectorAll('[data-price-usd]').forEach(el => {\r\n const usd = parseFloat(el.getAttribute('data-price-usd') || '0');\r\n const value = currency === 'THB' ? usd * rate : usd;\r\n \/\/ Don't change \"Free\" text for helmet\r\n if (!el.closest('.addon-price') || usd > 0) {\r\n el.textContent = fmt(value);\r\n }\r\n });\r\n }\r\n \r\n \/\/ Listen for currency changes from header (isolated event)\r\n document.addEventListener('ohmyphuket:refresh-prices', updatePrices);\r\n \r\n \/\/ Initial price update\r\n document.addEventListener('DOMContentLoaded', function() {\r\n updatePrices();\r\n });\r\n \r\n \/\/ Expose only what's needed to global scope\r\n window.motorcycleBookingCurrency = {\r\n updatePrices: updatePrices\r\n };\r\n })();\r\n\r\n \/\/ ORIGINAL MOTORCYCLE BOOKING CODE (unchanged)\r\n function changeImage(src){\r\n document.getElementById('mainImage').src = src;\r\n document.querySelectorAll('.thumbnail').forEach(t=>t.classList.remove('active'));\r\n event.currentTarget.classList.add('active');\r\n }\r\n\r\n document.getElementById('hasLicense').addEventListener('change', function(){\r\n const opt = document.getElementById('licenseOption');\r\n if(this.value==='no'){ \r\n opt.style.display='block'; \r\n } else {\r\n opt.style.display='none';\r\n document.querySelectorAll('.license-price').forEach(o=>o.classList.remove('selected'));\r\n updatePrice();\r\n }\r\n });\r\n\r\n document.querySelectorAll('.duration-option').forEach(opt=>{\r\n opt.addEventListener('click', function(){\r\n document.querySelectorAll('.duration-option').forEach(o=>o.classList.remove('selected'));\r\n this.classList.add('selected'); updatePrice();\r\n });\r\n });\r\n\r\n document.querySelectorAll('.license-price').forEach(opt=>{\r\n opt.addEventListener('click', function(){\r\n document.querySelectorAll('.license-price').forEach(o=>o.classList.remove('selected'));\r\n this.classList.add('selected'); updatePrice();\r\n });\r\n });\r\n\r\n document.querySelectorAll('.addon-checkbox').forEach(box=>{\r\n box.addEventListener('click', function(){\r\n this.classList.toggle('checked'); updatePrice();\r\n });\r\n });\r\n\r\n function updatePrice(){\r\n const sel = document.querySelector('.duration-option.selected');\r\n const baseUSD = parseFloat(sel?.getAttribute('data-usd') || '0');\r\n const helmetBox = document.querySelector('.addon-checkbox[data-addon=\"helmet-premium\"]');\r\n const helmetUSD = parseFloat(helmetBox.getAttribute('data-usd'));\r\n const licSel = document.querySelector('.license-price.selected');\r\n const licenceUSD = licSel ? parseFloat(licSel.getAttribute('data-usd')) : 0;\r\n\r\n document.getElementById('basePrice').setAttribute('data-price-usd', baseUSD.toFixed(2));\r\n document.getElementById('helmetPrice').setAttribute('data-price-usd', helmetUSD.toFixed(2));\r\n document.getElementById('licensePrice').setAttribute('data-price-usd', licenceUSD.toFixed(2));\r\n\r\n const totalUSD = baseUSD + helmetUSD + licenceUSD;\r\n document.getElementById('totalPrice').setAttribute('data-price-usd', totalUSD.toFixed(2));\r\n document.getElementById('mobileTotalPrice').setAttribute('data-price-usd', totalUSD.toFixed(2));\r\n \r\n \/\/ Update license line visibility\r\n document.getElementById('licenseLine').style.display = licenceUSD > 0 ? 'flex' : 'none';\r\n \r\n \/\/ Use the isolated currency function\r\n if (window.motorcycleBookingCurrency) {\r\n window.motorcycleBookingCurrency.updatePrices();\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const helmetCheckbox = document.querySelector('.addon-checkbox[data-addon=\"helmet-premium\"]');\r\n helmetCheckbox.classList.add('checked');\r\n updatePrice();\r\n });\r\n\r\n \/\/ Mobile popup functionality (unchanged)\r\n const mobilePopup = document.getElementById('mobilePopup');\r\n const rentNowMobileBtn = document.getElementById('rentNowMobile');\r\n const closePopupBtn = document.getElementById('closePopup');\r\n const popupBackBtn = document.getElementById('popupBackBtn');\r\n \r\n const popupSteps = document.querySelectorAll('.popup-step');\r\n const stepIndicators = document.querySelectorAll('.popup-step-indicator');\r\n let currentStep = 1;\r\n \r\n function showPopupStep(stepNumber) {\r\n popupSteps.forEach(step => step.classList.remove('active'));\r\n document.getElementById(`popupStep${stepNumber}`).classList.add('active');\r\n \r\n stepIndicators.forEach(indicator => indicator.classList.remove('active'));\r\n document.querySelector(`.popup-step-indicator[data-step=\"${stepNumber}\"]`).classList.add('active');\r\n \r\n popupBackBtn.style.display = stepNumber === 1 ? 'none' : 'block';\r\n currentStep = stepNumber;\r\n \r\n if (stepNumber === 3) updatePopupConfirmation();\r\n }\r\n \r\n function updatePopupConfirmation() {\r\n const selectedDuration = document.querySelector('#popupStep1 .duration-option.selected');\r\n const baseUSD = parseFloat(selectedDuration?.getAttribute('data-usd') || '0');\r\n const helmetBox = document.querySelector('#popupStep1 .addon-checkbox[data-addon=\"helmet-premium\"]');\r\n const helmetUSD = parseFloat(helmetBox.getAttribute('data-usd'));\r\n const licSel = document.querySelector('#popupStep1 .license-price.selected');\r\n const licenceUSD = licSel ? parseFloat(licSel.getAttribute('data-usd')) : 0;\r\n\r\n document.getElementById('popupConfirmBasePrice').setAttribute('data-price-usd', baseUSD.toFixed(2));\r\n document.getElementById('popupConfirmHelmetPrice').setAttribute('data-price-usd', helmetUSD.toFixed(2));\r\n document.getElementById('popupConfirmLicensePrice').setAttribute('data-price-usd', licenceUSD.toFixed(2));\r\n document.getElementById('popupConfirmTotalPrice').setAttribute('data-price-usd', (baseUSD + helmetUSD + licenceUSD).toFixed(2));\r\n \r\n \/\/ Update license line visibility\r\n document.getElementById('popupConfirmLicenseLine').style.display = licenceUSD > 0 ? 'flex' : 'none';\r\n \r\n if (window.motorcycleBookingCurrency) {\r\n window.motorcycleBookingCurrency.updatePrices();\r\n }\r\n }\r\n \r\n rentNowMobileBtn.addEventListener('click', function() {\r\n mobilePopup.style.display = 'block';\r\n showPopupStep(1);\r\n \r\n document.getElementById('popupPickupDate').value = document.getElementById('pickupDate').value;\r\n document.getElementById('popupPickupTime').value = document.getElementById('pickupTime').value;\r\n document.getElementById('popupDropoffDate').value = document.getElementById('dropoffDate').value;\r\n document.getElementById('popupDropoffTime').value = document.getElementById('dropoffTime').value;\r\n document.getElementById('popupRidingStyle').value = document.getElementById('ridingStyle').value;\r\n document.getElementById('popupHasLicense').value = document.getElementById('hasLicense').value;\r\n \r\n const selectedDuration = document.querySelector('.duration-option.selected');\r\n document.querySelectorAll('#popupStep1 .duration-option').forEach(opt => {\r\n opt.classList.toggle('selected', opt.getAttribute('data-days') === selectedDuration.getAttribute('data-days'));\r\n });\r\n \r\n const licenseOption = document.getElementById('popupLicenseOption');\r\n licenseOption.style.display = document.getElementById('hasLicense').value === 'no' ? 'block' : 'none';\r\n \r\n document.querySelector('#popupStep1 .addon-checkbox[data-addon=\"helmet-premium\"]').classList.add('checked');\r\n \r\n document.getElementById('popupCustomerName').value = document.getElementById('customerName').value;\r\n document.getElementById('popupCustomerEmail').value = document.getElementById('customerEmail').value;\r\n document.getElementById('popupCustomerPhone').value = document.getElementById('customerPhone').value;\r\n document.getElementById('popupCustomerCity').value = document.getElementById('customerCity').value;\r\n document.getElementById('popupLicenseCountry').value = document.getElementById('licenseCountry').value;\r\n document.getElementById('popupLicenseCategory').value = document.getElementById('licenseCategory').value;\r\n document.getElementById('popupCustomerDob').value = document.getElementById('customerDob').value;\r\n });\r\n \r\n closePopupBtn.addEventListener('click', function() { mobilePopup.style.display = 'none'; });\r\n \r\n document.getElementById('nextToStep2').addEventListener('click', function() { showPopupStep(2); });\r\n document.getElementById('backToStep1').addEventListener('click', function() { showPopupStep(1); });\r\n document.getElementById('nextToStep3').addEventListener('click', function() {\r\n const name = document.getElementById('popupCustomerName').value;\r\n const email = document.getElementById('popupCustomerEmail').value;\r\n const phone = document.getElementById('popupCustomerPhone').value;\r\n if (!name || !email || !phone) {\r\n alert('Please fill in all required fields (Name, Email, Phone)');\r\n return;\r\n }\r\n showPopupStep(3);\r\n });\r\n document.getElementById('backToStep2').addEventListener('click', function() { showPopupStep(2); });\r\n popupBackBtn.addEventListener('click', function() { if (currentStep > 1) showPopupStep(currentStep - 1); });\r\n \r\n document.getElementById('popupHasLicense').addEventListener('change', function(){\r\n const opt = document.getElementById('popupLicenseOption');\r\n opt.style.display = this.value==='no' ? 'block' : 'none';\r\n document.querySelectorAll('#popupStep1 .license-price').forEach(o=>o.classList.remove('selected'));\r\n });\r\n \r\n document.querySelectorAll('#popupStep1 .duration-option').forEach(opt=>{\r\n opt.addEventListener('click', function(){\r\n document.querySelectorAll('#popupStep1 .duration-option').forEach(o=>o.classList.remove('selected'));\r\n this.classList.add('selected');\r\n });\r\n });\r\n \r\n document.querySelectorAll('#popupStep1 .license-price').forEach(opt=>{\r\n opt.addEventListener('click', function(){\r\n document.querySelectorAll('#popupStep1 .license-price').forEach(o=>o.classList.remove('selected'));\r\n this.classList.add('selected');\r\n });\r\n });\r\n \r\n document.getElementById('confirmMobileBooking').addEventListener('click', function() {\r\n document.getElementById('pickupDate').value = document.getElementById('popupPickupDate').value;\r\n document.getElementById('pickupTime').value = document.getElementById('popupPickupTime').value;\r\n document.getElementById('dropoffDate').value = document.getElementById('popupDropoffDate').value;\r\n document.getElementById('dropoffTime').value = document.getElementById('popupDropoffTime').value;\r\n document.getElementById('ridingStyle').value = document.getElementById('popupRidingStyle').value;\r\n document.getElementById('hasLicense').value = document.getElementById('popupHasLicense').value;\r\n \r\n const popupSelectedDuration = document.querySelector('#popupStep1 .duration-option.selected');\r\n document.querySelectorAll('.duration-option').forEach(opt => {\r\n opt.classList.toggle('selected', opt.getAttribute('data-days') === popupSelectedDuration.getAttribute('data-days'));\r\n });\r\n \r\n const licenseOption = document.getElementById('licenseOption');\r\n licenseOption.style.display = document.getElementById('popupHasLicense').value === 'no' ? 'block' : 'none';\r\n \r\n document.querySelector('.addon-checkbox[data-addon=\"helmet-premium\"]').classList.add('checked');\r\n \r\n document.getElementById('customerName').value = document.getElementById('popupCustomerName').value;\r\n document.getElementById('customerEmail').value = document.getElementById('popupCustomerEmail').value;\r\n document.getElementById('customerPhone').value = document.getElementById('popupCustomerPhone').value;\r\n document.getElementById('customerCity').value = document.getElementById('popupCustomerCity').value;\r\n document.getElementById('licenseCountry').value = document.getElementById('popupLicenseCountry').value;\r\n document.getElementById('licenseCategory').value = document.getElementById('popupLicenseCategory').value;\r\n document.getElementById('customerDob').value = document.getElementById('popupCustomerDob').value;\r\n \r\n updatePrice();\r\n mobilePopup.style.display = 'none';\r\n \r\n \/\/ Send email and show thank you message\r\n sendEmailAndShowThankYou();\r\n });\r\n\r\n \/\/ Function to send email and show thank you message\r\n function sendEmailAndShowThankYou() {\r\n \/\/ Get all form data\r\n const name = document.getElementById('customerName').value;\r\n const email = document.getElementById('customerEmail').value;\r\n const phone = document.getElementById('customerPhone').value;\r\n const city = document.getElementById('customerCity').value;\r\n const licenseCountry = document.getElementById('licenseCountry').value;\r\n const licenseCategory = document.getElementById('licenseCategory').value;\r\n const dob = document.getElementById('customerDob').value;\r\n const ridingStyle = document.getElementById('ridingStyle').value;\r\n const hasLicense = document.getElementById('hasLicense').value;\r\n const pickupDate = document.getElementById('pickupDate').value;\r\n const pickupTime = document.getElementById('pickupTime').value;\r\n const dropoffDate = document.getElementById('dropoffDate').value;\r\n const dropoffTime = document.getElementById('dropoffTime').value;\r\n \r\n \/\/ Get selected duration\r\n const selectedDuration = document.querySelector('.duration-option.selected');\r\n const durationDays = selectedDuration.getAttribute('data-days');\r\n const durationPrice = selectedDuration.querySelector('.price').textContent;\r\n \r\n \/\/ Get license plan if selected\r\n let licensePlan = 'None';\r\n let licensePrice = '$0.00';\r\n const selectedLicense = document.querySelector('.license-price.selected');\r\n if (selectedLicense) {\r\n licensePlan = selectedLicense.querySelector('.duration').textContent;\r\n licensePrice = selectedLicense.querySelector('.price').textContent;\r\n }\r\n \r\n \/\/ Get helmet status\r\n const helmetSelected = document.querySelector('.addon-checkbox[data-addon=\"helmet-premium\"]').classList.contains('checked');\r\n \r\n \/\/ Prepare email parameters\r\n const templateParams = {\r\n customer_name: name,\r\n customer_email: email,\r\n customer_phone: phone,\r\n customer_city: city,\r\n license_country: licenseCountry,\r\n license_category: licenseCategory,\r\n date_of_birth: dob,\r\n riding_style: ridingStyle,\r\n has_license: hasLicense,\r\n pickup_date: pickupDate,\r\n pickup_time: pickupTime,\r\n dropoff_date: dropoffDate,\r\n dropoff_time: dropoffTime,\r\n duration_days: durationDays,\r\n duration_price: durationPrice,\r\n license_plan: licensePlan,\r\n license_price: licensePrice,\r\n helmet_selected: helmetSelected ? 'Yes' : 'No',\r\n helmet_price: 'Free',\r\n total_price: document.getElementById('totalPrice').textContent\r\n };\r\n \r\n \/\/ Send email using EmailJS\r\n emailjs.send('service_6ie5emf', 'template_ifawjsi', templateParams)\r\n .then(function(response) {\r\n console.log('SUCCESS!', response.status, response.text);\r\n \/\/ Show thank you message\r\n document.getElementById('bookingPage').style.display = 'none';\r\n document.getElementById('checkoutPage').style.display = 'none';\r\n document.getElementById('thankYouMessage').style.display = 'block';\r\n }, function(error) {\r\n console.log('FAILED...', error);\r\n \/\/ Still show thank you message even if email fails\r\n document.getElementById('bookingPage').style.display = 'none';\r\n document.getElementById('checkoutPage').style.display = 'none';\r\n document.getElementById('thankYouMessage').style.display = 'block';\r\n });\r\n }\r\n\r\n document.getElementById('goToCheckout').addEventListener('click', function(){\r\n const name = document.getElementById('customerName').value;\r\n const email = document.getElementById('customerEmail').value;\r\n const phone = document.getElementById('customerPhone').value;\r\n const city = document.getElementById('customerCity').value;\r\n const licenseCountry = document.getElementById('licenseCountry').value;\r\n const licenseCategory = document.getElementById('licenseCategory').value;\r\n const dob = document.getElementById('customerDob').value;\r\n const ridingStyle = document.getElementById('ridingStyle').value;\r\n const hasLicense = document.getElementById('hasLicense').value;\r\n const pickupDate = document.getElementById('pickupDate').value;\r\n const pickupTime = document.getElementById('pickupTime').value;\r\n const dropoffDate = document.getElementById('dropoffDate').value;\r\n const dropoffTime = document.getElementById('dropoffTime').value;\r\n\r\n document.getElementById('confirmName').textContent = name || 'Not provided';\r\n document.getElementById('confirmEmail').textContent = email || 'Not provided';\r\n document.getElementById('confirmPhone').textContent = phone || 'Not provided';\r\n document.getElementById('confirmCity').textContent = city || 'Not provided';\r\n document.getElementById('confirmLicenseCountry').textContent = licenseCountry || 'Not provided';\r\n document.getElementById('confirmLicenseCategory').textContent = licenseCategory || 'Not provided';\r\n document.getElementById('confirmDob').textContent = dob || 'Not provided';\r\n document.getElementById('confirmRidingStyle').textContent = (ridingStyle==='alone'?'Alone':'With passenger');\r\n document.getElementById('confirmLicensePlan').textContent = hasLicense === 'no' && document.querySelector('.license-price.selected') ? \r\n document.querySelector('.license-price.selected .duration').textContent : 'None';\r\n\r\n const pObj = new Date(pickupDate), dObj = new Date(dropoffDate);\r\n document.getElementById('confirmPickupDate').textContent = pObj.toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});\r\n document.getElementById('confirmPickupTime').textContent = pickupTime;\r\n document.getElementById('confirmDropoffDate').textContent = dObj.toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});\r\n document.getElementById('confirmDropoffTime').textContent = dropoffTime;\r\n\r\n const baseUSD = document.getElementById('basePrice').getAttribute('data-price-usd')||'0';\r\n const helmetUSD = document.getElementById('helmetPrice').getAttribute('data-price-usd')||'0';\r\n const licUSD = document.getElementById('licensePrice').getAttribute('data-price-usd')||'0';\r\n const totalUSD = document.getElementById('totalPrice').getAttribute('data-price-usd')||'0';\r\n\r\n document.getElementById('confirmBasePrice').setAttribute('data-price-usd', baseUSD);\r\n document.getElementById('confirmHelmetPrice').setAttribute('data-price-usd', helmetUSD);\r\n document.getElementById('confirmLicensePrice').setAttribute('data-price-usd', licUSD);\r\n document.getElementById('confirmTotalPrice').setAttribute('data-price-usd', totalUSD);\r\n\r\n document.getElementById('confirmHelmetLine').style.display = 'flex';\r\n document.getElementById('confirmLicenseLine').style.display = parseFloat(licUSD)>0 ? 'flex' : 'none';\r\n\r\n if (window.motorcycleBookingCurrency) {\r\n window.motorcycleBookingCurrency.updatePrices();\r\n }\r\n\r\n document.getElementById('bookingPage').style.display='none';\r\n document.getElementById('checkoutPage').style.display='block';\r\n });\r\n\r\n document.getElementById('confirmBooking').addEventListener('click', function(){\r\n \/\/ Send email and show thank you message\r\n sendEmailAndShowThankYou();\r\n });\r\n\r\n \/\/ Back to home button\r\n document.getElementById('backToHome').addEventListener('click', function() {\r\n \/\/ Reload the page to start over\r\n location.reload();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Book Forza 350cc – Oh My Phuket Forza 350cc Daily elegance and dynamism: a powerful, comfortable, and practical scooter, perfect for the city and your weekend getaways Cylindr\u00e9e : 330 cc Puissance : 29 ch Couple : 31 Nm Poids : 184 kg R\u00e9servoir : 11.7 L Autonomie : 340 km Safety Tips for Your […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ohmyphuket.com\/ru\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ohmyphuket.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ohmyphuket.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ohmyphuket.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ohmyphuket.com\/ru\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":118,"href":"https:\/\/ohmyphuket.com\/ru\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":435,"href":"https:\/\/ohmyphuket.com\/ru\/wp-json\/wp\/v2\/pages\/42\/revisions\/435"}],"wp:attachment":[{"href":"https:\/\/ohmyphuket.com\/ru\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}