Friday, July 3, 2026
Jul 03, 2026Cari
Nasional

Harga OTR Mobil Hyundai Juli 2026 Terbaru: Stargazer, Creta, hingga IONIQ

Persaingan pasar otomotif nasional kian panas memasuki Juli 2026, dan Hyundai tak mau ketinggalan mengukuhkan posisinya lewat lini MPV, SUV, hingga kendaraan listrik andalannya. Mulai dari Stargazer yang jadi tulang punggung penjualan, Creta yang terus digempur persaingan SUV compact, sampai IONIQ y

Daftar Isi
  1. Harga OTR Mobil Hyundai Juli 2026 
  2. Segmen Premium dan EV
  3. Segmen SUV Menengah
  4. Segmen SUV dan Compact
  5. Segmen MPV Keluarga
  6. Kategori Mobil Hyundai Berdasarkan Jenis dan Kegunaan
  7. MPV (Multi-Purpose Vehicle)
  8. Compact SUV
  9. Large SUV
  10. Kendaraan Listrik (EV)
  11. Premium Van
  12. Hyundai Siapkan Deretan Mobil Baru di GIIAS 2026, IONIQ 3 Jadi Sorotan
  13. Hyundai Ioniq 3 Resmi Tampil, Desain Baru dan Jarak Tempuh Hingga 496 Km
  14. Nama Hyundai Staria Hybrid & EV Terdaftar di Indonesia, Meluncur 2026?

Persaingan pasar otomotif nasional kian panas memasuki Juli 2026, dan Hyundai tak mau ketinggalan mengukuhkan posisinya lewat lini MPV, SUV, hingga kendaraan listrik andalannya. Mulai dari Stargazer yang jadi tulang punggung penjualan, Creta yang terus digempur persaingan SUV compact, sampai IONIQ yang jadi simbol keseriusan Hyundai di pasar mobil listrik Tanah Air.

Harga OTR (on the road) Jakarta untuk lini Hyundai bulan ini tercatat bervariasi, mulai dari kisaran Rp250 jutaan untuk Stargazer varian entry, hingga tembus di atas Rp1,2 miliar untuk IONIQ 6 sebagai model paling premium. Rentang harga yang lebar ini mencerminkan strategi Hyundai menyasar berbagai segmen konsumen, dari keluarga muda pencari MPV terjangkau hingga early adopter kendaraan listrik.

Berikut daftar lengkap harga OTR mobil Hyundai terbaru Juli 2026, mulai dari Stargazer, Creta, Staria, Tucson, Santa Fe, Palisade, hingga jajaran IONIQ.

Harga OTR Mobil Hyundai Juli 2026 

Segmen Premium dan EV

ModelHarga OTR Mulai
Hyundai IONIQ 6Rp1.237.200.000
Hyundai Palisade HybridRp1.131.900.000
Hyundai StariaRp954.800.000
Hyundai PalisadeRp943.800.000
Hyundai IONIQ 5Rp809.000.000

Segmen SUV Menengah

ModelHarga OTR Mulai
Hyundai Santa FeRp735.800.000
Hyundai TucsonRp652.000.000
Hyundai KONA ElectricRp565.300.000

Segmen SUV dan Compact

ModelHarga OTR Mulai
Hyundai CretaRp307.800.000
Hyundai VenueRp340.000.000

Segmen MPV Keluarga

ModelHarga OTR Mulai
Hyundai Stargazer Cartenz XRp370.250.000
Hyundai Stargazer XRp347.750.000
Hyundai Stargazer CartenzRp276.100.000
Hyundai StargazerRp258.200.000

Kategori Mobil Hyundai Berdasarkan Jenis dan Kegunaan

Hyundai memiliki jajaran mobil yang dikelompokkan berdasarkan kategori bodi dan kegunaannya, sehingga setiap model dirancang dengan karakter berbeda sesuai kebutuhan pengguna.

MPV (Multi-Purpose Vehicle)

Segmen MPV Hyundai berfokus pada kenyamanan keluarga dengan kabin luas, fleksibel, dan nyaman untuk penggunaan harian maupun perjalanan jauh. Model seperti Stargazer dan Stargazer X hadir dengan karakter yang lebih mengutamakan efisiensi ruang, kenyamanan penumpang, serta kemudahan berkendara di berbagai kondisi jalan.

