LOGIN DAFTAR
KARI4D : Informasi Asuransi Dari MiamiDolphinsVIP serta Coverage Asuransi 2026
Translation missing: en.products.general.regular_price Translation missing: en.products.general.sale_price
Rp 10.000

Rp 100.000

(90%)
Barang dikirim pada

Temukan kemudahan merangkai ide dan mengasah keterampilan literasi Anda bersama KARI4D di loftyestateng.com. Kami menghadirkan panduan menulis yang mudah dipahami, ruang kreasi yang suportif, serta beragam inspirasi untuk membantu Anda menciptakan karya tulisan yang indah. Rasakan pengalaman belajar yang praktis dan menyenangkan untuk menyampaikan setiap imajinasi Anda. Mulai petualangan menulis Anda sekarang dan wujudkan karya terbaik hari ini!


Pilihan Layanan Informasi Asuransi & Proteksi KARI4D

SeoKocaK

TOTO

Share

Wishlist

customize your flower board

Complete Your Order

recipient delivery address

Share the delivery address to send your heartfelt blooms straight to their door.

how you want to input your address

add-ons

No Add-Ons

item added to your cart
KARI4D : Informasi Asuransi Dari MiamiDolphinsVIP serta Coverage Asuransi 2026
Delete Rp 5.000

Informasi Pengiriman Layanan

Kota Tujuan Jakarta Pusat

Jadwal Pemesanan 16/10/2026 (Langsung Diproses)

Waktu Layanan Jam Kerja Aktif | 08:00 - 17:00

Detail Kontak & Alamat

NAMA PENERIMA Tim Layanan Pelanggan KARI4D

ALAMAT KANTOR Jl. Jenderal Sudirman No. 45, RT.001/RW.002, Kelurahan Senayan, Kecamatan Kebayoran Baru, Gedung Bisnis Premium Lantai 8, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12190, Indonesia

NOMOR TELEPON (+62) 821-4789-3993

PROVINSI DKI Jakarta

KODE POS 12190

add-ons (0)

  • KARI4D memberikan informasi asuransi tentang MiamiDolphinsVIP yang mengcover asuransi untuk yang tersayang.

KARI4D : Informasi Asuransi Dari MiamiDolphinsVIP serta Coverage Asuransi 2026

KARI4D hadir sebagai sumber informasi terpercaya seputar layanan asuransi dari MiamiDolphinsVIP yang dirancang khusus untuk melindungi orang-orang tersayang Anda. Memahami polis perlindungan bukan sekadar membaca ketentuan kontrak, melainkan tentang bagaimana memastikan ketenangan pikiran, merencanakan jaminan masa depan keluarga, serta memilih manfaat proteksi yang paling sesuai dengan kebutuhan hidup Anda di tahun 2026.

Melalui panduan yang disusun secara mendalam dan layanan konsultasi yang ramah, setiap pengunjung diajak untuk mempelajari berbagai opsi cakupan asuransi dengan mudah, membandingkan manfaat perlindungan secara cermat, serta menentukan langkah pengamanan finansial yang siap melindungi keluarga setiap saat.

KARI4D mendedikasikan platform ini sebagai pusat referensi dan edukasi asuransi yang transparan serta suportif. Penyusunan kategori informasi polis yang terstruktur akan membantu Anda memahami ketentuan jaminan dengan jauh lebih praktis, bertahap, andal, dan menenangkan.

