RPOK ▶ Situs Gacor Slot Online Baru & Link Agen Gacor Paling Jackpot
copyright http-equiv=Content-Type content="text/html; charset=UTF-8">
RPOK ▶ Situs Gacor Slot Online Baru & Link Agen Gacor Paling Jackpot
copyright content="index, follow" name="robots"/>
copyright name=description content="Dominasi malam ini! RPOK▶ Situs Gacor Slot Online Baru & Link Agen Gacor Paling Jackpot 2026. Akses server internasional dengan fitur Auto-Multiplier dan WD kilat tanpa batas.">
copyright name="keywords" content="RPOK, slot online , slot gacor, slot777" />
copyright name="author" content="RPOK">
copyright property="fb:app_id" content="1331678776889587" />
copyright property="og:title" content="RPOK ▶ Situs Gacor Slot Online Baru & Link Agen Gacor Paling Jackpot"/>
copyright property="og:type" content="product"/>
copyright property="og:product:currency" content="USD"/>
copyright property="og:product:price" content="6.58"/>
copyright property="og:url" content="https://rpok.dev/"/>
copyright property="og:image" content="https://rpok.online/Rpok-online.png"/>
copyright property="og:description" content="Dominasi malam ini! RPOK▶ Situs Gacor Slot Online Baru & Link Agen Gacor Paling Jackpot 2026. Akses server internasional dengan fitur Auto-Multiplier dan WD kilat tanpa batas."/>
copyright name="robots" content="max-snippet:50, max-image-preview:large" />
copyright property="og:site_name" content="RPOK"/>
#rightCol
width:150px;
float:right;
border:1px solid #e0e0e0;
border-top:0
.accessory
float:left;
margin:12px;
width:160px;
.accessorySplitter
clear:both;
height:1px;
background-color:#e6e6e6;
margin-bottom:8px;
.trWay td
border-bottom:1px solid #EEEFF0;
.page form
width:748px;
.page form fieldset
width:726px;
.page form fieldset .firstField
border-top:none;
.page form label,.page form div.formField
width:706px;
#picList .imgs
margin-bottom:10px;
#picList .imgs img
border:solid 1px #e7e7e8;
max-width:100%
.curr_price .td-price background:#F8CF85;
#daily_timer position:relative; top:40px; left:21px; width:172px; text-align:center;
#daily_timer span font-size:16px; font-weight:normal;
.fb-share-button margin-right:12px;
#twitter-widget-0 margin-right:12px;
.fbcontent_tb td:first-childtext-align:right;padding-right:5px;vertical-align:top;
.fbcontent_tb td:last-child>spancolor:#999
.form_titledisplay:inline-block;width:106px;text-align:right;
#questions .page_tag padding-left:5px; padding-left:5px;
.mobile-code spandisplay:inline-block
.mobile-code .mobile-code-divdisplay:none
.mobile-code:hover .mobile-code-divdisplay:block
ul.productAttributesListmargin:0;padding:0;display:block;overflow:hidden
ul.productAttributesList lifloat:left;width:30%;margin-right:3%;overflow:hidden;text-overflow:ellipsis;list-style:none;white-space:nowrap;
ul.productAttributesList li span:first-childcolor:#999;margin-right:3px;
#used-phone-warranty tdpadding:0 10px;vertical-align:top;font-size:13px;
#used-phone-warranty td bdisplay:inline-block;font-size:15px;
.product-view div.tblPriceoverflow:hidden;width:100%;border-left:1px solid #ddd;
.product-view div.tr-pricewidth:14%;float:left;overflow:hidden;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
.product-view div.tr-price>divtext-align:center;padding:8px 0px;border-top:1px solid #ddd;
.product-view div.tr-price>div:first-childbackground-color:#f6f6f6;
@media screen and (max-width: 1230px)
.product-view .qtyInputwidth:25px;
.product-view .checkoutbtnpadding:0 5px;
.product-view .addtocartbtnpadding:0 5px;
.productBuyButton>table tdpadding:0
#erpSelectorline-height:26px;border:2px solid #FF0000;border-radius:3px;cursor:pointer;padding:0px 12px;position:relative;z-index:100;
#erpSelector spandisplay:inline-block;vertical-align:middle;
#erpSelector span:last-childborder-style:solid;_border-style:dashed;border-width:4px;border-color:transparent;border-top: 4px solid #999999;border-bottom-width: 0;width: 0;height: 0;font-size: 0;line-height: 0;margin: 4px 0 2px 8px;
#erpSelectorListpadding:5px 0px;top:32px;left:3px;position:absolute;z-index: 99;background: #fff;border: 1px solid #ddd;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;box-shadow:0 5px 10px rgba(0,0,0,0.2);
#erpSelectorList>divwhite-space:nowrap;cursor:pointer;padding:0 15px 0px 10px;
#erpSelectorList>div:hoverbackground-color:#eee
#erpSelectorList>div>spanvertical-align:middle;display:inline-block;
#erpSelectorList>div>span:last-childline-height:30px;margin-left:10px;
#erpSelectorList>div>span:first-childwidth:24px;height:18px;background-image:url("https://img.myipadbox.com/htdocs/images/platform_favicon_8.png")
#erpSelector.down span:last-childborder-bottom:4px solid #999999;border-top-width:0;
#erpSelectorList>div>span.shopify10background-position:0px -2px
#erpSelectorList>div>span.shopify20background-position:0px -2px
#erpSelectorList>div>span.magentobackground-position:0px -67px
#erpSelectorList>div>span.bigcommercebackground-position:0px -88px
#erpSelectorList>div>span.tiktokbackground-position:0px -26px
#erpSelectorList>div>span.woocommercebackground-position:0px -48px
#erpSelectorList>div>span.wixbackground-position:0px -107px
#erpSelectorList>div>span.shift4shopbackground-position:0px -126px
#erpSelectorList>div>span.shoplinebackground-position:0px -149px
#erpSelectorList>div>span.addtolistbackground:#fff;text-align:center;line-height:18px;font-size:16px;
.podbtnline-height:26px;border:2px solid #FF0000;border-radius:3px;cursor:pointer;padding:0px 12px;position:relative;
#combAllModelposition:fixed;top:0px;right:0px;background:#fff;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:86px 0px 10px 0px;border-left:1px solid #ccc;z-index:999;width:32%
#combModelSearchborder:1px solid #aaa;height:32px;border-radius:3px;width:100%;padding:0 30px 0px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
.combModelSearchIconposition:absolute;background-image: url(https://img.myipadbox.com/htdocs/images/v2_icon.png);width:20px;height:20px;right:6px;top:6px;background-position:-149px -178px;
.combBrandModelfont-size:14px;white-space:nowrap;line-height:35px;cursor:pointer;padding:0 20px;border-bottom:1px solid #ddd
.combBrandModel:hoverbackground:#fff4ea
.combBrandNamefont-size:13px;white-space:nowrap;line-height:35px;padding:0 20px;border-bottom:1px solid #ddd;background:#ececec
#brandModelContainerbox-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;border-top:1px solid #ddd;overflow-y:auto;
#combAllModelMaskposition:fixed;width:100%;height:100%;left:0px;top:0px;background:#000;z-index:998;opacity:0.3;
.combBrandModel>atext-decoration:none;color:#3b3b3b;display:block
header .top-nav-container
padding-bottom: 6px;
background-color: #0a0a0a;
border-bottom: 2px solid #FF0000;
box-shadow: 0 4px 20px rgb(0 255 5 / 15%);
position: relative;
overflow: hidden;
header .top-nav-container::before
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg,
transparent,
#ff0000,
#e5ff00,
#15ff00,
transparent);
animation: shimmer 3s infinite;
@keyframes shimmer
0% transform: translateX(-100%);
100% transform: translateX(100%);
header .product-category
width: 200px;
height: 45px;
background: linear-gradient(135deg, #FF0000 0%, #FF0000 30%, #FF0000 70%, #1a1a1a 100%);
padding-left: 25px;
position: absolute;
z-index: 99;
left: 0;
top: 0;
border-radius: 0 0 8px 0;
display: flex;
align-items: center;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
box-shadow:
0 4px 15px rgb(0 255 88 / 40%),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
cursor: pointer;
header .product-category:hover
transform: translateY(-2px);
box-shadow:
0 6px 25px rgba(0, 217, 255, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
background: linear-gradient(135deg,
#52f9ff 0%,
#0077e6 30%,
#0010a0 70%,
#2a2a2a 100%);
header .product-category::after
content: '▼';
margin-left: 10px;
font-size: 10px;
transition: transform 0.3s ease;
header .product-category:hover::after
transform: rotate(180deg);
.footer-main-container
background: linear-gradient(180deg, #0a0a0a 0%, #000000 100%);
border-top: 1px solid #333;
position: relative;
.footer-main-container::before
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg,
transparent,
rgba(255, 230, 0, 0.3),
transparent);
#footerMain
background: transparent;
padding: 3em 2em;
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2em;
a, a:link
color: #e0e0e0;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
a::after
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: #FF0000;
transition: width 0.3s ease;
a:hover
color: #FF0000;
text-shadow: 0 0 10px rgba(255, 230, 0, 0.5);
a:hover::after
width: 100%;
header a, header a:active, header a:link, header a:visited
text-decoration: none;
color: #ffffff;
font-weight: 500;
padding: 8px 15px;
border-radius: 4px;
transition: all 0.3s ease;
header a:hover
background: rgba(255, 230, 0, 0.1);
color: #FF0000;
transform: translateY(-1px);
.top-nav-container:hover
background-color: #111111;
::-webkit-scrollbar
width: 8px;
::-webkit-scrollbar-track
background: #0a0a0a;
::-webkit-scrollbar-thumb
background: linear-gradient(180deg, #FF0000, #cc9900);
border-radius: 4px;
::-webkit-scrollbar-thumb:hover
background: linear-gradient(180deg, #ffea00, #FF0000);
App
Mobile
Message
Ship to:
English
English
Français
Español
Português
Deutsch
Italiano
Nederlands
عربي
日本語
한국어
ไทย
Tiếng Việt
中文简体
中文繁体
русский язык
copyright
Daftar
.action-btn
padding: 10px 20px;
font-size: 13px;
font-weight: 700;
border-radius: 8px;
text-decoration: none;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: 2px solid transparent;
cursor: pointer;
position: relative;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 0.8px;
.btn-copyright
background: linear-gradient(135deg, #0037a7 0%, #00f3ff 50%, #1a1a1a 100%);
border-color: #ffffff;
.btn-copyright::before
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s ease;
.btn-copyright:hover::before
left: 100%;
.btn-register
background: linear-gradient(135deg, #0c5b00 0%, #00ff1f 50%, #1a1a1a 100%);
border-color: #ffffff;
.btn-register::before
content: '';
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: linear-gradient(-90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: right 0.5s ease;
.btn-register:hover::before
right: 100%;
.floating
animation: floatUpDown 2s ease-in-out infinite;
@keyframes floatUpDown
0%, 100% transform: translateY(0px);
50% transform: translateY(-6px);
.action-btn:hover
opacity: 1;
transform: translateY(-3px) scale(1.02);
filter: brightness(1.2);
.btn-copyright:hover
background: linear-gradient(135deg, #ff6b7a 0%, #e74c3c 50%, #2d2d2d 100%);
border-color: #ff6b7a;
.btn-register:hover
background: linear-gradient(135deg, #f5b041 0%, #e67e22 50%, #2d2d2d 100%);
border-color: #f5b041;
.action-btn:active
transform: translateY(1px) scale(0.98);
filter: brightness(0.95);
.action-btn.pulse
animation: pulseGlow 2s infinite;
@keyframes pulseGlow
0%, 100%
transform: scale(1);
filter: brightness(1);
50%
transform: scale(1.03);
filter: brightness(1.1);
.action-btn svg,
.action-btn i
width: 16px;
height: 16px;
transition: transform 0.3s ease;
.action-btn:hover svg,
.action-btn:hover i
transform: rotate(15deg) scale(1.1);
.action-btn.ripple
position: relative;
.action-btn.ripple::after
content: '';
position: absolute;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.4);
transform: translate(-50%, -50%);
transition: width 0.6s ease, height 0.6s ease, opacity 0.6s ease;
opacity: 0;
.action-btn.ripple:active::after
width: 300px;
height: 300px;
opacity: 1;
transition: 0s;
.action-btn.outline
background: transparent;
border: 2px solid #ff0000;
color: #ff0000;
.action-btn.outline:hover
background: #ff0000;
color: #fff;
transform: translateY(-3px);
.action-btn.gradient-text
background: linear-gradient(135deg, #ff0000, #ffffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
Upload an image
X
RPOK
SLOT ONLINE
Download Sunsky app to check wholesale and dropshipping prices at anytime and anywhere
»
»
»
RPOK ▶ Situs Gacor Slot Online Baru & Link Agen Gacor Paling Jackpot
Y
pi: $pi.space
free: false
ship: 0
stock: 0
status: 1
Price:
Rp.10.000
body
margin: 0;
padding: 0;
background: #050505;
font-family: "Segoe UI", Arial, sans-serif;
color: #ffffff;
line-height: 1.6;
.product-container
max-width: 100%;
padding: 30px;
margin: auto;
h1
font-size: 32px;
font-weight: 800;
color: #FF0000;
margin-bottom: 25px;
letter-spacing: 1px;
position: relative;
display: inline-block;
padding-bottom: 10px;
h1::after
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #FF0000, #71ff6f, transparent);
.info-box
background: linear-gradient(180deg, #0f0f18 0%, #080810 100%);
border: 1px solid #2a2a3a;
border-left: 3px solid #FF0000;
padding: 24px;
border-radius: 4px;
margin-bottom: 30px;
position: relative;
overflow: hidden;
.info-box::before
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255, 230, 0, 0.3), transparent);
.info-box p
font-size: 16px;
margin-bottom: 16px;
color: #e0e0e0;
line-height: 1.7;
.info-box strong a,
.info-box a
color: #ffffff;
text-decoration: none;
font-weight: 600;
position: relative;
transition: all 0.3s ease;
.info-box a::after
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: #FF0000;
transition: width 0.3s ease;
.info-box a:hover
color: #FF0000;
.info-box a:hover::after
width: 100%;
.section-title
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
padding: 10px 16px;
background: linear-gradient(135deg, #1a1a24 0%, #12121a 100%);
border-left: 4px solid #FF0000;
border-radius: 0 8px 8px 0;
margin: 25px 0 15px 0;
position: relative;
.section-title::before
content: '';
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 230, 0, 0.1));
table
width: 100%;
border-collapse: collapse;
margin-bottom: 25px;
background: #0a0a12;
border-radius: 8px;
overflow: hidden;
table td
padding: 14px 16px;
vertical-align: top;
border-bottom: 1px solid #1a1a24;
.params_group_name
width: 180px;
color: #FF0000;
font-weight: 700;
font-size: 15px;
background: #0f0f18;
border-right: 2px solid #FF0000;
.params_prop_table .params_name
font-weight: 700;
color: #FF0000;
padding: 12px 0 8px 0;
font-size: 15px;
border-bottom: 1px solid #2a2a3a;
.params_prop_table .params_value
color: #c8c8c8;
font-size: 15px;
line-height: 1.6;
padding: 8px 0;
.best-rank-table
border: 1px solid #2a2a3a;
border-radius: 8px;
.best-rank-table td
padding: 14px 12px;
font-size: 14px;
background: #0a0a12;
.best-rank-table tr:nth-child(even) td
background: #0f0f18;
.best-rank-table tr:hover td
background: #151520;
.rank-number
color: #FF0000;
font-size: 18px;
font-weight: 800;
width: 40px;
text-align: center;
position: relative;
.rank-number::before
content: '#';
opacity: 0.5;
font-size: 12px;
position: absolute;
top: 2px;
left: 8px;
.best-rank-table a
color: #ffffff;
font-weight: 600;
text-decoration: none;
padding: 4px 8px;
border-radius: 4px;
transition: all 0.2s ease;
display: inline-block;
.best-rank-table a:hover
color: #FF0000;
background: rgba(255, 230, 0, 0.1);
transform: translateX(3px);
.badge
display: inline-block;
padding: 4px 10px;
font-size: 11px;
font-weight: 700;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
.badge-new
background: rgba(34, 197, 94, 0.2);
color: #22c55e;
border: 1px solid #22c55e;
.badge-hot
background: rgba(255, 230, 0, 0.2);
color: #FF0000;
border: 1px solid #FF0000;
.badge-top
background: rgba(239, 68, 68, 0.2);
color: #ef4444;
border: 1px solid #ef4444;
@keyframes fadeInUp
from
opacity: 0;
transform: translateY(20px);
to
opacity: 1;
transform: translateY(0);
.info-box,
.section-title,
table
animation: fadeInUp 0.5s ease forwards;
@media (max-width: 768px)
.product-container
padding: 15px;
h1
font-size: 24px;
.section-title
font-size: 16px;
.params_group_name
width: 120px;
font-size: 13px;
table td
padding: 10px 8px;
font-size: 13px;
RPOK merupakan yaitu agen slot Gacor terpercaya yang menghadirkan pengalaman bermain kelas atas dengan jaminan keamanan sistem terbaik. Sebagai link copyright resmi, kami menawarkan berbagai pilihan game slot gacor dengan persentase kemenangan tinggi. Bergabunglah sekarang di RPOK untuk menikmati kemudahan akses, transaksi cepat, dan layanan customer service 24 jam yang siap membantu perjalanan Anda meraih Maxwin.
Permainan Slot777 di RPOK menjadi salah satu alasan kenapa banyak pemain betah bermain di situs ini. Provider slot resmi yang tersedia menghadirkan berbagai jenis permainan dengan tampilan menarik dan peluang yang sering dicari pemain. Banyak yang berburu kemenangan besar atau maxwin saat bermain slot thailand, terutama pada jam ramai malam ini. Dengan sistem permainan yang lancar, pemain bisa menikmati sensasi bermain slot yang lebih nyaman.
Selain menyediakan game slot resmi yang lengkap, RPOK juga dikenal memiliki layanan yang cepat dan ramah untuk para pemainnya. Hal ini membuat pemain merasa lebih aman saat bermain SLOT ONLINE slot favorit mereka. Baik pemain baru maupun yang sudah berpengalaman sering kembali bermain karena peluang slot gacor yang menarik. Tidak sedikit juga yang mencoba peruntungan pada permainan slot thailand untuk mendapatkan maxwin besar.
DETAIL INFORMASI
Informasi
Detail
Nama Situs
RPOK
Jenis Game
SLOT ONLINE PRAGMATIC & SLOT GACOR
Minimal Deposit
Rp.10.000,-
Metode Deposit
BANK • E-WALLET • QRIS
Proses Transaksi
±1 Menit Cepat & Aman
Jam Operasional
24 Jam Online Nonstop
Perangkat
Semua Perangkat (HP & Desktop)
© 2026 RPOK • PISANG HIOK • SLOT GACOR MALAM INI
/* Styling Utama Container */
.info-container
max-width: 800px;
margin: 40px auto;
background: #0f172a;
border: 2px solid #10b981;
border-radius: 16px;
overflow: hidden;
font-family: 'Segoe UI', Arial, sans-serif;
color: #f8fafc;
position: relative;
box-shadow: 0 10px 30px rgba(16, 185, 129, 0.15);
.shine-effect
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(16, 185, 129, 0.15), transparent);
animation: shine 3s infinite;
pointer-events: none;
z-index: 1;
@keyframes shine
0% left: -100%;
50%, 100% left: 100%;
/* Header */
.info-header
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(135deg, #064e3b 0%, #10b981 50%, #064e3b 100%);
padding: 16px 20px;
position: relative;
border-bottom: 2px solid #047857;
z-index: 2;
.header-title
font-size: 18px;
font-weight: 800;
letter-spacing: 2px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
color: #ffffff;
.header-icon
height: 28px;
width: auto;
position: absolute;
.icon-left left: 20px;
.icon-right right: 20px;
/* Tabel */
.info-table
width: 100%;
border-collapse: collapse;
text-align: left;
position: relative;
z-index: 2;
.info-table thead tr
background: rgba(16, 185, 129, 0.1);
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
.info-table th
padding: 14px 20px;
border-bottom: 1px solid rgba(16, 185, 129, 0.3);
color: #10b981;
.info-table tbody tr
transition: background 0.3s ease;
.info-table tbody tr:nth-child(even)
background: rgba(255, 255, 255, 0.02);
.info-table tbody tr:hover
background: rgba(16, 185, 129, 0.05);
.info-label
padding: 16px 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
border-right: 1px solid rgba(16, 185, 129, 0.2);
color: #10b981;
font-weight: 600;
display: flex;
align-items: center;
gap: 12px;
.info-value
padding: 16px 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
color: #cbd5e1;
/* Utilities */
.svg-icon
width: 20px;
height: 20px;
color: #10b981;
.highlight-text
font-weight: 700;
color: #ffffff;
.text-yellow
font-weight: 700;
color: #24f4fb;
.border-none
border-bottom: none !important;
/* Footer */
.info-footer
text-align: center;
padding: 16px;
background: #0b1120;
font-size: 12px;
letter-spacing: 0.5px;
border-top: 1px solid rgba(16, 185, 129, 0.2);
color: #94a3b8;
position: relative;
z-index: 2;
.footer-highlight
color: #10b981;
font-weight: 600;
BUY TOGETHER, GET EXTRA DISCOUNT
EXTRA 2% OFF
$1.55
$1.52
BUY TOGETHER
EXTRA 2% OFF
$0.84
$0.82
BUY TOGETHER
EXTRA 2% OFF
$2.05
$2.01
BUY TOGETHER
EXTRA 2% OFF
$5.52
$5.41
BUY TOGETHER
EXTRA 2% OFF
$3.80
$3.72
BUY TOGETHER
EXTRA 2% OFF
$1.95
$1.91
BUY TOGETHER
EXTRA 2% OFF
$1.30
$1.27
BUY TOGETHER
EXTRA 2% OFF
$0.90
$0.88
BUY TOGETHER
HINT: If you buy them together, you'll enjoy both the normal discount and the extra discount. The normal discount is calculated from the cart amount and the last 180-day orders. Please check the details in cart.
Hot Items
$6.58
$6.58
$6.58
$6.58
$6.58
$6.58
$6.58
$12.87
$13.14
$1.98
Featured Products
Price: $6.58
body
margin: 0;
padding: 0;
background: #050505;
font-family: "Segoe UI", Arial, sans-serif;
color: #ffffff;
line-height: 1.6;
.faq-container
max-width: 100%;
padding: 20px;
margin-bottom: 30px;
.faq-title
font-size: 22px;
font-weight: 800;
color: #FF0000;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #2a2a3a;
position: relative;
.faq-title::after
content: '❓';
position: absolute;
right: 0;
top: 0;
font-size: 20px;
.faq-item
background: linear-gradient(180deg, #0f0f18 0%, #080810 100%);
border: 1px solid #2a2a3a;
border-radius: 8px;
margin-bottom: 12px;
overflow: hidden;
transition: all 0.3s ease;
.faq-item:hover
border-color: #FF0000;
transform: translateX(5px);
.faq-question
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 18px;
font-weight: 700;
font-size: 15px;
color: #ffffff;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
.faq-question::before
content: 'Q';
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: #FF0000;
color: #000;
border-radius: 50%;
font-size: 14px;
font-weight: 800;
margin-right: 12px;
.faq-item:hover .faq-question
color: #FF0000;
.faq-icon
font-size: 18px;
transition: transform 0.3s ease;
color: #FF0000;
.faq-item.active .faq-icon
transform: rotate(45deg);
.faq-answer
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, padding 0.3s ease;
background: #0a0a12;
.faq-item.active .faq-answer
max-height: 200px;
padding: 0 18px 16px 18px;
.faq-answer p
font-size: 14px;
color: #c0c0c0;
line-height: 1.7;
padding-left: 40px;
.faq-plus
width: 24px;
height: 24px;
position: relative;
flex-shrink: 0;
.faq-plus::before,
.faq-plus::after
content: '';
position: absolute;
background: #FF0000;
transition: all 0.3s ease;
.faq-plus::before
width: 14px;
height: 2px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.faq-plus::after
width: 2px;
height: 14px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.faq-item.active .faq-plus::after
transform: translate(-50%, -50%) rotate(90deg);
opacity: 0;
.reviews-container
max-width: 100%;
padding: 20px;
margin-bottom: 30px;
.reviews-title
font-size: 22px;
font-weight: 800;
color: #FF0000;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #2a2a3a;
position: relative;
.reviews-title::after
content: '⭐';
position: absolute;
right: 0;
top: 0;
font-size: 20px;
.review-card
display: flex;
gap: 15px;
background: linear-gradient(180deg, #0f0f18 0%, #080810 100%);
border: 1px solid #2a2a3a;
border-radius: 12px;
padding: 18px;
margin-bottom: 15px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
.review-card::before
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: #FF0000;
opacity: 0;
transition: opacity 0.3s ease;
.review-card:hover
border-color: #FF0000;
transform: translateY(-3px);
.review-card:hover::before
opacity: 1;
.review-avatar
width: 55px;
height: 55px;
border-radius: 50%;
border: 2px solid #FF0000;
object-fit: cover;
flex-shrink: 0;
background: #1a1a24;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 700;
color: #FF0000;
.review-content
flex: 1;
.review-header
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
.review-name
font-weight: 700;
font-size: 16px;
color: #ffffff;
.review-card:hover .review-name
color: #FF0000;
.review-date
font-size: 12px;
color: #666;
.review-rating
display: flex;
gap: 3px;
margin-bottom: 8px;
.review-rating .star
color: #FF0000;
font-size: 14px;
.review-rating .star.empty
color: #3a3a4a;
.review-text
font-size: 14px;
color: #b0b0b0;
line-height: 1.6;
.review-badge
display: inline-block;
padding: 4px 10px;
font-size: 10px;
font-weight: 700;
border-radius: 20px;
text-transform: uppercase;
margin-top: 10px;
background: rgba(255, 230, 0, 0.1);
color: #FF0000;
border: 1px solid rgba(255, 230, 0, 0.3);
.review-summary
display: flex;
align-items: center;
gap: 30px;
background: linear-gradient(180deg, #0f0f18 0%, #080810 100%);
border: 1px solid #2a2a3a;
border-radius: 12px;
padding: 25px;
margin-bottom: 20px;
.review-average
text-align: center;
padding-right: 30px;
border-right: 1px solid #2a2a3a;
.review-average .score
font-size: 48px;
font-weight: 800;
color: #FF0000;
line-height: 1;
.review-average .label
font-size: 12px;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
.review-stats
flex: 1;
.review-stat-row
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
.review-stat-row .label
width: 40px;
font-size: 12px;
color: #888;
.review-stat-row .bar
flex: 1;
height: 8px;
background: #1a1a24;
border-radius: 4px;
overflow: hidden;
.review-stat-row .fill
height: 100%;
background: #FF0000;
border-radius: 4px;
transition: width 1s ease;
.review-stat-row .count
width: 30px;
font-size: 12px;
color: #666;
text-align: right;
.ulasan-container
max-width: 100%;
padding: 20px;
margin-bottom: 30px;
.ulasan-title
font-size: 22px;
font-weight: 800;
color: #FF0000;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #2a2a3a;
position: relative;
.ulasan-title::after
content: '????';
position: absolute;
right: 0;
top: 0;
font-size: 20px;
.ulasan-card
background: linear-gradient(180deg, #0f0f18 0%, #080810 100%);
border: 1px solid #2a2a3a;
border-left: 3px solid #FF0000;
border-radius: 0 12px 12px 0;
padding: 20px;
margin-bottom: 15px;
position: relative;
transition: all 0.3s ease;
.ulasan-card:hover
border-color: #FF0000;
border-left-width: 5px;
transform: translateX(5px);
.ulasan-header
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
.ulasan-avatar
width: 45px;
height: 45px;
border-radius: 50%;
background: linear-gradient(135deg, #FF0000, #cc9900);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 700;
color: #000;
flex-shrink: 0;
.ulasan-user
flex: 1;
.ulasan-name
font-weight: 700;
font-size: 15px;
color: #fff;
display: flex;
align-items: center;
gap: 8px;
.ulasan-card:hover .ulasan-name
color: #FF0000;
.ulasan-rating
color: #FF0000;
font-size: 13px;
letter-spacing: 2px;
margin-top: 4px;
.ulasan-content
font-size: 14px;
color: #b0b0b0;
line-height: 1.7;
padding-left: 57px;
.ulasan-footer
display: flex;
align-items: center;
gap: 20px;
margin-top: 12px;
padding-left: 57px;
font-size: 12px;
color: #555;
.ulasan-footer span
display: flex;
align-items: center;
gap: 5px;
.verified-badge
display: inline-flex;
align-items: center;
gap: 4px;
background: rgba(34, 197, 94, 0.1);
color: #22c55e;
padding: 3px 8px;
border-radius: 4px;
font-size: 10px;
font-weight: 600;
border: 1px solid rgba(34, 197, 94, 0.3);
.ulasan-vote
display: flex;
align-items: center;
gap: 8px;
.ulasan-vote button
background: transparent;
border: 1px solid #3a3a4a;
color: #888;
padding: 5px 12px;
border-radius: 4px;
font-size: 12px;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
gap: 4px;
.ulasan-vote button:hover
border-color: #FF0000;
color: #FF0000;
background: rgba(255, 230, 0, 0.05);
.ulasan-vote button.liked
border-color: #22c55e;
color: #22c55e;
background: rgba(34, 197, 94, 0.1);
.ulasan-grid
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 15px;
margin-top: 20px;
.ulasan-card-small
background: linear-gradient(180deg, #0f0f18 0%, #080810 100%);
border: 1px solid #2a2a3a;
border-radius: 12px;
padding: 18px;
transition: all 0.3s ease;
.ulasan-card-small:hover
border-color: #FF0000;
transform: translateY(-3px);
.ulasan-card-small .ulasan-header
margin-bottom: 10px;
.ulasan-card-small .ulasan-avatar
width: 40px;
height: 40px;
font-size: 16px;
.ulasan-card-small .ulasan-content
padding-left: 52px;
font-size: 13px;
.ulasan-card-small .ulasan-footer
padding-left: 52px;
.rating-distribution
background: linear-gradient(180deg, #0f0f18 0%, #080810 100%);
border: 1px solid #2a2a3a;
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
.rating-summary
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #2a2a3a;
.rating-big-score
text-align: center;
.rating-big-score .score
font-size: 52px;
font-weight: 800;
color: #FF0000;
line-height: 1;
.rating-big-score .stars
color: #FF0000;
font-size: 18px;
margin: 8px 0;
.rating-big-score .total
font-size: 12px;
color: #666;
.rating-bars
flex: 1;
.rating-bar-row
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
.rating-bar-row .label
width: 20px;
font-size: 13px;
color: #888;
.rating-bar-row .bar
flex: 1;
height: 10px;
background: #1a1a24;
border-radius: 5px;
overflow: hidden;
.rating-bar-row .fill
height: 100%;
background: linear-gradient(90deg, #FF0000, #71ff6f);
border-radius: 5px;
transition: width 1s ease;
.rating-bar-row .count
width: 40px;
font-size: 12px;
color: #666;
text-align: right;
.write-review
background: linear-gradient(180deg, #0f0f18 0%, #080810 100%);
border: 1px solid #2a2a3a;
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
.write-review h4
font-size: 16px;
font-weight: 700;
color: #fff;
margin-bottom: 15px;
.review-form textarea
width: 100%;
background: #0a0a12;
border: 1px solid #2a2a3a;
border-radius: 8px;
padding: 12px;
color: #fff;
font-size: 14px;
font-family: inherit;
resize: vertical;
min-height: 100px;
transition: border-color 0.3s ease;
.review-form textarea:focus
outline: none;
border-color: #FF0000;
.review-form textarea::placeholder
color: #555;
.review-form .form-footer
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12px;
.review-form .char-count
font-size: 12px;
color: #555;
.review-form button
background: linear-gradient(135deg, #FF0000 0%, #cc9900 100%);
border: none;
color: #000;
padding: 10px 24px;
border-radius: 6px;
font-weight: 700;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
.review-form button:hover
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(255, 230, 0, 0.3);
.photo-review
display: flex;
gap: 10px;
margin-top: 12px;
padding-left: 57px;
.photo-thumb
width: 60px;
height: 60px;
border-radius: 8px;
border: 2px solid #2a2a3a;
object-fit: cover;
cursor: pointer;
transition: all 0.3s ease;
.photo-thumb:hover
border-color: #FF0000;
transform: scale(1.05);
.ulasan-sort
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
.ulasan-sort label
font-size: 13px;
color: #888;
.ulasan-sort select
background: #0f0f18;
border: 1px solid #2a2a3a;
color: #fff;
padding: 8px 12px;
border-radius: 6px;
font-size: 13px;
cursor: pointer;
.ulasan-sort select:focus
outline: n