Hyundai New Stargazer
Hyundai New Stargazer
Rp 258,2 - 331,9 juta
Lihat Harga New Stargazer

Lihat Detail
.pdp-entry-container { display: grid; grid-template-columns: minmax(100px, 20%) 1fr auto; grid-template-areas: "thumb info btn"; align-items: center; column-gap: 20px; row-gap: 16px; min-height: 210px; height: auto; width: 100%; padding: 16px; border-radius: 8px; border: 1px solid #D1D5DB; margin: 16px 0px; } .pdp-information-container { display: flex; grid-area: info; flex-direction: column; gap: 16px; min-width: 0; width: 100%; overflow: visible; } .pdp-information-container .car-model-information { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; } .pdp-information-container .car-model-information .model-title { font-size: 14px; font-weight: 600; line-height: 140%; } .pdp-information-container .car-model-information .price { font-size: 16px; line-height: 140%; font-weight: 700; color: #D08336; } .pdp-information-container .car-model-information .lihat-harga { font-size: 12px; color: #002DB4; font-weight: 500; line-height: 140%; } .pdp-information-container .pdp-url-list { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: 6px; height: auto; min-height: 40px; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; } .pdp-information-container .pdp-url-list::-webkit-scrollbar { display: none; } .pdp-information-container .pdp-url-list .pdp-url-item { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; text-decoration: none; color: inherit; padding: 0 2px; } .pdp-information-container .pdp-url-list .pdp-url-icon { width: 16px; height: 16px; display: block; } .pdp-information-container .pdp-url-list .pdp-url-label { font-size: 12px; font-weight: 700; line-height: 140%; color: #002DB4; text-align: center; white-space: nowrap; } .entry-point-url { display: flex; grid-area: btn; justify-content: center; align-items: center; align-self: center; flex: 0 0 auto; flex-shrink: 0; text-align: center; text-decoration: none; background-color: #002DB4; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 140%; padding: 8px 16px; border-radius: 32px; white-space: nowrap; } @media screen and (min-width: 769px) { .entry-point-url { width: fit-content; } .pdp-entry-container { grid-template-columns: minmax(110px, 18%) 1fr auto; column-gap: 24px; } .pdp-information-container .pdp-url-list { gap: 10px; overflow-x: visible; } } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; max-width: 100%; height: auto; aspect-ratio: 169 / 113; display: block; object-fit: contain; border-radius: 8px; align-self: center; justify-self: center; } .pdp-entry-container .thumb-placeholder { background-color: #E5E7EB; } hr.custom-line { border: none; border-top: 1px solid #D1D5DB; margin: 0; width: 100%; flex: 0 0 auto; } @media screen and (max-width: 768px) { .pdp-entry-container { display: grid; grid-template-columns: 30% 1fr; grid-template-areas: "thumb info" "line line" "links links" "btn btn"; height: auto; gap: 16px; align-items: start; margin: 8px 0px; } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; flex: none; } .pdp-information-container { display: contents; width: auto; } .pdp-information-container .car-model-information { grid-area: info; height: auto; } .entry-point-url { grid-area: btn; width: 100%; padding: 8px 14px; justify-self: stretch; } hr.custom-line { grid-area: line; } .pdp-information-container .model-title { font-size: 12px !important; } .pdp-information-container .price { font-size: 14px !important; } .pdp-information-container .lihat-harga { font-size: 10px !important; } .pdp-url-list { grid-area: links; height: auto !important; gap: 6px !important; flex-wrap: nowrap !important; justify-content: space-between !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .pdp-url-list .pdp-url-item { flex: 0 0 auto !important; padding: 0 1px !important; } .pdp-url-list .pdp-url-label { font-size: 10px !important; } }

Compact SUV

Pada kategori Compact SUV, Hyundai menghadirkan Creta dan Creta N Line yang menggabungkan desain tangguh dengan ukuran yang tetap praktis untuk mobilitas perkotaan. Segmen ini menonjolkan ground clearance yang lebih tinggi, tampilan lebih sporty, serta fitur modern yang mendukung gaya hidup aktif di kota besar.

Hyundai The New Creta
Hyundai The New Creta
Rp 299,7 - 507,2 juta
Lihat Harga The New Creta

Lihat Detail
.pdp-entry-container { display: grid; grid-template-columns: minmax(100px, 20%) 1fr auto; grid-template-areas: "thumb info btn"; align-items: center; column-gap: 20px; row-gap: 16px; min-height: 210px; height: auto; width: 100%; padding: 16px; border-radius: 8px; border: 1px solid #D1D5DB; margin: 16px 0px; } .pdp-information-container { display: flex; grid-area: info; flex-direction: column; gap: 16px; min-width: 0; width: 100%; overflow: visible; } .pdp-information-container .car-model-information { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; } .pdp-information-container .car-model-information .model-title { font-size: 14px; font-weight: 600; line-height: 140%; } .pdp-information-container .car-model-information .price { font-size: 16px; line-height: 140%; font-weight: 700; color: #D08336; } .pdp-information-container .car-model-information .lihat-harga { font-size: 12px; color: #002DB4; font-weight: 500; line-height: 140%; } .pdp-information-container .pdp-url-list { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: 6px; height: auto; min-height: 40px; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; } .pdp-information-container .pdp-url-list::-webkit-scrollbar { display: none; } .pdp-information-container .pdp-url-list .pdp-url-item { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; text-decoration: none; color: inherit; padding: 0 2px; } .pdp-information-container .pdp-url-list .pdp-url-icon { width: 16px; height: 16px; display: block; } .pdp-information-container .pdp-url-list .pdp-url-label { font-size: 12px; font-weight: 700; line-height: 140%; color: #002DB4; text-align: center; white-space: nowrap; } .entry-point-url { display: flex; grid-area: btn; justify-content: center; align-items: center; align-self: center; flex: 0 0 auto; flex-shrink: 0; text-align: center; text-decoration: none; background-color: #002DB4; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 140%; padding: 8px 16px; border-radius: 32px; white-space: nowrap; } @media screen and (min-width: 769px) { .entry-point-url { width: fit-content; } .pdp-entry-container { grid-template-columns: minmax(110px, 18%) 1fr auto; column-gap: 24px; } .pdp-information-container .pdp-url-list { gap: 10px; overflow-x: visible; } } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; max-width: 100%; height: auto; aspect-ratio: 169 / 113; display: block; object-fit: contain; border-radius: 8px; align-self: center; justify-self: center; } .pdp-entry-container .thumb-placeholder { background-color: #E5E7EB; } hr.custom-line { border: none; border-top: 1px solid #D1D5DB; margin: 0; width: 100%; flex: 0 0 auto; } @media screen and (max-width: 768px) { .pdp-entry-container { display: grid; grid-template-columns: 30% 1fr; grid-template-areas: "thumb info" "line line" "links links" "btn btn"; height: auto; gap: 16px; align-items: start; margin: 8px 0px; } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; flex: none; } .pdp-information-container { display: contents; width: auto; } .pdp-information-container .car-model-information { grid-area: info; height: auto; } .entry-point-url { grid-area: btn; width: 100%; padding: 8px 14px; justify-self: stretch; } hr.custom-line { grid-area: line; } .pdp-information-container .model-title { font-size: 12px !important; } .pdp-information-container .price { font-size: 14px !important; } .pdp-information-container .lihat-harga { font-size: 10px !important; } .pdp-url-list { grid-area: links; height: auto !important; gap: 6px !important; flex-wrap: nowrap !important; justify-content: space-between !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .pdp-url-list .pdp-url-item { flex: 0 0 auto !important; padding: 0 1px !important; } .pdp-url-list .pdp-url-label { font-size: 10px !important; } }

Large SUV

Segmen Large SUV diisi oleh Santa Fe dan Palisade yang menawarkan dimensi lebih besar dengan tingkat kenyamanan dan kemewahan yang lebih tinggi. Kategori ini ditujukan untuk keluarga besar atau pengguna yang sering melakukan perjalanan jauh, dengan fokus pada kenyamanan kabin, fitur lengkap, serta performa yang lebih kuat.

Hyundai The all-new Santa FE
Hyundai The all-new Santa FE
Rp 724 - 900,5 juta
Lihat Harga The all-new Santa FE

Lihat Detail
.pdp-entry-container { display: grid; grid-template-columns: minmax(100px, 20%) 1fr auto; grid-template-areas: "thumb info btn"; align-items: center; column-gap: 20px; row-gap: 16px; min-height: 210px; height: auto; width: 100%; padding: 16px; border-radius: 8px; border: 1px solid #D1D5DB; margin: 16px 0px; } .pdp-information-container { display: flex; grid-area: info; flex-direction: column; gap: 16px; min-width: 0; width: 100%; overflow: visible; } .pdp-information-container .car-model-information { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; } .pdp-information-container .car-model-information .model-title { font-size: 14px; font-weight: 600; line-height: 140%; } .pdp-information-container .car-model-information .price { font-size: 16px; line-height: 140%; font-weight: 700; color: #D08336; } .pdp-information-container .car-model-information .lihat-harga { font-size: 12px; color: #002DB4; font-weight: 500; line-height: 140%; } .pdp-information-container .pdp-url-list { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: 6px; height: auto; min-height: 40px; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; } .pdp-information-container .pdp-url-list::-webkit-scrollbar { display: none; } .pdp-information-container .pdp-url-list .pdp-url-item { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; text-decoration: none; color: inherit; padding: 0 2px; } .pdp-information-container .pdp-url-list .pdp-url-icon { width: 16px; height: 16px; display: block; } .pdp-information-container .pdp-url-list .pdp-url-label { font-size: 12px; font-weight: 700; line-height: 140%; color: #002DB4; text-align: center; white-space: nowrap; } .entry-point-url { display: flex; grid-area: btn; justify-content: center; align-items: center; align-self: center; flex: 0 0 auto; flex-shrink: 0; text-align: center; text-decoration: none; background-color: #002DB4; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 140%; padding: 8px 16px; border-radius: 32px; white-space: nowrap; } @media screen and (min-width: 769px) { .entry-point-url { width: fit-content; } .pdp-entry-container { grid-template-columns: minmax(110px, 18%) 1fr auto; column-gap: 24px; } .pdp-information-container .pdp-url-list { gap: 10px; overflow-x: visible; } } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; max-width: 100%; height: auto; aspect-ratio: 169 / 113; display: block; object-fit: contain; border-radius: 8px; align-self: center; justify-self: center; } .pdp-entry-container .thumb-placeholder { background-color: #E5E7EB; } hr.custom-line { border: none; border-top: 1px solid #D1D5DB; margin: 0; width: 100%; flex: 0 0 auto; } @media screen and (max-width: 768px) { .pdp-entry-container { display: grid; grid-template-columns: 30% 1fr; grid-template-areas: "thumb info" "line line" "links links" "btn btn"; height: auto; gap: 16px; align-items: start; margin: 8px 0px; } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; flex: none; } .pdp-information-container { display: contents; width: auto; } .pdp-information-container .car-model-information { grid-area: info; height: auto; } .entry-point-url { grid-area: btn; width: 100%; padding: 8px 14px; justify-self: stretch; } hr.custom-line { grid-area: line; } .pdp-information-container .model-title { font-size: 12px !important; } .pdp-information-container .price { font-size: 14px !important; } .pdp-information-container .lihat-harga { font-size: 10px !important; } .pdp-url-list { grid-area: links; height: auto !important; gap: 6px !important; flex-wrap: nowrap !important; justify-content: space-between !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .pdp-url-list .pdp-url-item { flex: 0 0 auto !important; padding: 0 1px !important; } .pdp-url-list .pdp-url-label { font-size: 10px !important; } }

Kendaraan Listrik (EV)

Hyundai juga memperkuat lini elektrifikasi melalui IONIQ 5 dan IONIQ 6 yang mengandalkan teknologi baterai modern dengan torsi instan dan efisiensi tinggi. IONIQ 5 hadir sebagai SUV futuristis yang serbaguna, sementara IONIQ 6 menawarkan karakter sedan listrik dengan desain aerodinamis untuk efisiensi lebih maksimal.

Hyundai IONIQ 5Lihat Detail
.pdp-entry-container { display: grid; grid-template-columns: minmax(100px, 20%) 1fr auto; grid-template-areas: "thumb info btn"; align-items: center; column-gap: 20px; row-gap: 16px; min-height: 210px; height: auto; width: 100%; padding: 16px; border-radius: 8px; border: 1px solid #D1D5DB; margin: 16px 0px; } .pdp-information-container { display: flex; grid-area: info; flex-direction: column; gap: 16px; min-width: 0; width: 100%; overflow: visible; } .pdp-information-container .car-model-information { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; } .pdp-information-container .car-model-information .model-title { font-size: 14px; font-weight: 600; line-height: 140%; } .pdp-information-container .car-model-information .price { font-size: 16px; line-height: 140%; font-weight: 700; color: #D08336; } .pdp-information-container .car-model-information .lihat-harga { font-size: 12px; color: #002DB4; font-weight: 500; line-height: 140%; } .pdp-information-container .pdp-url-list { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: 6px; height: auto; min-height: 40px; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; } .pdp-information-container .pdp-url-list::-webkit-scrollbar { display: none; } .pdp-information-container .pdp-url-list .pdp-url-item { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; text-decoration: none; color: inherit; padding: 0 2px; } .pdp-information-container .pdp-url-list .pdp-url-icon { width: 16px; height: 16px; display: block; } .pdp-information-container .pdp-url-list .pdp-url-label { font-size: 12px; font-weight: 700; line-height: 140%; color: #002DB4; text-align: center; white-space: nowrap; } .entry-point-url { display: flex; grid-area: btn; justify-content: center; align-items: center; align-self: center; flex: 0 0 auto; flex-shrink: 0; text-align: center; text-decoration: none; background-color: #002DB4; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 140%; padding: 8px 16px; border-radius: 32px; white-space: nowrap; } @media screen and (min-width: 769px) { .entry-point-url { width: fit-content; } .pdp-entry-container { grid-template-columns: minmax(110px, 18%) 1fr auto; column-gap: 24px; } .pdp-information-container .pdp-url-list { gap: 10px; overflow-x: visible; } } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; max-width: 100%; height: auto; aspect-ratio: 169 / 113; display: block; object-fit: contain; border-radius: 8px; align-self: center; justify-self: center; } .pdp-entry-container .thumb-placeholder { background-color: #E5E7EB; } hr.custom-line { border: none; border-top: 1px solid #D1D5DB; margin: 0; width: 100%; flex: 0 0 auto; } @media screen and (max-width: 768px) { .pdp-entry-container { display: grid; grid-template-columns: 30% 1fr; grid-template-areas: "thumb info" "line line" "links links" "btn btn"; height: auto; gap: 16px; align-items: start; margin: 8px 0px; } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; flex: none; } .pdp-information-container { display: contents; width: auto; } .pdp-information-container .car-model-information { grid-area: info; height: auto; } .entry-point-url { grid-area: btn; width: 100%; padding: 8px 14px; justify-self: stretch; } hr.custom-line { grid-area: line; } .pdp-information-container .model-title { font-size: 12px !important; } .pdp-information-container .price { font-size: 14px !important; } .pdp-information-container .lihat-harga { font-size: 10px !important; } .pdp-url-list { grid-area: links; height: auto !important; gap: 6px !important; flex-wrap: nowrap !important; justify-content: space-between !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .pdp-url-list .pdp-url-item { flex: 0 0 auto !important; padding: 0 1px !important; } .pdp-url-list .pdp-url-label { font-size: 10px !important; } }

Premium Van

Staria menjadi representasi Hyundai di segmen Premium Van dengan kabin yang sangat luas, pintu geser, dan kenyamanan yang menyerupai lounge berjalan. Model ini lebih ditujukan untuk kebutuhan transportasi premium, baik untuk keluarga besar maupun layanan eksekutif yang mengutamakan kenyamanan penumpang.

Keberagaman model seperti Stargazer, Creta, hingga IONIQ juga memperlihatkan arah Hyundai yang semakin kuat dalam menghadirkan teknologi elektrifikasi tanpa meninggalkan segmen konvensional yang masih menjadi tulang punggung pasar Indonesia. 

Hyundai StariaLihat Detail
.pdp-entry-container { display: grid; grid-template-columns: minmax(100px, 20%) 1fr auto; grid-template-areas: "thumb info btn"; align-items: center; column-gap: 20px; row-gap: 16px; min-height: 210px; height: auto; width: 100%; padding: 16px; border-radius: 8px; border: 1px solid #D1D5DB; margin: 16px 0px; } .pdp-information-container { display: flex; grid-area: info; flex-direction: column; gap: 16px; min-width: 0; width: 100%; overflow: visible; } .pdp-information-container .car-model-information { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; } .pdp-information-container .car-model-information .model-title { font-size: 14px; font-weight: 600; line-height: 140%; } .pdp-information-container .car-model-information .price { font-size: 16px; line-height: 140%; font-weight: 700; color: #D08336; } .pdp-information-container .car-model-information .lihat-harga { font-size: 12px; color: #002DB4; font-weight: 500; line-height: 140%; } .pdp-information-container .pdp-url-list { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: 6px; height: auto; min-height: 40px; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; } .pdp-information-container .pdp-url-list::-webkit-scrollbar { display: none; } .pdp-information-container .pdp-url-list .pdp-url-item { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; text-decoration: none; color: inherit; padding: 0 2px; } .pdp-information-container .pdp-url-list .pdp-url-icon { width: 16px; height: 16px; display: block; } .pdp-information-container .pdp-url-list .pdp-url-label { font-size: 12px; font-weight: 700; line-height: 140%; color: #002DB4; text-align: center; white-space: nowrap; } .entry-point-url { display: flex; grid-area: btn; justify-content: center; align-items: center; align-self: center; flex: 0 0 auto; flex-shrink: 0; text-align: center; text-decoration: none; background-color: #002DB4; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 140%; padding: 8px 16px; border-radius: 32px; white-space: nowrap; } @media screen and (min-width: 769px) { .entry-point-url { width: fit-content; } .pdp-entry-container { grid-template-columns: minmax(110px, 18%) 1fr auto; column-gap: 24px; } .pdp-information-container .pdp-url-list { gap: 10px; overflow-x: visible; } } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; max-width: 100%; height: auto; aspect-ratio: 169 / 113; display: block; object-fit: contain; border-radius: 8px; align-self: center; justify-self: center; } .pdp-entry-container .thumb-placeholder { background-color: #E5E7EB; } hr.custom-line { border: none; border-top: 1px solid #D1D5DB; margin: 0; width: 100%; flex: 0 0 auto; } @media screen and (max-width: 768px) { .pdp-entry-container { display: grid; grid-template-columns: 30% 1fr; grid-template-areas: "thumb info" "line line" "links links" "btn btn"; height: auto; gap: 16px; align-items: start; margin: 8px 0px; } .pdp-entry-container .img, .pdp-entry-container .thumb-placeholder { grid-area: thumb; width: 100%; flex: none; } .pdp-information-container { display: contents; width: auto; } .pdp-information-container .car-model-information { grid-area: info; height: auto; } .entry-point-url { grid-area: btn; width: 100%; padding: 8px 14px; justify-self: stretch; } hr.custom-line { grid-area: line; } .pdp-information-container .model-title { font-size: 12px !important; } .pdp-information-container .price { font-size: 14px !important; } .pdp-information-container .lihat-harga { font-size: 10px !important; } .pdp-url-list { grid-area: links; height: auto !important; gap: 6px !important; flex-wrap: nowrap !important; justify-content: space-between !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .pdp-url-list .pdp-url-item { flex: 0 0 auto !important; padding: 0 1px !important; } .pdp-url-list .pdp-url-label { font-size: 10px !important; } }

Pantau terus Moladin untuk update harga mobil terbaru, spesifikasi, dan berita otomotif terkini lainnya.

Sumber: Moladin

Artikel Terkait

a
admin⏱ 13 menit baca

admin adalah kontributor di WarKini. Artikel ini diterbitkan pada 03 July 2026.

Komentar (0)

Belum ada komentar. Jadilah yang pertama!

Tinggalkan Komentar