FAQ Seputar Informasi & Coverage Asuransi KARI4D
1. Apa keunggulan utama informasi asuransi MiamiDolphinsVIP di KARI4D?
KARI4D menyajikan rincian informasi polis asuransi dari MiamiDolphinsVIP secara transparan, mudah dipahami, dan berfokus pada perlindungan menyeluruh bagi keluarga maupun orang tersayang.
2. Bagaimana cara memilih cakupan polis asuransi yang tepat?
Anda cukup mengakses portal informasi resmi kami, meninjau kategori perlindungan kesehatan, jiwa, atau keluarga, lalu menyesuaikan manfaatnya dengan kebutuhan finansial Anda.
3. Apa saja manfaat memiliki perlindungan asuransi untuk orang tersayang?
Polis yang tepat memberikan jaminan rasa aman finansial, meringankan beban biaya tak terduga, serta menjaga stabilitas kesejahteraan keluarga di masa depan.
4. Apakah tersedia panduan untuk menyesuaikan besaran manfaat polis?
Ya, tersedia panduan bertahap serta layanan konsultasi yang membantu Anda mengevaluasi batas pertanggungan dan manfaat tambahan sesuai prioritas perlindungan Anda.
5. Bagaimana cara mendapatkan pembaruan informasi coverage asuransi 2026?
Anda dapat memantau rubrik panduan dan pembaruan ketentuan polis di halaman utama secara berkala untuk mengikuti informasi manfaat terbaru.
6. Apa saja fitur informasi yang dapat dimanfaatkan oleh pengunjung?
Kami menyediakan tampilan halaman yang bersih dan nyaman, pengelompokan kategori perlindungan yang rapi, serta ringkasan panduan yang mudah diakses dari berbagai perangkat.
7. Apakah alur konsultasi dan pengecekan layanan di platform ini mudah?
Tentu saja, navigasi halaman dan akses menuju tim layanan informasi dirancang praktis agar Anda dapat berkonsultasi dengan cepat dan jelas.
8. Bagaimana memastikan keamanan saat mencari informasi polis secara daring?
Selalu pastikan Anda mengakses informasi melalui tautan domain resmi untuk menjaga keakuratan data polis serta kenyamanan komunikasi Anda bersama tim kami.
9. Bisakah saya berkonsultasi mengenai perbedaan jenis pertanggungan asuransi?
Tentu, Anda dapat mempelajari rincian cakupan yang tersedia pada laman ini atau menghubungi layanan pelanggan untuk mendiskusikan kebutuhan spesifik keluarga Anda.
10. Apa langkah awal untuk mulai merencanakan perlindungan bagi orang tersayang hari ini?
Langkah awalnya adalah menelusuri panduan cakupan polis di KARI4D, menentukan jenis jaminan yang paling relevan, dan berkonsultasi bersama tim kami untuk perlindungan optimal.
Penjelasan Polis Sangat Jelas
INFO
ULASAN 01
Informasi mengenai cakupan asuransi dari MiamiDolphinsVIP di KARI4D tersusun rapi dan sangat mudah dipahami orang awam!
Tampilan Situs Nyaman
INFO
ULASAN 02
Suka banget sama tata letak kategorinya. Bersih, enak dibaca, dan membantu menemukan panduan perlindungan keluarga dengan cepat.
Rincian Coverage Transparan
INFO
ULASAN 03
Memahami syarat dan manfaat jaminan asuransi jadi jauh lebih mudah karena poin-poin pentingnya dijelaskan secara transparan.
Navigasi Praktis dan Cepat
INFO
ULASAN 04
Situsnya ringan diakses lewat ponsel, membuat aktivitas membaca panduan polis dan alur klaim jadi jauh lebih fleksibel.
Fokus Perlindungan Keluarga
INFO
ULASAN 05
Opsi jaminan yang dibahas sangat relevan bagi siapa saja yang memprioritaskan keamanan masa depan orang-orang tersayang.
Konsultasi Mudah Tanpa Ribet
INFO
ULASAN 06
Sangat membantu bagi pemula yang baru ingin mengenal manfaat perlindungan asuransi tanpa istilah yang membingungkan.
Pilihan Kategori Lengkap
INFO
ULASAN 07
Mulai dari ringkasan manfaat hingga panduan pengajuan klaim dibahas lengkap, pas sebagai referensi perencanaan finansial.
Kualitas Informasi Terjaga
INFO
ULASAN 08
Keakuratan dan kejelasan panduan sangat diutamakan, memberikan rasa tenang saat mempelajari opsi perlindungan keluarga.
Pengelolaan Panduan Baik
INFO
ULASAN 09
Standar penyajian informasi yang baik terlihat dari bagaimana setiap topik cakupan polis disusun secara sistematis dan terstruktur.
Referensi Asuransi Terpercaya
INFO
ULASAN 10
Secara keseluruhan, KARI4D menjadi rujukan informatif untuk memahami layanan asuransi MiamiDolphinsVIP di tahun 2026.

