{"id":930,"date":"2026-02-19T09:35:51","date_gmt":"2026-02-19T01:35:51","guid":{"rendered":"https:\/\/hargaproton.my\/?page_id=930"},"modified":"2026-05-27T05:52:39","modified_gmt":"2026-05-26T21:52:39","slug":"proton-booking","status":"publish","type":"page","link":"https:\/\/hargaproton.my\/en\/booking-proton\/","title":{"rendered":"Booking Proton 2026 Online \u2013 Book Easily &amp; Quickly"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group .booking-intro-section has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:#f9fafb;margin-bottom:18px\">\n<h2 class=\"wp-block-heading\">Booking Proton Baru 2026 Secara Online<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Nak booking Proton baru tanpa perlu ke showroom?<\/strong><br>Tempah secara online dan terus hubungi WhatsApp rasmi dealer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Semua model Proton 2026 tersedia untuk booking. Pilih model di bawah dan teruskan tempahan hari ini.<\/p>\n\n\n\n<!-- =========================\n     MODEL QUICK JUMP\n========================= -->\n<div class=\"hp-model-nav\" id=\"model\">\n\n  <a href=\"#saga\">Saga<\/a>\n  <a href=\"#s70\">S70<\/a>\n  <a href=\"#x50\">X50<\/a>\n  <a href=\"#x70\">X70<\/a>\n  <a href=\"#x90\">X90<\/a>\n  <a href=\"#persona\">Persona<\/a>\n  <a href=\"#iriz\">Iriz<\/a>\n  <a href=\"#emas5\">e.MAS 5<\/a>\n  <a href=\"#emas7\">e.MAS 7<\/a>\n  <a href=\"#emas7phev\">e.MAS 7 PHEV<\/a>\n\n<\/div>\n\n<!-- MICRO TRUST LINE -->\n<div class=\"hp-model-trust\">\n  \ud83d\udd12 Booking sah dealer rasmi \u2022 \ud83d\udcb3 Semakan loan percuma \u2022 \u26a1 Proses pantas \u2022 \u2714 Tiada caj tersembunyi\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- =========================\n     Proton Saga 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"saga\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">REBAT RM800<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton Saga 2026\"\n                data-title=\"Booking Proton Saga\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-Saga-2026-HargaProton.my_.webp\"\n               alt=\"Proton Saga 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton Saga 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>Sedan mampu milik paling popular. Sesuai untuk first car &amp; kegunaan harian.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>Kabin paling sejuk dalam segmen (15.2\u00b0C)<\/li>\n                <li>16\u201d Integrated Dual Screen<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>ADAS: AEB + Forward Collision Warning (FCW)<\/li>\n                <li>Jimat minyak sehingga 4.9L\/100km (MDC)<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM38,990<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM427\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton Saga 2026\" data-title=\"Booking Proton Saga\">\n          Tempah Saga\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/saga\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton S70 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"s70\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">REBAT RM7,000<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton S70 2026\"\n                data-title=\"Booking Proton S70\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/02\/Proton-S70-2026-HargaProton.my_.webp\"\n               alt=\"Proton S70 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton S70 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>Sedan segmen C dengan gaya sporty &amp; teknologi pintar terkini. Sesuai untuk eksekutif muda &amp; keluarga moden.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>12.3\u201d Infotainment + Digital Cluster<\/li>\n                <li>Wireless Apple CarPlay\u00ae &amp; Android Auto\u2122<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>ADAS Lengkap (AEB, ACC, LKA, BSD)<\/li>\n                <li>Enjin 1.5L Turbo + 7DCT (kuasa &amp; jimat)<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM68,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM780\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton S70 2026\" data-title=\"Booking Proton S70\">\n          Tempah S70\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/s70\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton X50 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"x50\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">REBAT RM7,800<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton X50 2026\"\n                data-title=\"Booking Proton X50\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-X50-2026-HargaProton.my_.webp\"\n               alt=\"Proton X50 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton X50 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>SUV sporty yang lengkap dengan teknologi pintar &amp; ciri keselamatan canggih\u2014sedap bawa dalam bandar &amp; highway.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>14.6\u201d Infotainment Head Unit<\/li>\n                <li>Wireless Apple CarPlay\u00ae &amp; Android Auto\u2122<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>AEB + Forward Collision Warning (FCW)<\/li>\n                <li>Adaptive Cruise Control (ACC) dengan Stop &amp; Go<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM89,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM917\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton X50 2026\" data-title=\"Booking Proton X50\">\n          Tempah X50\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/x50\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton X70 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"x70\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">REBAT RM9,000<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton X70 2026\"\n                data-title=\"Booking Proton X70\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-X70-2026-HargaProton.my_.webp\"\n               alt=\"Proton X70 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton X70 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>SUV premium dengan kuasa turbo &amp; teknologi keselamatan pintar. Sesuai untuk keluarga yang mahukan keselesaan maksimum.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>12.3\u201d Infotainment + Wireless Apple CarPlay\u00ae<\/li>\n                <li>Power Tailgate dengan Nearby Auto Open<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>ADAS Lengkap (AEB, ACC, LKA, RCTA, TSI)<\/li>\n                <li>Enjin 1.5L TGDi 177PS + 7DCT<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM99,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM1,090\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton X70 2026\" data-title=\"Booking Proton X70\">\n          Tempah X70\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/x70\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton X90 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"x90\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">REBAT RM10,000<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton X90 2026\"\n                data-title=\"Booking Proton X90\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-X90-2026-HargaProton.my_.webp\"\n               alt=\"Proton X90 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton X90 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>SUV 7-seater paling besar Proton\u2014selesa untuk keluarga besar, penuh teknologi &amp; ciri keselamatan pintar.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>3-Baris tempat duduk (7-seater) + ruang keluarga luas<\/li>\n                <li>Aircond belakang + kabin lebih selesa untuk jauh<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>ADAS (AEB, ACC Stop &amp; Go, LKA\/ELKA)<\/li>\n                <li>1.5L TGDi + 48V Mild Hybrid (lebih efisien)<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM99,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM1,090\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton X90 2026\" data-title=\"Booking Proton X90\">\n          Tempah X90\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/x90\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton Persona 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"persona\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">PROMOSI TERKINI<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton Persona 2026\"\n                data-title=\"Booking Proton Persona\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-Persona-2026-HargaProton.my_.webp\"\n               alt=\"Proton Persona 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton Persona 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>Sedan family yang selesa &amp; praktikal\u2014sesuai untuk daily drive, anak sekolah &amp; balik kampung.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>Ruang boot 510L (barang banyak senang)<\/li>\n                <li>Intelligent Entry + Push Start Button<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>ESC + Traction Control (lebih stabil &amp; selamat)<\/li>\n                <li>ECO Mode (bantu lebih jimat)<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM47,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM525\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton Persona 2026\" data-title=\"Booking Proton Persona\">\n          Tempah Persona\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/persona\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton Iriz 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"iriz\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">PROMOSI TERKINI<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton Iriz 2026\"\n                data-title=\"Booking Proton Iriz\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-Iriz-2026-HargaProton.my_.webp\"\n               alt=\"Proton Iriz 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton Iriz 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>Hatchback kompak yang sporty &amp; lincah\u2014sesuai untuk pemanduan bandar dengan gaya lebih agresif.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>8\u201d Floating Infotainment Head Unit + Voice Command<\/li>\n                <li>6 USB Ports (depan &amp; belakang)<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>6 SRS Airbags + Reinforced Body Structure<\/li>\n                <li>ESC + Traction Control + Hill Hold Assist<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM42,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM470\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton Iriz 2026\" data-title=\"Booking Proton Iriz\">\n          Tempah Iriz\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/iriz\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton e.MAS 5 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"emas5\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">REBAT RM3,000<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton e.MAS 5 2026\"\n                data-title=\"Booking Proton e.MAS 5\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-eMAS-5-2026-HargaProton.my_.webp\"\n               alt=\"Proton e.MAS 5 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton e.MAS 5 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>EV kompak paling praktikal untuk bandar\u2014senang charge, senyap, jimat kos harian &amp; penuh teknologi.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>14.6\u201d HD Display Head Unit + ATLAS Auto Operating System<\/li>\n                <li>DC Charging 30% \u2192 80% dalam 21 minit<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>ADAS: ACC + AEB + FCW + LKA + 360\u00b0 Camera (3D)<\/li>\n                <li>Regenerative Braking + ESC + G-Traction Control (GTCS)<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM59,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM610\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton e.MAS 5 2026\" data-title=\"Booking Proton e.MAS 5\">\n          Tempah e.MAS 5\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/emas5\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton e.MAS 7 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"emas7\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">REBAT RM4,000<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton e.MAS 7 2026\"\n                data-title=\"Booking Proton e.MAS 7\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-eMAS-7-2026-HargaProton.my_.webp\"\n               alt=\"Proton e.MAS 7 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton e.MAS 7 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>SUV elektrik pintar dengan kuasa 160kW &amp; jarak sehingga 410km (WLTP). Gabungan prestasi, teknologi &amp; keselamatan tahap tinggi.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>15.4\u201d 2.5K Touchscreen + Flyme Auto OS<\/li>\n                <li>Panoramic Sunroof + 256-Colour Ambient Lighting<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>Level 2 ADAS (ICC, AEB, ELKA, RCTA, TSR)<\/li>\n                <li>DC Fast Charging 30% \u2192 80% \u00b120 minit (hingga 100kW)<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM99,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM1,019\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton e.MAS 7 2026\" data-title=\"Booking Proton e.MAS 7\">\n          Tempah e.MAS 7\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/emas7\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- =========================\n     Proton e.MAS 7 PHEV 2026\n========================= -->\n\n<div class=\"hp-card\" id=\"emas7phev\">\n  <div class=\"hp-card-grid\">\n\n    <div class=\"hp-card-img\">\n      <span class=\"hp-ribbon\">REBAT RM4,000<\/span>\n\n      <div class=\"hp-img-wrap\">\n        <button type=\"button\"\n                class=\"js-hp-open\"\n                data-model=\"Proton e.MAS 7 PHEV 2026\"\n                data-title=\"Booking Proton e.MAS 7 PHEV\"\n                style=\"all:unset; cursor:pointer; display:block; width:100%;\">\n          <img decoding=\"async\" src=\"https:\/\/hargaproton.my\/wp-content\/uploads\/2026\/01\/Proton-eMAS-7-PHEV-2026-HargaProton.my_.webp\"\n               alt=\"Proton e.MAS 7 PHEV 2026\"\n               style=\"width:100%; display:block;\">\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"hp-card-content\">\n      <h3>Proton e.MAS 7 PHEV 2026<\/h3>\n\n      <details class=\"hp-toggle\" data-hp-toggle>\n        <summary class=\"hp-toggle__btn\">Lihat Butiran<\/summary>\n\n        <div class=\"hp-toggle__body\">\n          <p>SUV Plug-in Hybrid generasi baharu dengan mod elektrik penuh &amp; enjin petrol untuk jarak jauh\u2014kuasa, jimat &amp; fleksibel.<\/p>\n\n          <div class=\"hp-card-features\">\n            <div>\n              <strong>Keselesaan &amp; Praktikal<\/strong>\n              <ul>\n                <li>15.4\u201d 2.5K Display + 13.8\u201d Windshield HUD<\/li>\n                <li>DC Fast Charging 30% \u2192 80% dalam \u00b116 minit (60kW)<\/li>\n              <\/ul>\n            <\/div>\n\n            <div>\n              <strong>Safety &amp; Jimat<\/strong>\n              <ul>\n                <li>Level 2 ADAS (ICC, AEB, ELKA, RCTA, TSR)<\/li>\n                <li>Sehingga 1,065km Combined Range + 4.3L\/100km*<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/details>\n\n      <div class=\"hp-card-price\">\n        <ul>\n          <li class=\"hp-price-main\">\n            <span>Harga dari<\/span>\n            <strong>RM105,800<\/strong>\n          <\/li>\n          <li class=\"hp-price-monthly\">\n            <span>Ansuran dari<\/span>\n            <strong>\u00b1RM1,080\/bulan*<\/strong>\n            <div class=\"hp-disclaimer\">*Tertakluk kelulusan bank<\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hp-card-btn\">\n        <div style=\"text-align:center; font-size:13px; font-weight:600; margin:4px 0 10px;\">\n          \ud83d\udd25 Unit promo terhad bulan ini\n        <\/div>\n\n        <button type=\"button\" class=\"js-hp-open\" data-model=\"Proton e.MAS 7 PHEV 2026\" data-title=\"Booking Proton e.MAS 7 PHEV\">\n          Tempah e.MAS 7 PHEV\n        <\/button>\n\n        <div style=\"text-align:center; font-size:12.5px; margin-top:10px; opacity:0.9;\">\n          \u2705 Semakan loan percuma \u2022 Proses pantas\n        <\/div>\n\n        <div style=\"text-align:center; margin-top:12px;\">\n          <a href=\"\/emas7-phev\/\" style=\"font-size:14px; font-weight:500; text-decoration:none;\">\n            Lihat Harga, Ansuran &#038; Spesifikasi Penuh \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<script>\n\/* =========================================================\n   HP Toggle Behavior\n   - Desktop (>=782): force OPEN + hide summary\n   - Mobile (<=781): default CLOSED (kecuali user buka)\n========================================================= *\/\n(function(){\n  function applyToggle(){\n    const isDesktop = window.matchMedia(\"(min-width: 782px)\").matches;\n    document.querySelectorAll(\"details[data-hp-toggle]\").forEach(d => {\n      if(isDesktop){\n        d.setAttribute(\"open\",\"open\");\n      }else{\n        \/\/ mobile default closed (biar user toggle)\n        d.removeAttribute(\"open\");\n      }\n    });\n  }\n\n  if(document.readyState === \"loading\"){\n    document.addEventListener(\"DOMContentLoaded\", applyToggle);\n  } else {\n    applyToggle();\n  }\n  window.addEventListener(\"resize\", applyToggle);\n})();\n<\/script>\n\n\n\n<style>\n\/* =========================\n   Model Quick Nav\n========================= *\/\n\n.hp-model-nav{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  justify-content:center;\n  margin: 30px 0 40px;\n}\n\n.hp-model-nav a{\n  padding:10px 18px;\n  border-radius:10px;\n  background:#f3f3f3;\n  font-weight:600;\n  font-size:14px;\n  text-decoration:none;\n  transition: all .25s ease;\n}\n\n.hp-model-nav a:hover{\n  background:#000;\n  color:#fff;\n  transform: translateY(-2px);\n}\n\n\/* smooth scroll *\/\nhtml{\n  scroll-behavior:smooth;\n}\n\n\/* offset kalau ada sticky header *\/\n.hp-card{\n  scroll-margin-top: 120px;\n}\n\n\n\/* =========================================================\n   HUB BOOKING CARDS (DESKTOP + MOBILE) + RIBBON + TOGGLE\n========================================================= *\/\n\n\/* ===== Hub Booking Cards ===== *\/\n.hp-card{\n  border: 1px solid rgba(0,0,0,.08);\n  border-radius: 14px;\n  padding: 18px;\n  margin: 18px 0;\n  box-shadow: 0 10px 24px rgba(0,0,0,.06);\n  background: #fff;\n}\n\n\/* Desktop 2-col: kiri gambar, kanan content *\/\n.hp-card-grid{\n  display: grid;\n  grid-template-columns: minmax(420px, 45%) 1fr;\n  gap: 18px;\n  align-items: stretch;\n}\n\n\/* ===== KIRI: IMAGE + WRAP ===== *\/\n.hp-card-img{\n  position: relative;\n  height: 100%;\n  background: transparent;\n  overflow: visible;\n  min-height: 260px;\n}\n\n\/* wrapper untuk crop gambar & rounded *\/\n.hp-img-wrap{\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n  border-radius: 12px;\n  background: #f5f5f5;\n}\n\n\/* desktop image absolute *\/\n.hp-img-wrap img{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* ===============================\n   RIBBON (DESKTOP)\n================================ *\/\n.hp-ribbon{\n  position:absolute;\n  top:14px;\n  left:-8px;\n  z-index:20;\n\n  padding:8px 14px 8px 16px;\n  font-size:13px;\n  font-weight:800;\n  color:#fff;\n\n  background:linear-gradient(135deg,#b80000,#ff2d2d);\n  border-radius:0 6px 6px 0;\n  box-shadow:0 10px 18px rgba(0,0,0,.22);\n\n  letter-spacing:.3px;\n  text-transform:uppercase;\n  line-height: 1.1;\n}\n\n.hp-ribbon::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:-8px;\n  width:0;\n  height:0;\n  border-top:8px solid #7a0000;\n  border-left:8px solid transparent;\n}\n\n.hp-ribbon::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:8px;\n  height:100%;\n  background:rgba(0,0,0,.10);\n  clip-path:polygon(0 0,100% 14%,100% 86%,0 100%);\n}\n\n\/* ===== KANAN: CONTENT ===== *\/\n.hp-card-content{\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n  gap: 10px;\n}\n\n\/* Title bar *\/\n.hp-card-content h3{\n  background: linear-gradient(90deg, #b91c1c, #7f1d1d);\n  color: #fff;\n  padding: 14px 16px;\n  border-radius:8px 8px 0 0;\n  font-weight: 800;\n  margin: 0 0 6px 0;\n  text-transform: uppercase;\n}\n\n\/* =========================================================\n   TOGGLE\n========================================================= *\/\n.hp-toggle{\n  margin: 0;\n}\n\n.hp-toggle__btn{\n  list-style: none;\n  cursor: pointer;\n  user-select: none;\n  font-weight: 800;\n  padding: 10px 12px;\n  border-radius: 12px;\n  border: 1px solid rgba(0,0,0,.08);\n  background: rgba(0,0,0,.02);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.hp-toggle__btn::-webkit-details-marker{ display:none; }\n\n.hp-toggle__btn::after{\n  content: \"\u25be\";\n  font-size: 14px;\n  opacity: .7;\n  transition: transform .2s ease;\n}\n.hp-toggle[open] .hp-toggle__btn::after{\n  transform: rotate(180deg);\n}\n\n.hp-toggle__body{\n  padding-top: 10px;\n}\n\n\/* Desktop: summary hide + content shown *\/\n@media (min-width: 782px){\n  details.hp-toggle > summary{ display:none !important; }\n  \/* override browser default hide when not open *\/\n  details.hp-toggle:not([open]) > :not(summary){ display:block !important; }\n  details.hp-toggle > .hp-toggle__body{ display:block !important; padding-top:0 !important; }\n}\n\n\/* Mobile: content hidden unless open *\/\n@media (max-width: 781px){\n  .hp-toggle:not([open]) .hp-toggle__body{ display:none; }\n  .hp-toggle[open] .hp-toggle__btn{\n    background: rgba(22,163,74,.06);\n    border-color: rgba(22,163,74,.25);\n  }\n}\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n.hp-card-features{\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin: 10px 0 0;\n}\n\n.hp-card-features > div{\n  padding: 10px 12px;\n  border: 1px solid rgba(0,0,0,.06);\n  border-radius: 12px;\n  background: rgba(0,0,0,.02);\n}\n\n.hp-card-features ul{\n  margin: 8px 0 0 0;\n  padding-left: 18px;\n}\n\n\/* =========================================================\n   PRICE\n========================================================= *\/\n.hp-card-price{\n  padding: 14px 16px;\n  border-radius: 14px;\n  background: linear-gradient(180deg, #f8fafc, #f1f5f9);\n  font-weight: 600;\n  margin: 0;\n  border: 1px solid rgba(0,0,0,.04);\n}\n\n.hp-card-price ul{\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n@media (min-width: 782px){\n  .hp-card-price ul{\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n  }\n  .hp-price-main span, .hp-price-monthly span{\n    display:block;\n    font-size: 13px;\n    opacity:.7;\n  }\n  .hp-price-main strong{\n    font-size: 18px;\n    font-weight: 800;\n    color:#111;\n  }\n  .hp-price-monthly{ text-align: right; }\n  .hp-price-monthly strong{\n    font-size: 20px;\n    font-weight: 900;\n    color:#16a34a;\n  }\n}\n\n@media (max-width: 781px){\n  .hp-card-price li{ margin-bottom: 6px; }\n  .hp-price-main span, .hp-price-monthly span{\n    font-size: 13px;\n    opacity:.7;\n    display:block;\n  }\n  .hp-price-main strong{\n    font-size: 18px;\n    font-weight: 800;\n    color:#111;\n  }\n  .hp-price-monthly strong{\n    font-size: 22px;\n    font-weight: 900;\n    color:#16a34a;\n  }\n}\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n.hp-card-btn{\n  margin-top: auto;\n  padding-top: 0;\n}\n\n.hp-card-btn button{\n  width: 100%;\n  border: 0;\n  cursor: pointer;\n  padding: 14px 16px;\n  border-radius: 12px;\n  font-weight: 800;\n  color: #fff;\n  background: #008e23;\n}\n.hp-card-btn button:hover{ filter: brightness(0.95); }\n\n\/* =========================================================\n   MOBILE CARD WRAP + RIBBON FIX\n========================================================= *\/\n@media (max-width: 781px){\n\n  .hp-card{\n    padding: 0 !important;\n    overflow: visible !important;\n    border-radius: 14px !important;\n    background: transparent !important;\n    border: 0 !important;\n    box-shadow: none !important;\n  }\n\n  .hp-card-grid{\n    grid-template-columns: 1fr !important;\n    gap: 0 !important;\n    border-radius: 14px !important;\n    background: #fff !important;\n    border: 1px solid rgba(0,0,0,.08) !important;\n    box-shadow: 0 10px 24px rgba(0,0,0,.06) !important;\n    overflow: visible !important;\n  }\n\n  .hp-card-img{ min-height: 0; }\n\n  .hp-img-wrap{\n    height: 260px !important;\n    overflow: hidden !important;\n    border-radius: 14px 14px 0 0 !important;\n  }\n\n  .hp-ribbon{\n    top: 14px !important;\n    left: -6px !important;\n    padding: 6px 14px !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    background: linear-gradient(135deg,#c40000,#ff2d2d) !important;\n    border-radius: 0 4px 4px 0 !important;\n    box-shadow: 0 4px 10px rgba(0,0,0,.18) !important;\n  }\n  .hp-ribbon::before{\n    bottom: -6px !important;\n    border-top: 6px solid #8f0000 !important;\n    border-left: 6px solid transparent !important;\n  }\n  .hp-ribbon::after{ content:none !important; }\n\n  .hp-card-content{\n    padding: 0 !important;\n    gap: 10px !important;\n  }\n\n  .hp-card-content h3{\n    width: 100% !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    font-size: 20px !important;\n  }\n\n  .hp-card-content > *:not(h3){\n    padding-left: 14px !important;\n    padding-right: 14px !important;\n  }\n\n  .hp-card-features{\n    grid-template-columns: 1fr !important;\n  }\n\n  \/* price & cta spacing *\/\n  .hp-card-price{\n    margin: 6px 14px 0 !important;\n    border-radius: 12px !important;\n  }\n  .hp-card-btn{\n    padding: 6px 14px 12px !important;\n    margin-top: 0 !important;\n  }\n}\n\n\/* ===== Modal Popup (CENTER) ===== *\/\n.hp-modal{\n  position: fixed;\n  inset: 0;\n  display: none;\n  z-index: 9999;\n}\n\n.hp-modal.is-open{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n}\n\n.hp-modal__overlay{\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,.55);\n}\n\n.hp-modal__dialog{\n  position: relative;\n  width: min(560px, 100%);\n  background: #fff;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0,0,0,.25);\n  padding: 18px;\n  z-index: 1;\n  max-height: calc(100vh - 32px);\n  overflow: auto;\n}\n\n.hp-modal__head{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap: 12px;\n  margin-bottom: 10px;\n}\n\n.hp-modal__title{\n  font-size: 18px;\n  font-weight: 800;\n  margin: 0;\n}\n\n.hp-modal__close{\n  border: 0;\n  background: rgba(0,0,0,.06);\n  width: 38px;\n  height: 38px;\n  border-radius: 10px;\n  cursor: pointer;\n  font-size: 18px;\n  line-height: 38px;\n}\n\n\/* ===== Form ===== *\/\n.hp-form{\n  display: grid;\n  gap: 10px;\n}\n\n.hp-form label{\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.hp-form input{\n  width: 100%;\n  height: 48px;\n  padding: 0 14px;\n  border: 1px solid rgba(0,0,0,.14);\n  border-radius: 12px;\n  outline: none;\n  color: #111;\n  background: #fff;\n  font-size: 16px;\n  line-height: 48px;\n  box-sizing: border-box;\n  display: block;\n}\n\n.hp-form select{\n  width: 100%;\n  height: 48px;\n  padding: 0 14px;\n  border: 1px solid rgba(0,0,0,.14);\n  border-radius: 12px;\n  outline: none;\n  background: #ffffff;\n  color: #111111;\n  font-size: 16px;\n  line-height: 48px;\n  box-sizing: border-box;\n  display: block !important;\n  appearance: auto;\n  -webkit-appearance: menulist;\n  -moz-appearance: menulist;\n}\n\n.hp-form select option{ color: #111; }\n\n.hp-form input:focus, .hp-form select:focus{\n  border-color: rgba(22,163,74,.6);\n  box-shadow: 0 0 0 4px rgba(22,163,74,.12);\n}\n\n.hp-form__submit{\n  border: 0;\n  cursor: pointer;\n  padding: 14px 16px;\n  border-radius: 12px;\n  font-weight: 800;\n  color: #fff;\n  background: #16a34a;\n}\n\n.hp-form__note{\n  font-size: 12px;\n  opacity: .75;\n  margin: 6px 0 0;\n}\n\n\/* =========================\n   HP Card Premium Hover\n========================= *\/\n\n.hp-card{\n  position: relative;\n  transition: transform .3s ease, box-shadow .3s ease;\n  border-radius: 18px;\n  overflow: hidden;\n}\n\n\/* Image wrapper *\/\n.hp-card .hp-img-wrap{\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Smooth image animation *\/\n.hp-card .hp-img-wrap img{\n  width: 100%;\n  display: block;\n  transition: transform .5s ease, filter .4s ease;\n  transform: scale(1);\n  will-change: transform;\n}\n\n\/* Gradient overlay *\/\n.hp-card .hp-img-wrap::after{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.18), transparent 60%);\n  opacity: 0;\n  transition: opacity .4s ease;\n  pointer-events: none;\n}\n\n\/* Desktop hover only *\/\n@media (hover:hover) and (pointer:fine){\n\n  .hp-card:hover{\n    transform: translateY(-6px);\n    box-shadow: 0 18px 40px rgba(0,0,0,0.12);\n  }\n\n  .hp-card:hover .hp-img-wrap img{\n    transform: scale(1.08);\n    filter: saturate(1.08);\n  }\n\n  .hp-card:hover .hp-img-wrap::after{\n    opacity: 1;\n  }\n\n}\n\n\/* Button smooth hover *\/\n.hp-card-btn button{\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n\n.hp-card-btn button:hover{\n  transform: translateY(-2px);\n  box-shadow: 0 6px 14px rgba(0,0,0,0.15);\n}\n\n.hp-price-monthly .hp-disclaimer{\n  display:block;\n  margin-top:6px;\n  font-size:12px;\n  line-height:1.2;\n  opacity:0.85;\n}\n\n.hp-model-trust {\n  text-align: center;\n  font-size: 13px;\n  margin: 14px 0 4px;\n  color: #2e7d32;\n  font-weight: 500;\n}\n\n.booking-intro-panel{\n  background:#ffffff;\n  border:1px solid #eef2f7;\n  border-radius:16px;\n  box-shadow: 0 6px 18px rgba(15,23,42,.06);\n  padding: 26px 28px;\n}\n\n.hp-model-nav{ margin-top: 16px; }\n.hp-model-trust{ margin-top: 10px; }\n\n.hp-model-nav a:hover{\n  transform: translateY(-1px);\n  box-shadow: 0 6px 14px rgba(0,0,0,.06);\n}\n\n.hp-model-trust{\n  opacity: .85;\n  font-size: 13px;\n}\n\n.hp-benefit-list{\n  display:grid !important;\n  grid-template-columns: repeat(2, minmax(0,1fr)) !important;\n  column-gap: 18px !important;\n  row-gap: 10px !important;\n  align-items:start;\n}\n\n@media (max-width:768px){\n  .hp-benefit-list{\n    grid-template-columns: 1fr !important;\n  }\n}\n\n\/* ===== Proses Booking Proton (Step List) ===== *\/\n.hp-steps{\n  display:grid;\n  gap:14px;\n  margin-top:18px;\n}\n\n.hp-step{\n  background:#fff;\n  border:1px solid rgba(0,0,0,.06);\n  border-radius:14px;\n  padding:16px 18px;\n  box-shadow:0 10px 30px rgba(0,0,0,.04);\n}\n\n.hp-step-head{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  margin-bottom:6px;\n}\n\n.hp-step-no{\n  width:30px;\n  height:30px;\n  border-radius:8px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:17px;\n  font-weight:800;\n  background:#eaf2ff;\n  border:1px solid rgba(0,0,0,.06);\n\n}\n\n.hp-step-title{\n  font-size:20px;\n  font-weight:800;\n  margin:0;\n}\n\n.hp-step p{\n  margin:0;\n  opacity:.92;\n  line-height:1.55;\n}\n\n@media (min-width:900px){\n  .hp-steps{\n    grid-template-columns: repeat(2, minmax(0,1fr));\n  }\n}\n\n.hp-step{\n  transition: all .2s ease;\n}\n\n.hp-step:hover{\n  transform: translateY(-2px);\n  box-shadow:0 14px 40px rgba(0,0,0,.08);\n}\n\n.hp-docs { margin-top: 40px; }\n.hp-docs-grid{\n  display:grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap:18px;\n  margin-top:18px;\n}\n@media (max-width: 900px){\n  .hp-docs-grid{ grid-template-columns: 1fr; }\n}\n\n.hp-doc-card{\n  background:#F2F5F7;\n  border:1px solid rgba(0,0,0,.08);\n  border-radius:16px;\n  padding:18px 18px 16px;\n  box-shadow:0 10px 28px rgba(0,0,0,.04);\n}\n.hp-doc-card h3{ margin:0 0 10px; font-size:18px; }\n\n.hp-checklist{ margin:0; padding-left:18px; }\n.hp-checklist li{ margin:8px 0; }\n\n.hp-doc-note{\n  margin-top:12px;\n  font-size:13px;\n  opacity:.85;\n}\n\n.hp-microtrust{\n  margin-top:16px;\n  font-size:13px;\n  opacity:.9;\n}\n\n\/* Center CTA section *\/\n.hp-doc-cta{\n  display: flex;\n  justify-content: center;\n  margin-top: 18px;\n}\n\n\/* Optional: bagi button nampak lebih premium *\/\n.hp-doc-cta button{\n  min-width: 260px;\n  padding: 14px 24px;\n  border-radius: 12px;\n  font-weight: 600;\n  box-shadow: 0 12px 26px rgba(0,0,0,.08);\n}\n\n.hp-doc-cta button:hover{\n  transform: translateY(-2px);\n  transition: .2s ease;\n}\n\n.hp-doc-cta button,\n.hp-doc-cta a {\n  cursor: pointer;\n}\n\n\n\/* 1) samakan tinggi card *\/\n.hp-docs-grid { align-items: stretch; }\n.hp-doc-card { height: 100%; display: flex; flex-direction: column; }\n.hp-doc-card .hp-doc-note { margin-top: auto; }\n\n\/* 2) tip lebih subtle *\/\n.hp-doc-note{\n  font-style: italic;\n  opacity: .75;\n  margin-top: 12px;\n  line-height: 1.35;\n}\n\n\/* 3) micro trust kemas *\/\n.hp-microtrust{\n  margin-top: 14px;\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center; \/* tukar center kalau kau nak *\/\n  font-size: 13px;\n  opacity: .9;\n}\n\n\/* 4) CTA button lebih \u201cklikable\u201d *\/\n.hp-doc-cta button{\n  background: #16a34a; \/* hijau *\/\n  color: #fff;\n  box-shadow: 0 12px 26px rgba(0,0,0,.08);\n}\n.hp-doc-cta button:hover{ filter: brightness(.95); }\n\n<\/style>\n\n\n\n<div class=\"hp-modal\" id=\"hpBookingModal\" aria-hidden=\"true\">\n  <div class=\"hp-modal__overlay\" data-hp-close><\/div>\n\n  <div class=\"hp-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hpModalTitle\">\n    <div class=\"hp-modal__head\">\n      <p class=\"hp-modal__title\" id=\"hpModalTitle\">Booking Proton<\/p>\n      <button class=\"hp-modal__close\" type=\"button\" data-hp-close aria-label=\"Tutup\">\u00d7<\/button>\n    <\/div>\n\n    <form class=\"hp-form\" id=\"hpBookingForm\">\n      <div>\n        <label for=\"hpName\">Nama<\/label>\n        <input id=\"hpName\" name=\"name\" type=\"text\" required>\n      <\/div>\n\n      <div>\n        <label for=\"hpPhone\">No. Handphone<\/label>\n        <input id=\"hpPhone\" name=\"phone\" type=\"tel\" required>\n      <\/div>\n\n      <div>\n        <label for=\"hpLocation\">Lokasi<\/label>\n        <input id=\"hpLocation\" name=\"location\" type=\"text\" required>\n      <\/div>\n\n<div>\n  <label for=\"hpModel\">Model<\/label>\n  <select id=\"hpModel\" name=\"model\" required>\n    <option value=\"\">Pilih model<\/option>\n\n    <option>Proton Saga 2026<\/option>\n    <option>Proton S70 2026<\/option>\n    <option>Proton Persona 2026<\/option>\n    <option>Proton Iriz 2026<\/option>\n\n    <option>Proton X50 2026<\/option>\n    <option>Proton X70 2026<\/option>\n    <option>Proton X90 2026<\/option>\n\n    <option>Proton e.MAS 5 2026<\/option>\n    <option>Proton e.MAS 7 2026<\/option>\n    <option>Proton e.MAS 7 PHEV 2026<\/option>\n  <\/select>\n<\/div>\n\n\n      <button class=\"hp-form__submit\" type=\"submit\">Hantar &amp; WhatsApp<\/button>\n      <p class=\"hp-form__note\">Dengan tekan \u201cHantar\u201d, anda akan terus dibawa ke WhatsApp untuk hantar mesej auto.<\/p>\n    <\/form>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-palette-color-6-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:50px\">\n<h2 class=\"wp-block-heading\">Kenapa Booking Proton 2026 Dengan Kami?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Booking Proton secara online bersama kami bukan sekadar isi borang \u2014 anda akan dibantu terus oleh Penasihat Jualan sah yang berpengalaman daripada semakan loan sehingga kenderaan selamat diserahkan kepada anda.<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-69e815ac wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Antara kelebihan booking dengan kami:<\/strong><\/p>\n\n\n\n<div class=\"hp-benefit-list\">\n  <div>\u2705 Urusan pantas melalui WhatsApp rasmi dealer<\/div>\n  <div>\u2705 Semakan kelayakan pinjaman percuma<\/div>\n  <div>\u2705 Pilihan bank terbaik mengikut profil anda<\/div>\n  <div>\u2705 Boleh trade-in kereta lama<\/div>\n  <div>\u2705 Maklumat promosi &#038; rebat terkini<\/div>\n  <div>\u2705 Anggaran ansuran ikut bajet anda<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\ude97 Dari booking hingga serahan kunci \u2014 kami uruskan semuanya untuk anda.<\/p>\n<\/div>\n\n\n\n<h2>Proses Booking Proton<\/h2>\n\n<div class=\"hp-steps\">\n\n  <div class=\"hp-step\">\n    <div class=\"hp-step-head\">\n      <div class=\"hp-step-no\">1<\/div>\n      <h3 class=\"hp-step-title\">Pilih Model<\/h3>\n    <\/div>\n    <p>Pilih model Proton yang anda minat seperti Saga, S70, X50, X70, X90, Persona, Iriz atau e.MAS.<\/p>\n  <\/div>\n\n  <div class=\"hp-step\">\n    <div class=\"hp-step-head\">\n      <div class=\"hp-step-no\">2<\/div>\n      <h3 class=\"hp-step-title\">Isi Maklumat Ringkas<\/h3>\n    <\/div>\n    <p>Masukkan nama, nombor telefon dan lokasi untuk semakan awal.<\/p>\n  <\/div>\n\n  <div class=\"hp-step\">\n    <div class=\"hp-step-head\">\n      <div class=\"hp-step-no\">3<\/div>\n      <h3 class=\"hp-step-title\">Semakan Loan<\/h3>\n    <\/div>\n    <p>Kami bantu semak kelayakan pinjaman dengan beberapa bank untuk dapatkan approval terbaik.<\/p>\n  <\/div>\n\n  <div class=\"hp-step\">\n    <div class=\"hp-step-head\">\n      <div class=\"hp-step-no\">4<\/div>\n      <h3 class=\"hp-step-title\">Approval &#038; Serahan<\/h3>\n    <\/div>\n    <p>Selepas loan lulus dan unit tersedia, kami maklumkan jadual pendaftaran dan serahan.<\/p>\n  <\/div>\n<p style=\"margin-top:14px; font-size:13px; opacity:.85;\">\n\u2705 Semakan loan percuma \u2022 \u2705 Dealer rasmi \u2022 \u2705 Proses pantas\n<\/p>\n\n<\/div>\n\n\n\n<!-- =========================\n     DOKUMEN YANG DIPERLUKAN\n========================= -->\n<section class=\"hp-docs\" id=\"dokumen\">\n  <h2>Dokumen Yang Diperlukan<\/h2>\n  <p>Berikut adalah dokumen asas untuk permohonan pinjaman kereta. Tak pasti yang mana sesuai? Takpe \u2014 kami bantu semak dulu.<\/p>\n\n  <div class=\"hp-docs-grid\">\n\n    <!-- GAJI TETAP -->\n    <div class=\"hp-doc-card\">\n      <h3>Untuk Individu Bekerja (Gaji Tetap)<\/h3>\n      <ul class=\"hp-checklist\">\n        <li>Salinan IC depan &amp; belakang<\/li>\n        <li>Slip gaji 3 bulan terkini<\/li>\n        <li>Penyata bank 3 bulan terkini<\/li>\n        <li>Penyata KWSP (jika diperlukan)<\/li>\n      <\/ul>\n      <div class=\"hp-doc-note\">Tip: Lagi lengkap dokumen, lagi cepat proses semakan.<\/div>\n    <\/div>\n\n    <!-- BEKERJA SENDIRI -->\n    <div class=\"hp-doc-card\">\n      <h3>Untuk Bekerja Sendiri \/ Berniaga<\/h3>\n      <ul class=\"hp-checklist\">\n        <li>Salinan IC<\/li>\n        <li>Penyata bank 6 bulan terkini<\/li>\n        <li>SSM (jika ada)<\/li>\n        <li>Borang B \/ BE (jika ada)<\/li>\n      <\/ul>\n      <div class=\"hp-doc-note\">Tip: Jika tiada SSM, kami boleh cadangkan pilihan bank yang sesuai.<\/div>\n    <\/div>\n\n    <!-- SYARIKAT -->\n    <div class=\"hp-doc-card\">\n      <h3>Untuk Syarikat<\/h3>\n      <ul class=\"hp-checklist\">\n        <li>SSM &amp; dokumen syarikat<\/li>\n        <li>Penyata bank syarikat<\/li>\n        <li>IC pengarah<\/li>\n      <\/ul>\n      <div class=\"hp-doc-note\">Tip: Boleh mohon atas nama syarikat ikut kelayakan &amp; rekod bank.<\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- micro trust -->\n  <div class=\"hp-microtrust\">\n    \ud83d\udd12 Maklumat anda dirahsiakan \u2022 \u2705 Semakan loan percuma \u2022 \u26a1 Proses pantas\n  <\/div>\n\n  <!-- mini CTA -->\n  <div class=\"hp-doc-cta\">\n    <button type=\"button\" class=\"js-hp-open\" data-title=\"Semak Kelayakan Loan Proton\">\n      Semak Kelayakan Loan\n    <\/button>\n  <\/div>\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\">Soalan Lazim Booking Proton Baru<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tempah model Proton pilihan secara online. Proses pantas melalui WhatsApp rasmi dealer.<\/p>","protected":false},"author":1,"featured_media":1106,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-930","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"content_style_source":"custom","vertical_spacing_source":"custom","content_area_spacing":"none","page_structure_type":"type-4","has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/pages\/930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/comments?post=930"}],"version-history":[{"count":5,"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/pages\/930\/revisions"}],"predecessor-version":[{"id":2086,"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/pages\/930\/revisions\/2086"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/media\/1106"}],"wp:attachment":[{"href":"https:\/\/hargaproton.my\/en\/wp-json\/wp\/v2\/media?parent=930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}