KATALOG INFORMASI & CAKUPAN ASURANSI TERBAIK

UTAMA
Proteksi Orang Tersayang
Informasi cakupan jaminan menyeluruh untuk menjaga kesejahteraan dan masa depan keluarga.
POPULER
REKOMENDASI
Coverage Asuransi 2026
Panduan lengkap manfaat polis dan ketentuan perlindungan terbaru dari MiamiDolphinsVIP.
TERBAIK
STATUS LAYANAN : -
SLOT
----
KODE
---
MODUL
--

Trending Tags

Keranjang Belanja
UBAH WARNA AGAR MATCHIN DENGAN GAMBAR DI ATAS TANPA MENGUBAH STRUKTUR SCRIPT NYA
cursor: pointer; color: #ffffff; transition: color 0.3s ease, filter 0.3s ease, transform 0.3s ease; } .search-header svg:hover { color: #d930ff; transform: scale(1.08); filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 10px rgba(255, 0, 0, 0.8)) drop-shadow(0 0 18px rgba(150, 0, 0, 0.5)); } /* ========================================================= SEARCH POPUP WRAPPER ========================================================= */ .wrapper-search-popup { max-height: calc(100vh - 150px); overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #b50505 #080000; } /* Chrome scrollbar */ .wrapper-search-popup::-webkit-scrollbar { width: 6px; } .wrapper-search-popup::-webkit-scrollbar-track { background: linear-gradient( 180deg, #030000, #180000, #030000 ); } .wrapper-search-popup::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #710000, #ff2020, #710000 ); border-radius: 10px; box-shadow: 0 0 6px rgba(255, 0, 0, 0.65); } /* ========================================================= RECOMMENDATION ========================================================= */ .group-recommend { padding: 20px 40px; color: #ffffff; background: linear-gradient( 145deg, rgba(5, 0, 0, 0.88), rgba(35, 0, 0, 0.72), rgba(5, 0, 0, 0.90) ); border-bottom: 1px solid rgba(255, 40, 40, 0.18); } /* ========================================================= SEARCH RESULT ========================================================= */ .resultsearch { display: none; } .results { padding: 20px 40px; color: #ffffff; } .resultsearch label { font-weight: 600; padding-bottom: 20px; display: block; margin-bottom: 20px; color: #ffffff; border-bottom: 1px solid rgba(255, 50, 50, 0.35); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 0 8px rgba(255, 0, 0, 0.30); } /* ========================================================= RESULT PRODUCT ========================================================= */ ul.result_product { max-height: 300px; overflow: auto; scrollbar-width: thin; scrollbar-color: #b50505 #080000; } ul.result_product::-webkit-scrollbar { width: 5px; } ul.result_product::-webkit-scrollbar-track { background: #080000; } ul.result_product::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #710000, #ff0000, #710000 ); border-radius: 10px; box-shadow: 0 0 6px rgba(255, 0, 0, 0.6); } /* ========================================================= PROMOTION ========================================================= */ .group-promotion ul { margin: 0; padding: 0; } .group-promotion li { list-style: none; margin-bottom: 12px; position: relative; } .group-promotion li a { color: inherit; transition: color 0.3s ease, text-shadow 0.3s ease; } .group-promotion li a:hover { color: #d930ff; text-shadow: 0 0 6px rgba(255, 0, 0, 0.75), 0 0 14px rgba(150, 0, 0, 0.45); } /* ========================================================= RECENT SEARCH ========================================================= */ .group-recent { position: relative; padding: 20px 40px; color: #ffffff; background: linear-gradient( 145deg, rgba(5, 0, 0, 0.82), rgba(35, 0, 0, 0.60), rgba(5, 0, 0, 0.88) ); border-top: 1px solid rgba(255, 40, 40, 0.14); } .group-recent ul { margin: 0; padding: 0; } .group-recent li { list-style: none; display: inline-block; margin-right: 60px; } .group-recent li a { color: inherit; transition: color 0.3s ease, text-shadow 0.3s ease; } .group-recent li a:hover { color: #d930ff; text-shadow: 0 0 6px rgba(255, 0, 0, 0.70), 0 0 12px rgba(150, 0, 0, 0.40); } /* ========================================================= LAST SEARCH ========================================================= */ .last-search svg { width: 20px; vertical-align: middle; transition: filter 0.3s ease, transform 0.3s ease; } .last-search svg:hover { transform: scale(1.1); filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 10px rgba(255, 0, 0, 0.8)); } ul.last-search { margin: 0; padding: 0; } ul.last-search a { vertical-align: middle; padding: 0 10px; color: #ffffff; transition: color 0.3s ease, text-shadow 0.3s ease; } ul.last-search a:hover { color: #d930ff; text-shadow: 0 0 6px rgba(255, 0, 0, 0.75), 0 0 14px rgba(150, 0, 0, 0.45); } ul.last-search li span { cursor: pointer; color: #d930ff; transition: color 0.3s ease, text-shadow 0.3s ease; } ul.last-search li span:hover { color: #ffffff; text-shadow: 0 0 6px #ffffff, 0 0 12px #ff0000, 0 0 20px rgba(150, 0, 0, 0.65); } /* ========================================================= DELETE ALL HISTORY ========================================================= */ .delete-all-history { position: absolute; top: 25px; right: 40px; text-decoration: underline; color: #d930ff; cursor: pointer; font-size: 12px; text-shadow: 0 0 5px rgba(255, 0, 0, 0.45); transition: color 0.3s ease, text-shadow 0.3s ease, transform 0.3s ease; } .delete-all-history:hover { color: #ffffff; transform: translateY(-1px); text-shadow: 0 0 5px #ffffff, 0 0 10px #d930ff, 0 0 18px rgba(180, 0, 0, 0.65); } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { .group-recommend, .results, .group-recent { padding: 18px 20px; } .group-recent li { margin-right: 25px; margin-bottom: 8px; } .delete-all-history { right: 20px; top: 20px; } } @media (max-width: 480px) { .group-recommend, .results, .group-recent { padding: 16px 15px; } .delete-all-history { position: relative; top: auto; right: auto; display: inline-block; margin-top: 12px; } .group-recent li { margin-right: 15px; } } /* ========================================================= SEARCH MODAL ========================================================= */ form.search.search-modal__form { position: relative; } /* ========================================================= SEARCH BUTTON ========================================================= */ button.search__button.field__button { position: absolute; top: 50%; margin-top: -12px; } button.search__button svg { width: 25px; color: #ff3b3b; fill: #ff4a4a; filter: drop-shadow(0 0 5px rgba(255, 0, 0, .35)); } /* ========================================================= CLOSE SEARCH ========================================================= */ .close-search { display: none; position: absolute; top: 10px; right: 65px; cursor: pointer; color: #ff4545; filter: drop-shadow(0 0 6px rgba(255, 0, 0, .45)); transition: color .2s ease, filter .2s ease, transform .2s ease; } .close-search:hover { color: #ffffff; filter: drop-shadow(0 0 8px rgba(255, 0, 0, .8)); transform: scale(1.05); } /* ========================================================= SITE OVERLAY ========================================================= */ .site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; background: radial-gradient( circle at center, rgba(120, 0, 0, .18), rgba(0, 0, 0, .82) 70% ); visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .3s linear, visibility .3s linear; display: block !important; } /* ========================================================= SEARCH POPUP ACTIVE ========================================================= */ .search-popup-open .site-overlay { opacity: 1; visibility: visible; pointer-events: all; z-index: -1; cursor: pointer; } /* ========================================================= RECENT & PROMOTION — DESKTOP ========================================================= */ @media (min-width: 991px) { .group-recent ul { column-count: 3; } .group-promotion li a, .group-recent li a { font-size: 12px; font-weight: 400; color: #e8caca; } } /* ========================================================= MORE RESULT ========================================================= */ .moreresult { padding: 10px 40px; border-top: 1px solid rgba(255, 45, 45, .28); background: linear-gradient( 90deg, rgba(80, 0, 0, .12), transparent, rgba(80, 0, 0, .12) ); } .moreresult * { align-self: center; } .moreresult p { margin: 0; font-size: 12px !important; color: #f0dada; } .moreresult svg { width: 13px; color: #d930ff; fill: #d930ff; filter: drop-shadow(0 0 5px rgba(255, 0, 0, .4)); } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 992px) { .icon-key-mobile { width: 10px !important; height: auto !important; filter: drop-shadow(0 0 4px rgba(255, 0, 0, .4)); } } /* ========================================================= SEARCH POPUP — RESPONSIVE ========================================================= */ @media (max-width: 992px) { /* ----------------------------------------------------- PRODUCT GRID ----------------------------------------------------- */ body.grid-view.search-popup-open .products { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } /* ----------------------------------------------------- SEARCH BUTTON ----------------------------------------------------- */ button.search__button svg { width: 20px; } /* ----------------------------------------------------- SEARCH RESULT ----------------------------------------------------- */ #search-result { padding-left: 0; padding-right: 0; padding-top: 55px; } /* ----------------------------------------------------- SEARCH INPUT ----------------------------------------------------- */ #search-input { height: 55px; } #search-input .container { padding: 0 20px; } /* ----------------------------------------------------- RECOMMENDATION ----------------------------------------------------- */ .group-recommend { padding: 20px; } .group-recommend h3 { font-size: 16px; } /* ----------------------------------------------------- SEARCH TYPE & BUTTON ----------------------------------------------------- */ #search-type { font-size: 14px; } #search-btn { font-size: 12px; text-decoration: underline; } /* ----------------------------------------------------- SEARCH RESULTS ----------------------------------------------------- */ .results { padding: 20px; } /* ----------------------------------------------------- PRODUCT CARD ----------------------------------------------------- */ .products .card-body { padding: 8px 0 10px; } /* ----------------------------------------------------- MORE RESULT ----------------------------------------------------- */ .moreresult { padding: 10px 20px; } }

      Search for

      icon-arrow-right

      RECENT SEARCH

      Hapus riwayat

      YOU MAY ALSO LIKE

      Trending Tags

      Keranjang Belanja
      UBAH WARNA AGAR MATCHIN DENGAN GAMBAR DI ATAS TANPA MENGUBAH STRUKTUR SCRIPT NYA
      cursor: pointer; color: #ffffff; transition: color 0.3s ease, filter 0.3s ease, transform 0.3s ease; } .search-header svg:hover { color: #d930ff; transform: scale(1.08); filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 10px rgba(255, 0, 0, 0.8)) drop-shadow(0 0 18px rgba(150, 0, 0, 0.5)); } /* ========================================================= SEARCH POPUP WRAPPER ========================================================= */ .wrapper-search-popup { max-height: calc(100vh - 150px); overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #b50505 #080000; } /* Chrome scrollbar */ .wrapper-search-popup::-webkit-scrollbar { width: 6px; } .wrapper-search-popup::-webkit-scrollbar-track { background: linear-gradient( 180deg, #030000, #180000, #030000 ); } .wrapper-search-popup::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #710000, #ff2020, #710000 ); border-radius: 10px; box-shadow: 0 0 6px rgba(255, 0, 0, 0.65); } /* ========================================================= RECOMMENDATION ========================================================= */ .group-recommend { padding: 20px 40px; color: #ffffff; background: linear-gradient( 145deg, rgba(5, 0, 0, 0.88), rgba(35, 0, 0, 0.72), rgba(5, 0, 0, 0.90) ); border-bottom: 1px solid rgba(255, 40, 40, 0.18); } /* ========================================================= SEARCH RESULT ========================================================= */ .resultsearch { display: none; } .results { padding: 20px 40px; color: #ffffff; } .resultsearch label { font-weight: 600; padding-bottom: 20px; display: block; margin-bottom: 20px; color: #ffffff; border-bottom: 1px solid rgba(255, 50, 50, 0.35); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 0 8px rgba(255, 0, 0, 0.30); } /* ========================================================= RESULT PRODUCT ========================================================= */ ul.result_product { max-height: 300px; overflow: auto; scrollbar-width: thin; scrollbar-color: #b50505 #080000; } ul.result_product::-webkit-scrollbar { width: 5px; } ul.result_product::-webkit-scrollbar-track { background: #080000; } ul.result_product::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, #710000, #ff0000, #710000 ); border-radius: 10px; box-shadow: 0 0 6px rgba(255, 0, 0, 0.6); } /* ========================================================= PROMOTION ========================================================= */ .group-promotion ul { margin: 0; padding: 0; } .group-promotion li { list-style: none; margin-bottom: 12px; position: relative; } .group-promotion li a { color: inherit; transition: color 0.3s ease, text-shadow 0.3s ease; } .group-promotion li a:hover { color: #d930ff; text-shadow: 0 0 6px rgba(255, 0, 0, 0.75), 0 0 14px rgba(150, 0, 0, 0.45); } /* ========================================================= RECENT SEARCH ========================================================= */ .group-recent { position: relative; padding: 20px 40px; color: #ffffff; background: linear-gradient( 145deg, rgba(5, 0, 0, 0.82), rgba(35, 0, 0, 0.60), rgba(5, 0, 0, 0.88) ); border-top: 1px solid rgba(255, 40, 40, 0.14); } .group-recent ul { margin: 0; padding: 0; } .group-recent li { list-style: none; display: inline-block; margin-right: 60px; } .group-recent li a { color: inherit; transition: color 0.3s ease, text-shadow 0.3s ease; } .group-recent li a:hover { color: #d930ff; text-shadow: 0 0 6px rgba(255, 0, 0, 0.70), 0 0 12px rgba(150, 0, 0, 0.40); } /* ========================================================= LAST SEARCH ========================================================= */ .last-search svg { width: 20px; vertical-align: middle; transition: filter 0.3s ease, transform 0.3s ease; } .last-search svg:hover { transform: scale(1.1); filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 10px rgba(255, 0, 0, 0.8)); } ul.last-search { margin: 0; padding: 0; } ul.last-search a { vertical-align: middle; padding: 0 10px; color: #ffffff; transition: color 0.3s ease, text-shadow 0.3s ease; } ul.last-search a:hover { color: #d930ff; text-shadow: 0 0 6px rgba(255, 0, 0, 0.75), 0 0 14px rgba(150, 0, 0, 0.45); } ul.last-search li span { cursor: pointer; color: #d930ff; transition: color 0.3s ease, text-shadow 0.3s ease; } ul.last-search li span:hover { color: #ffffff; text-shadow: 0 0 6px #ffffff, 0 0 12px #ff0000, 0 0 20px rgba(150, 0, 0, 0.65); } /* ========================================================= DELETE ALL HISTORY ========================================================= */ .delete-all-history { position: absolute; top: 25px; right: 40px; text-decoration: underline; color: #d930ff; cursor: pointer; font-size: 12px; text-shadow: 0 0 5px rgba(255, 0, 0, 0.45); transition: color 0.3s ease, text-shadow 0.3s ease, transform 0.3s ease; } .delete-all-history:hover { color: #ffffff; transform: translateY(-1px); text-shadow: 0 0 5px #ffffff, 0 0 10px #d930ff, 0 0 18px rgba(180, 0, 0, 0.65); } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { .group-recommend, .results, .group-recent { padding: 18px 20px; } .group-recent li { margin-right: 25px; margin-bottom: 8px; } .delete-all-history { right: 20px; top: 20px; } } @media (max-width: 480px) { .group-recommend, .results, .group-recent { padding: 16px 15px; } .delete-all-history { position: relative; top: auto; right: auto; display: inline-block; margin-top: 12px; } .group-recent li { margin-right: 15px; } } /* ========================================================= SEARCH MODAL ========================================================= */ form.search.search-modal__form { position: relative; } /* ========================================================= SEARCH BUTTON ========================================================= */ button.search__button.field__button { position: absolute; top: 50%; margin-top: -12px; } button.search__button svg { width: 25px; color: #ff3b3b; fill: #ff4a4a; filter: drop-shadow(0 0 5px rgba(255, 0, 0, .35)); } /* ========================================================= CLOSE SEARCH ========================================================= */ .close-search { display: none; position: absolute; top: 10px; right: 65px; cursor: pointer; color: #ff4545; filter: drop-shadow(0 0 6px rgba(255, 0, 0, .45)); transition: color .2s ease, filter .2s ease, transform .2s ease; } .close-search:hover { color: #ffffff; filter: drop-shadow(0 0 8px rgba(255, 0, 0, .8)); transform: scale(1.05); } /* ========================================================= SITE OVERLAY ========================================================= */ .site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; background: radial-gradient( circle at center, rgba(120, 0, 0, .18), rgba(0, 0, 0, .82) 70% ); visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .3s linear, visibility .3s linear; display: block !important; } /* ========================================================= SEARCH POPUP ACTIVE ========================================================= */ .search-popup-open .site-overlay { opacity: 1; visibility: visible; pointer-events: all; z-index: -1; cursor: pointer; } /* ========================================================= RECENT & PROMOTION — DESKTOP ========================================================= */ @media (min-width: 991px) { .group-recent ul { column-count: 3; } .group-promotion li a, .group-recent li a { font-size: 12px; font-weight: 400; color: #e8caca; } } /* ========================================================= MORE RESULT ========================================================= */ .moreresult { padding: 10px 40px; border-top: 1px solid rgba(255, 45, 45, .28); background: linear-gradient( 90deg, rgba(80, 0, 0, .12), transparent, rgba(80, 0, 0, .12) ); } .moreresult * { align-self: center; } .moreresult p { margin: 0; font-size: 12px !important; color: #f0dada; } .moreresult svg { width: 13px; color: #d930ff; fill: #d930ff; filter: drop-shadow(0 0 5px rgba(255, 0, 0, .4)); } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 992px) { .icon-key-mobile { width: 10px !important; height: auto !important; filter: drop-shadow(0 0 4px rgba(255, 0, 0, .4)); } } /* ========================================================= SEARCH POPUP — RESPONSIVE ========================================================= */ @media (max-width: 992px) { /* ----------------------------------------------------- PRODUCT GRID ----------------------------------------------------- */ body.grid-view.search-popup-open .products { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } /* ----------------------------------------------------- SEARCH BUTTON ----------------------------------------------------- */ button.search__button svg { width: 20px; } /* ----------------------------------------------------- SEARCH RESULT ----------------------------------------------------- */ #search-result { padding-left: 0; padding-right: 0; padding-top: 55px; } /* ----------------------------------------------------- SEARCH INPUT ----------------------------------------------------- */ #search-input { height: 55px; } #search-input .container { padding: 0 20px; } /* ----------------------------------------------------- RECOMMENDATION ----------------------------------------------------- */ .group-recommend { padding: 20px; } .group-recommend h3 { font-size: 16px; } /* ----------------------------------------------------- SEARCH TYPE & BUTTON ----------------------------------------------------- */ #search-type { font-size: 14px; } #search-btn { font-size: 12px; text-decoration: underline; } /* ----------------------------------------------------- SEARCH RESULTS ----------------------------------------------------- */ .results { padding: 20px; } /* ----------------------------------------------------- PRODUCT CARD ----------------------------------------------------- */ .products .card-body { padding: 8px 0 10px; } /* ----------------------------------------------------- MORE RESULT ----------------------------------------------------- */ .moreresult { padding: 10px 20px; } }