ELEMARA

ELEMARA Licensed Mercedes-Benz G500 24V 2-Seater Ride On Car

ELEMARA Licensed Mercedes-Benz G500 24V 2-Seater Ride On Car

Regular price $0.00 USD
Regular price Sale price $0.00 USD
Sale Sold out
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>ELEMARA PDP — Momcozy 结构骨架 · 儿童玩具车调性</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
/* ============ TOKENS ============ */
:root{
/* 结构主色:藏青(用户裁定保留,官网无此色,为有意偏离) */
--brand:#274A8A;
--brand-2:#1B3B78;
--brand-soft:#EAF1FC;
--brand-line:#CBDDF6;

/* 中性 */
--ink:#252525; /* 官网实测文字色 */
--ink-soft:#5C6472;
--ink-mute:#78839A;
--paper:#FFFFFF;
--paper-2:#F5F8FD;
--line:#E7ECF5;

/* 儿童向点缀色(低饱和糖果色,只做小面积) */
--gold:#E8A824; /* 官网 CTA 色 */
--coral:#FF7A59;
--mint:#1FA97A;
--pink:#FF6FB1;
--sky:#4EA3E8;

--r-s:10px; --r:16px; --r-l:24px; --r-xl:32px;
--maxw:1560px;
--pad:48px;
--shadow:0 10px 34px rgba(39,74,138,.08);
--shadow-l:0 22px 60px rgba(39,74,138,.12);
--f:'Montserrat','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:18px} /* 全站字号基准 16→18px:所有 rem 字号等比放大;logo 已单独锁定为绝对 px,不随之改变 */
body{margin:0;font-family:var(--f);color:var(--ink);background:var(--paper);
-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}

/* ============ 图位占位 ============ */
.slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:6px;border-radius:var(--r);overflow:hidden;text-align:center;padding:16px;
background:linear-gradient(150deg,#EFF5FD 0%,#D7E5F6 100%);
box-shadow:inset 0 0 0 1.5px rgba(39,74,138,.10)}
.slot::after{content:"";position:absolute;inset:0;
background-image:linear-gradient(115deg,rgba(255,255,255,.5) 0%,transparent 42%,rgba(255,255,255,.5) 100%);
pointer-events:none}
.slot .ratio{position:relative;z-index:2;font-size:0.84rem;font-weight:800;letter-spacing:0.099em;
color:var(--brand);background:rgba(255,255,255,.85);padding:4px 11px;border-radius:999px}
.slot .px{position:relative;z-index:2;font-size:0.86rem;font-weight:700;color:var(--ink-soft)}
.slot .desc{position:relative;z-index:2;font-size:0.84rem;line-height:1.45;color:var(--ink-mute);max-width:82%}
.slot-sky{background:linear-gradient(150deg,#EAF4FF 0%,#C6DFF9 100%)}
.slot-sun{background:linear-gradient(150deg,#FFF7E3 0%,#FCE3AC 100%)}
.slot-mint{background:linear-gradient(150deg,#E7F8F0 0%,#C0E8D6 100%)}
.slot-rose{background:linear-gradient(150deg,#FDEFF6 0%,#F8D2E2 100%)}
.slot-lilac{background:linear-gradient(150deg,#F2EFFC 0%,#D9D2F5 100%)}
.slot-sand{background:linear-gradient(150deg,#FBF5EA 0%,#ECDDC4 100%)}
.slot-plain{background:linear-gradient(150deg,#F4F7FC 0%,#E1E9F4 100%)}
/* ---- 真实图片填充图位:绝对定位覆盖,不改结构 / 不影响任何 JS ---- */
.slot>.slot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
z-index:4;border-radius:inherit;display:block}
.slot>.slot-img.fit{object-fit:contain;background:#fff}
/* 图上自带白卡文案的(band 全出血)用 contain 避免二次裁切 */
.band .slot>.slot-img{object-fit:cover}
.vidwrap .slot>.slot-img{object-fit:cover}

/* ============ 公告条 / 导航 ============ */
.announce{background:linear-gradient(90deg,#FFF3D6,#FFE9BE);color:var(--brand-2);
font-size:0.86rem;font-weight:700;letter-spacing:.04em;text-align:center;padding:9px 16px}
.announce b{font-weight:800}
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);
border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:34px;height:70px}
/* logo:字体样式与颜色保持原样,不随全站字号放大而改变(用绝对 px 锁定,等价于原 1.32rem @16px) */
.logo{font-size:21px;font-weight:900;letter-spacing:-.02em;color:#FF4EA7}
.logo i{font-style:normal;color:#FF4EA7}
.nav-links{display:flex;gap:26px;font-size:0.88rem;font-weight:600;color:var(--ink-soft);margin-left:6px}
.nav-links a:hover{color:var(--brand)}
.nav-links a.on{color:var(--brand)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.nav-ico{width:38px;height:38px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center;
font-size:0.92rem;color:var(--brand);transition:.2s}
.nav-ico:hover{background:var(--brand-soft)}
.crumbs{font-size:0.86rem;color:var(--ink-mute);padding:18px 0}
.crumbs b{color:var(--brand);font-weight:700}

/* ============ HERO 购买区(Momcozy pdp_main_product 结构) ============ */
.buy{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:56px;
padding:10px 0 64px;align-items:start}
.gal{position:sticky;top:96px}
.gal-main{position:relative;border-radius:var(--r-l);overflow:hidden;background:var(--paper-2);
aspect-ratio:1/1;box-shadow:var(--shadow)}
.gal-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.3,.8,.25,1)}
.gal-slide{min-width:100%;height:100%}
.gal-slide .slot{width:100%;height:100%;border-radius:0;box-shadow:none}
.gal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
background:rgba(255,255,255,.94);box-shadow:var(--shadow);display:grid;place-items:center;
font-size:1rem;color:var(--brand);z-index:5;transition:.2s}
.gal-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.07)}
.gal-arrow.p{left:16px} .gal-arrow.n{right:16px}
.gal-badge{position:absolute;left:18px;top:18px;z-index:5;background:var(--gold);color:#3B2A05;
font-size:0.84rem;font-weight:800;letter-spacing:0.062em;padding:7px 13px;border-radius:999px}
.gal-dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:5}
.gal-dots i{width:7px;height:7px;border-radius:50%;background:rgba(39,74,138,.24);transition:.25s}
.gal-dots i.on{background:var(--brand);width:22px;border-radius:999px}
.gal-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}
.gal-thumbs button{position:relative;z-index:1;border-radius:var(--r);overflow:hidden;aspect-ratio:1/1;padding:0;
box-shadow:inset 0 0 0 2px transparent;transition:.2s;background:none;cursor:pointer}
.gal-thumbs button .slot{position:relative;z-index:0;width:100%;height:100%;border-radius:calc(var(--r) - 2px)}
.gal-thumbs button .slot-img{z-index:auto}
.gal-thumbs button.on{box-shadow:inset 0 0 0 2.5px var(--brand)}
.gal-thumbs button:hover{transform:translateY(-2px)}

.info h1{font-size:clamp(1.45rem,2.1vw,1.92rem);font-weight:800;letter-spacing:-.018em;line-height:1.28;margin:0 0 18px}
.tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:20px}
.tags span.t{font-size:0.8rem;font-weight:700;color:var(--brand-2);background:var(--brand-soft);
padding:5px 11px;border-radius:999px}
.tags span.d{width:3px;height:3px;border-radius:50%;background:var(--brand-line)}
.pr-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:22px;
border-bottom:1px solid var(--line);margin-bottom:24px}
.stars{color:var(--gold);font-size:0.94rem;letter-spacing:.06em}
.rate{font-size:0.86rem;color:var(--ink-soft);font-weight:600}
.rate b{color:var(--ink);font-weight:800}
.price{display:flex;align-items:baseline;gap:12px;margin-left:auto}
.price .now{font-size:1.58rem;font-weight:800;letter-spacing:-.02em}
.price .was{font-size:0.92rem;color:var(--ink-mute);text-decoration:line-through}
.price .off{font-size:0.78rem;font-weight:800;color:var(--coral);background:#FFEFE9;
padding:5px 10px;border-radius:6px;align-self:center}

.field{margin-bottom:24px}
.field-lab{font-size:0.78rem;font-weight:800;letter-spacing:0.06em;color:var(--ink-soft);
text-transform:uppercase;margin-bottom:12px}
.field-lab b{color:var(--brand);font-weight:800}
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.sw{position:relative;border-radius:999px;padding:6px 14px 6px 6px;display:flex;align-items:center;gap:8px;
background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);transition:.22s;cursor:pointer;user-select:none}
.sw i{width:24px;height:24px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)}
.sw span{font-size:0.84rem;font-weight:700;color:var(--ink-soft)}
.sw:hover{box-shadow:inset 0 0 0 1.5px var(--brand-line);transform:translateY(-1px)}
.sw:active{transform:translateY(0)}
.sw.on{box-shadow:inset 0 0 0 2px var(--brand);background:var(--brand-soft)}
.sw.on span{color:var(--brand-2)}

.qty{display:inline-flex;align-items:center;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;
overflow:hidden;background:var(--paper)}
.qty button{width:40px;height:42px;font-size:1.04rem;font-weight:700;color:var(--brand);transition:.18s}
.qty button:hover{background:var(--brand-soft)}
.qty input{width:46px;height:42px;border:0;text-align:center;font-weight:800;font-size:0.92rem;
font-family:inherit;color:var(--ink);background:none}
.qty-note{font-size:0.82rem;color:var(--mint);font-weight:700;margin-left:14px}

.cta-row{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin:6px 0 14px}
.btn{border-radius:16px;height:60px;display:flex;align-items:center;justify-content:center;gap:10px;
font-size:0.96rem;font-weight:800;letter-spacing:.01em;transition:.22s;cursor:pointer}
.btn-atc{background:var(--brand);color:#fff;box-shadow:0 8px 24px rgba(39,74,138,.24)}
.btn-atc:hover{background:var(--brand-2);transform:translateY(-2px);box-shadow:0 14px 32px rgba(39,74,138,.3)}
.btn-atc .p{font-weight:700;opacity:.82}
.btn-buy{background:var(--gold);color:#3B2A05;box-shadow:0 8px 24px rgba(232,168,36,.26)}
.btn-buy:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(232,168,36,.34)}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 18px}
.trust div{flex:1 1 22%;min-width:110px;text-align:center;font-size:0.8rem;font-weight:700;color:var(--ink-soft);line-height:1.45;
padding:14px 8px;border-radius:14px;background:var(--paper-2)}
.trust div b{display:block;font-size:1.5rem;color:var(--brand);margin-bottom:5px;line-height:1}
.pay{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.pay span{font-size:0.74rem;font-weight:800;letter-spacing:.05em;color:var(--ink-mute);
padding:5px 10px;border-radius:6px;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line)}

.acc{border-top:1px solid var(--line)}
.acc-item{border-bottom:1px solid var(--line)}
.acc-h{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:17px 0;text-align:left;font-size:0.9rem;font-weight:800;color:var(--ink)}
.acc-h svg{width:16px;height:16px;flex:none;transition:transform .3s;color:var(--brand)}
.acc-item.open .acc-h svg{transform:rotate(180deg)}
.acc-p{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.3,.8,.25,1)}
.acc-p-in{padding:0 0 20px;font-size:0.88rem;line-height:1.75;color:var(--ink-soft)}
.acc-p-in h5{margin:16px 0 5px;font-size:0.88rem;font-weight:800;color:var(--ink);letter-spacing:.02em}
.acc-p-in ul{margin:6px 0 0;padding-left:18px}
.acc-p-in li{margin-bottom:5px}

/* ============ 规格数字带 ============ */
.stats{background:var(--brand-soft);padding:52px 0;margin-top:8px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.stat{text-align:center}
.stat b{display:block;font-size:clamp(2rem,3.6vw,3rem);font-weight:900;color:var(--brand);
letter-spacing:-.04em;line-height:1}
.stat span{display:block;font-size:0.86rem;font-weight:700;color:var(--ink-soft);margin-top:9px}
.stat i{display:block;font-style:normal;font-size:0.84rem;color:var(--ink-mute);margin-top:3px}

/* ============ 通用 section 头 ============ */
.sec{padding:96px 0}
.sec-head{text-align:center;max-width:760px;margin:0 auto 46px}
.eyebrow{font-size:0.84rem;font-weight:800;letter-spacing:0.136em;color:var(--brand);margin-bottom:14px}
.sec-head h2{font-size:clamp(1.8rem,3.4vw,2.9rem);font-weight:800;letter-spacing:-.03em;
line-height:1.14;margin:0 0 14px}
.sec-head p{font-size:0.94rem;color:var(--ink-soft);margin:0;line-height:1.7}

/* ============ 图 + 视频 ============ */
.iv{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:end}
.iv .slot-a{aspect-ratio:4/5;border-radius:var(--r-l)}
.iv .slot-b{aspect-ratio:9/16;border-radius:var(--r-l);position:relative}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;
width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.95);
display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.16);transition:.25s}
.play:hover{transform:translate(-50%,-50%) scale(1.09)}
.play::before{content:"";width:0;height:0;border-left:19px solid var(--brand);
border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.vlabel{position:absolute;left:16px;bottom:16px;z-index:6;background:rgba(255,255,255,.94);
border-radius:999px;padding:7px 14px;font-size:0.84rem;font-weight:800;color:var(--brand-2)}
/* ---- 真实视频:封面层 + 点击播放 ---- */
.vidwrap{position:relative;overflow:hidden;background:#0E1B33}
.vidwrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.iv .vidwrap{aspect-ratio:9/16;border-radius:var(--r-l)}
.ugc .vidwrap{aspect-ratio:9/16}
.play{cursor:pointer}
.play.gone{display:none}

/* ============ 全出血 Lifestyle ============ */
.band{position:relative;width:100%;aspect-ratio:1816/866;display:flex;align-items:flex-end;overflow:hidden}
.band .slot{position:absolute;inset:0;border-radius:0}
.band-card{position:relative;z-index:6;background:rgba(255,255,255,.96);border-radius:var(--r-l);
padding:38px 42px;max-width:520px;margin:0 0 8vh var(--pad);box-shadow:var(--shadow-l)}
.band-card .eyebrow{margin-bottom:10px}
.band-card h2{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:800;letter-spacing:-.03em;
line-height:1.16;margin:0 0 12px}
.band-card p{font-size:0.92rem;color:var(--ink-soft);margin:0 0 20px;line-height:1.7}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chips span{font-size:0.86rem;font-weight:700;color:var(--brand-2);background:var(--brand-soft);
padding:7px 13px;border-radius:999px}

/* ============ 地表 / 场景切换 ============ */
.toggle-wrap{display:flex;gap:8px;justify-content:center;margin-bottom:30px;
background:var(--paper-2);padding:6px;border-radius:999px;width:max-content;margin-inline:auto}
.toggle-wrap button{font-size:0.88rem;font-weight:800;padding:11px 26px;border-radius:999px;
color:var(--ink-soft);transition:.25s}
.toggle-wrap button.on{background:var(--paper);color:var(--brand);box-shadow:var(--shadow)}
.terr{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.terr .slot{aspect-ratio:16/10;border-radius:var(--r-l)}
.terr-txt h3{font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:800;letter-spacing:-.028em;
line-height:1.2;margin:0 0 16px}
.terr-txt p{font-size:0.92rem;color:var(--ink-soft);line-height:1.8;margin:0 0 22px}
.terr-list{display:grid;gap:12px}
.terr-list div{display:flex;gap:13px;align-items:flex-start;font-size:0.9rem;color:var(--ink-soft);line-height:1.6}
.terr-list em{flex:none;width:26px;height:26px;border-radius:50%;background:var(--brand-soft);
color:var(--brand);display:grid;place-items:center;font-style:normal;font-size:0.84rem;font-weight:800;margin-top:1px}

/* ============ 模式轮播(Momcozy lt_m9_mode) ============ */
.modes{position:relative}
.mode-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:22px;
scrollbar-width:none}
.mode-track::-webkit-scrollbar{display:none}
.mode-card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;background:var(--paper);
border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow);transition:.3s}
.mode-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-l)}
.mode-card .slot{aspect-ratio:4/5;border-radius:0;box-shadow:none}
.mode-info{padding:22px 24px 26px}
.mode-info h4{margin:0 0 8px;font-size:1.16rem;font-weight:800;letter-spacing:-.02em}
.mode-info p{margin:0;font-size:0.9rem;color:var(--ink-soft);line-height:1.65}
.mode-nav{display:flex;justify-content:center;gap:10px;margin-top:6px}
.mode-nav button{width:46px;height:46px;border-radius:50%;background:var(--paper);
box-shadow:var(--shadow);display:grid;place-items:center;color:var(--brand);font-size:0.94rem;transition:.22s}
.mode-nav button:hover{background:var(--brand);color:#fff}

/* ============ UGC 视频墙(Momcozy firework) ============ */
.ugc-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 22px;
scrollbar-width:none}
.ugc-track::-webkit-scrollbar{display:none}
.ugc{flex:0 0 264px;scroll-snap-align:start;position:relative;border-radius:var(--r);overflow:hidden;
background:var(--paper-2);transition:.3s}
.ugc:hover{transform:translateY(-5px)}
.ugc .slot{aspect-ratio:9/16;border-radius:0;box-shadow:none}
.ugc .play{width:52px;height:52px}
.ugc .play::before{border-left-width:15px;border-top-width:9px;border-bottom-width:9px;margin-left:4px}
.ugc-meta{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:34px 14px 14px;
background:linear-gradient(to top,rgba(255,255,255,.96) 8%,rgba(255,255,255,0) 100%);
font-size:0.86rem;font-weight:700;color:var(--brand-2);display:flex;align-items:center;gap:7px}
.ugc-meta i{width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-style:normal;
display:grid;place-items:center;font-size:0.8rem;font-weight:800;flex:none}

/* ============ 盒内清单 + 规格 ============ */
.box{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.box .slot{aspect-ratio:4/3;border-radius:var(--r-l)}
.box-list{display:grid;gap:11px;margin-bottom:28px}
.box-list div{display:flex;gap:12px;align-items:center;font-size:0.9rem;color:var(--ink-soft);
padding:13px 16px;border-radius:14px;background:var(--paper-2)}
.box-list b{color:var(--brand);font-weight:800;font-size:0.88rem;flex:none}
.spec-tbl{width:100%;border-collapse:collapse;font-size:0.9rem}
.spec-tbl tr{border-bottom:1px solid var(--line)}
.spec-tbl td{padding:13px 0}
.spec-tbl td:first-child{color:var(--ink-mute);font-weight:600;width:44%}
.spec-tbl td:last-child{text-align:right;font-weight:700;color:var(--ink)}

/* ============ FAQ:左竖 Tab + 右手风琴 ============ */
.faq{display:grid;grid-template-columns:330px 1fr;gap:52px;align-items:start}
.faq-tabs{display:grid;gap:8px;position:sticky;top:96px}
.faq-tab{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);
text-align:left;font-size:0.9rem;font-weight:700;color:var(--ink-soft);transition:.25s;
background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.faq-tab em{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
font-style:normal;font-size:0.94rem;background:var(--paper-2);transition:.25s}
.faq-tab:hover{box-shadow:inset 0 0 0 1.5px var(--brand-line)}
.faq-tab.on{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(39,74,138,.22)}
.faq-tab.on em{background:rgba(255,255,255,.18)}
.faq-panel{display:none}
.faq-panel.on{display:block;animation:fade .4s ease}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.faq-panel .acc{border-top:0}
.faq-panel .acc-item:first-child{border-top:1px solid var(--line)}

/* ============ 评论 ============ */
.rev-grid{display:grid;grid-template-columns:340px 1fr;gap:52px;align-items:start}
.rev-sum{position:sticky;top:96px;background:var(--paper-2);border-radius:var(--r-l);padding:30px 28px}
.rev-sum .big{font-size:4.1rem;font-weight:900;color:var(--brand);line-height:.94;letter-spacing:-.05em}
.rev-sum .stars{font-size:1.04rem;margin:8px 0 6px}
.rev-sum .cnt{font-size:0.88rem;color:var(--ink-soft);font-weight:600;margin-bottom:22px}
.bars{display:grid;gap:9px;margin-bottom:20px}
.bar{display:flex;align-items:center;gap:10px;font-size:0.86rem;color:var(--ink-mute);font-weight:700}
.bar i{font-style:normal;width:30px;flex:none}
.bar u{flex:1;height:7px;border-radius:999px;background:#E2E8F2;overflow:hidden;text-decoration:none}
.bar u b{display:block;height:100%;background:var(--gold);border-radius:999px}
.bar span{width:34px;text-align:right;flex:none}
.rev-sum .rec{font-size:0.88rem;font-weight:800;color:var(--mint);margin-bottom:16px}
.rev-write{width:100%;height:50px;border-radius:14px;background:var(--brand);color:#fff;
font-size:0.9rem;font-weight:800;transition:.22s}
.rev-write:hover{background:var(--brand-2);transform:translateY(-2px)}
.rev-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.rev-filters button{font-size:0.86rem;font-weight:700;padding:9px 17px;border-radius:999px;
background:var(--paper-2);color:var(--ink-soft);transition:.22s}
.rev-filters button.on{background:var(--brand);color:#fff}
.rev-cards{display:grid;gap:18px}
.rc{background:var(--paper);border-radius:var(--r-l);padding:26px 28px;
box-shadow:inset 0 0 0 1.5px var(--line);transition:.3s}
.rc:hover{box-shadow:var(--shadow)}
.rc-top{display:flex;align-items:center;gap:11px;margin-bottom:12px;flex-wrap:wrap}
.rc-av{width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand);
display:grid;place-items:center;font-weight:800;font-size:0.9rem;flex:none}
.rc-name{font-size:0.9rem;font-weight:800}
.verified{font-size:0.82rem;font-weight:800;color:var(--mint);background:#E7F8F0;
padding:4px 9px;border-radius:6px;display:inline-flex;gap:4px;align-items:center}
.rc-meta{font-size:0.84rem;color:var(--ink-mute);margin-left:auto}
.rc h4{margin:0 0 8px;font-size:1rem;font-weight:800;letter-spacing:-.015em}
.rc p{margin:0 0 14px;font-size:0.9rem;color:var(--ink-soft);line-height:1.72}
.rc-pics{display:flex;gap:10px;margin:14px 0 16px;flex-wrap:wrap}
.rc-pics .slot{width:98px;aspect-ratio:1/1;border-radius:12px;padding:8px}
.rc-pics .slot .ratio,.rc-pics .slot .px,.rc-pics .slot .desc{display:none}
.rc-pics img{width:112px;height:112px;object-fit:cover;border-radius:12px;display:block;
cursor:zoom-in;transition:transform .25s}
.rc-pics img:hover{transform:scale(1.05)}
.rc-attrs{display:flex;gap:20px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line);
font-size:0.84rem;color:var(--ink-mute);font-weight:700}
.rc-attrs em{font-style:normal;color:var(--brand);font-weight:800}
.rc-help{margin-left:auto;font-size:0.86rem;font-weight:700;color:var(--ink-mute);
padding:7px 14px;border-radius:999px;background:var(--paper-2);transition:.22s}
.rc-help:hover{background:var(--brand-soft);color:var(--brand)}

/* ============ UGC 视频墙:左右箭头 + 可拖动横条 ============ */
.ugc-rail{position:relative}
.ugc-arrow{position:absolute;top:calc(50% - 7px);transform:translateY(-50%);z-index:8;
width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.97);
box-shadow:var(--shadow-l);display:grid;place-items:center;color:var(--brand);
font-size:1.2rem;line-height:1;transition:.22s}
.ugc-arrow:hover{background:var(--brand);color:#fff;transform:translateY(-50%) scale(1.06)}
.ugc-arrow[hidden]{display:none}
.ugc-arrow.p{left:-10px} .ugc-arrow.n{right:-10px}
.ugc-track{cursor:grab}
.ugc-track.drag{cursor:grabbing;scroll-snap-type:none}
.ugc-bar{position:relative;height:6px;border-radius:999px;background:#E2E8F2;
max-width:420px;margin:2px auto 0;cursor:pointer;touch-action:none}
.ugc-bar:hover{background:#D5DEEE}
.ugc-bar-thumb{position:absolute;top:0;left:0;height:6px;border-radius:999px;
background:var(--brand);min-width:44px}
.ugc-bar:hover .ugc-bar-thumb{background:var(--brand-2)}

/* ============ 评论:筛选计数 / 分页 / 写评论弹层 ============ */
.rev-filters button i{font-style:normal;font-weight:800;opacity:.6;margin-left:5px;font-size:0.78rem}
.rev-filters button.on i{opacity:.85}
.rev-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;
padding-top:20px;border-top:1px solid var(--line)}
.rev-count{font-size:0.86rem;font-weight:700;color:var(--ink-mute)}
.rev-pager{margin-left:auto;display:flex;gap:7px;align-items:center}
.rev-pager button{min-width:38px;height:38px;padding:0 11px;border-radius:11px;font-size:0.88rem;
font-weight:800;color:var(--ink-soft);background:var(--paper);
box-shadow:inset 0 0 0 1.5px var(--line);transition:.2s}
.rev-pager button:hover:not(:disabled){color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand-line)}
.rev-pager button.on{background:var(--brand);color:#fff;box-shadow:none}
.rev-pager button:disabled{opacity:.36;cursor:not-allowed}
.rv-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px}
.rv-modal[hidden]{display:none}
.rv-backdrop{position:absolute;inset:0;background:rgba(14,27,51,.42);backdrop-filter:blur(3px)}
.rv-dialog{position:relative;z-index:2;width:min(620px,100%);max-height:88vh;overflow:auto;
background:#fff;border-radius:var(--r-l);padding:34px 36px 30px;box-shadow:var(--shadow-l)}
.rv-dialog h3{margin:0 0 6px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.rv-sub{margin:0 0 18px;font-size:0.86rem;color:var(--ink-mute);font-weight:600}
.rv-x{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;
font-size:1.3rem;line-height:1;color:var(--ink-mute);background:var(--paper-2)}
.rv-x:hover{background:var(--brand-soft);color:var(--brand)}
.rv-stars{display:flex;gap:6px}
.rv-stars button{font-size:1.65rem;line-height:1;color:#D8DEE9;transition:.16s}
.rv-stars button.on{color:var(--gold)}
.rv-fl{display:block;margin:16px 0 0;font-size:0.86rem;font-weight:800;color:var(--ink-soft);
letter-spacing:.02em}
.rv-fl input,.rv-fl textarea{display:block;width:100%;margin-top:8px;font-family:inherit;
font-size:0.92rem;font-weight:500;color:var(--ink);background:var(--paper-2);
border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;resize:vertical}
.rv-fl input:focus,.rv-fl textarea:focus{outline:0;border-color:var(--brand);background:#fff}
.rv-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.rv-row input{width:100%;font-family:inherit;font-size:0.92rem;color:var(--ink);
background:var(--paper-2);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px}
.rv-pics{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.rv-pics img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.rv-file{position:relative;display:inline-flex;align-items:center;gap:7px;margin-top:8px;
padding:11px 16px;border-radius:12px;background:var(--paper-2);cursor:pointer;
box-shadow:inset 0 0 0 1.5px var(--line);font-size:0.88rem;font-weight:700;color:var(--brand)}
.rv-file:hover{background:var(--brand-soft)}
.rv-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.rv-file i{font-style:normal;font-weight:600;color:var(--ink-mute)}
.rv-submit{width:100%;margin-top:22px}
.rv-note{margin:10px 0 0;font-size:0.8rem;line-height:1.5;color:var(--ink-mute);text-align:center}

/* ============ Sticky buy bar ============ */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.97);
backdrop-filter:blur(14px);border-top:1px solid var(--line);
transform:translateY(110%);transition:transform .4s cubic-bezier(.3,.8,.25,1)}
.sticky.on{transform:none}
.sticky-in{display:flex;align-items:center;gap:18px;height:74px}
.sticky-in .slot{width:50px;height:50px;flex:none;border-radius:12px;padding:0}
.sticky-in .slot .ratio,.sticky-in .slot .px,.sticky-in .slot .desc{display:none}
.sticky-t{font-size:0.88rem;font-weight:800;letter-spacing:-.01em}
.sticky-p{font-size:0.86rem;color:var(--ink-mute);font-weight:600}
.sticky-cta{margin-left:auto;display:flex;gap:10px;align-items:center}
.sticky-cta .btn{height:46px;font-size:0.88rem;padding:0 26px;border-radius:12px}

/* ============ Footer ============ */
.foot{background:var(--paper-2);padding:58px 0 30px;margin-top:20px;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px;padding-bottom:38px}
.foot h5{margin:0 0 14px;font-size:0.86rem;font-weight:800;letter-spacing:0.074em;color:var(--ink)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot li{font-size:0.88rem;color:var(--ink-soft)}
.foot li a:hover{color:var(--brand)}
.foot-b{border-top:1px solid var(--line);padding-top:22px;font-size:0.86rem;color:var(--ink-mute);
display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ============ 响应式 ============ */
@media(max-width:1180px){
.buy{grid-template-columns:1fr;gap:36px}
.gal{position:static}
.terr,.box,.faq,.rev-grid{grid-template-columns:1fr}
.faq-tabs,.rev-sum{position:static}
.faq-tabs{grid-template-columns:repeat(2,1fr)}
.mode-card{flex:0 0 76%}
.iv{grid-template-columns:1fr}
}
@media(max-width:820px){
:root{--pad:20px}
.nav-links{display:none}
.trust{grid-template-columns:repeat(2,1fr)}
.stats-grid{grid-template-columns:repeat(2,1fr);gap:22px}
.cta-row{grid-template-columns:1fr}
.sec{padding:64px 0}
.band-card{margin:0 20px 6vh;padding:28px 26px}
.foot-grid{grid-template-columns:1fr 1fr}
.mode-card{flex:0 0 88%}
.sticky-in .sticky-t,.sticky-in .sticky-p{display:none}
}
</style>
</head>
<body>

<!-- ================= 公告条 ================= -->
<div class="announce">Free shipping on orders over $99 · <b>30-day returns</b> · Official Mercedes-Benz licensee</div>

<!-- ================= 导航 ================= -->
<nav class="nav">
<div class="wrap nav-in">
<a href="#" class="logo">ELEMARA<i>.</i></a>
<div class="nav-links">
<a href="#" class="on">All Products</a>
<a href="#">Best Sellers</a>
<a href="#">New Arrivals</a>
<a href="#">Ride-On Cars</a>
<a href="#">Wagon Strollers</a>
<a href="#">Licensed Brands</a>
</div>
<div class="nav-right">
<button class="nav-ico">&#8983;</button>
<button class="nav-ico">&#9825;</button>
<button class="nav-ico">&#128722;</button>
</div>
</div>
</nav>

<div class="wrap">
<div class="crumbs">Home / Ride-On Cars / Licensed Cars / <b>Mercedes-Benz G500 24V 2-Seater</b></div>
</div>

<!-- ================= HERO 购买区 ================= -->
<main class="wrap buy">

<!-- 左:图库 -->
<div class="gal">
<div class="gal-main">
<div class="gal-track" id="galTrack">
<div class="gal-slide"><div class="slot slot-sky"><img class="slot-img" src="g500_imgs/main-1.png" alt="ELEMARA G500 24V — front three-quarter, white studio" loading="lazy"><span class="ratio">1 : 1</span><span class="px">1600 × 1600</span><span class="desc">AMZ #1 · 主图 · 白底正面三刻视角</span></div></div>
<div class="gal-slide"><div class="slot slot-sun"><img class="slot-img" src="g500_imgs/main-2.png" alt="ELEMARA G500 — spacious 2-seater with real dimensions" loading="lazy"><span class="ratio">1 : 1</span><span class="px">1600 × 1600</span><span class="desc">AMZ #2 · 场景图 · 孩子驾驶实拍</span></div></div>
<div class="gal-slide"><div class="slot slot-mint"><img class="slot-img" src="g500_imgs/main-3.png" alt="ELEMARA G500 — 24V 4WD power and anti-tip-over" loading="lazy"><span class="ratio">1 : 1</span><span class="px">1600 × 1600</span><span class="desc">AMZ #3 · 细节 · 三星标 / 哑光车漆特写</span></div></div>
<div class="gal-slide"><div class="slot slot-lilac"><img class="slot-img" src="g500_imgs/main-4.png" alt="ELEMARA G500 — soft start, Bluetooth, LED lights, music" loading="lazy"><span class="ratio">1 : 1</span><span class="px">1600 × 1600</span><span class="desc">AMZ #4 · 双人座椅 · 安全带与座舱空间</span></div></div>
<div class="gal-slide"><div class="slot slot-sand"><img class="slot-img" src="g500_imgs/main-5.png" alt="ELEMARA G500 — manual control and remote control" loading="lazy"><span class="ratio">1 : 1</span><span class="px">1600 × 1600</span><span class="desc">AMZ #5 · 控制台 · 可滚动灯带与仪表</span></div></div>
</div>
<button class="gal-arrow p" onclick="galGo(-1)">&#8249;</button>
<button class="gal-arrow n" onclick="galGo(1)">&#8250;</button>
<div class="gal-dots" id="galDots"></div>
</div>
<div class="gal-thumbs" id="galThumbs">
<button class="on" onclick="galTo(0)"><div class="slot slot-sky"><img class="slot-img" src="g500_imgs/main-1.png" alt="thumb 1" loading="lazy"></div></button>
<button onclick="galTo(1)"><div class="slot slot-sun"><img class="slot-img" src="g500_imgs/main-2.png" alt="thumb 2" loading="lazy"></div></button>
<button onclick="galTo(2)"><div class="slot slot-mint"><img class="slot-img" src="g500_imgs/main-3.png" alt="thumb 3" loading="lazy"></div></button>
<button onclick="galTo(3)"><div class="slot slot-lilac"><img class="slot-img" src="g500_imgs/main-4.png" alt="thumb 4" loading="lazy"></div></button>
<button onclick="galTo(4)"><div class="slot slot-sand"><img class="slot-img" src="g500_imgs/main-5.png" alt="thumb 5" loading="lazy"></div></button>
</div>
</div>

<!-- 右:购买信息 -->
<div class="info">
<h1>ELEMARA Licensed Mercedes-Benz G500 24V 2-Seater Ride On Car</h1>

<div class="tags">
<span class="t">Officially Licensed</span><span class="d"></span>
<span class="t">24V 4WD</span><span class="d"></span>
<span class="t">2 Seater · 130 lbs</span><span class="d"></span>
<span class="t">Parent Remote</span>
</div>

<div class="pr-row">
<div>
<div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<div class="rate"><b>5.00</b> · <a href="#reviews">4 reviews</a></div>
</div>
<div class="price">
<span class="now">$389.99</span>
<span class="off">24V · 4WD · 2 SEATS</span>
</div>
</div>

<div class="field">
<div class="field-lab">Color · <b id="colorName">Black</b></div>
<div class="swatches">
<button class="sw on" onclick="pickColor(this,'Black')"><i style="background:#2B2F36"></i><span>Black</span></button>
<button class="sw" onclick="pickColor(this,'Pearl White')"><i style="background:#F2F1EC"></i><span>Pearl White</span></button>
<button class="sw" onclick="pickColor(this,'White')"><i style="background:#FAFAFA"></i><span>White</span></button>
<button class="sw" onclick="pickColor(this,'Red')"><i style="background:#C8352F"></i><span>Red</span></button>
<button class="sw" onclick="pickColor(this,'Pitch Black')"><i style="background:#14161A"></i><span>Pitch Black</span></button>
<button class="sw" onclick="pickColor(this,'Dark Black')"><i style="background:#1E2126"></i><span>Dark Black</span></button>
<button class="sw" onclick="pickColor(this,'Light Black')"><i style="background:#3A3E45"></i><span>Light Black</span></button>
</div>
</div>

<div class="field" style="display:flex;align-items:center">
<div class="qty">
<button onclick="qty(-1)">&minus;</button>
<input id="qty" value="1" readonly />
<button onclick="qty(1)">+</button>
</div>
<span class="qty-note">&#10003; In stock · ships in 24h</span>
</div>

<div class="cta-row">
<button class="btn btn-atc">Add to Cart <span class="p">· $389.99</span></button>
<button class="btn btn-buy">Buy Now</button>
</div>

<div class="trust">
<div><b>&#128666;</b>Free shipping<br/>over $99</div>
<div><b>&#128737;</b>Non-toxic<br/>PP + iron</div>
<div><b>&#8617;</b>30-day<br/>returns</div>
<div><b>&#127482;&#127480;</b>US-based<br/>support</div>
</div>

<div class="pay">
<span>VISA</span><span>MASTERCARD</span><span>AMEX</span><span>PAYPAL</span>
<span>APPLE PAY</span><span>SHOP PAY</span><span>KLARNA</span><span>AFTERPAY</span>
</div>

<div class="acc">
<div class="acc-item open">
<button class="acc-h" onclick="accToggle(this)">Product details
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">
<h5>Officially Licensed Mercedes-Benz G500 Luxury</h5>
<p>Experience the pinnacle of kids' electric vehicles with this officially licensed Mercedes G-Class G500. Featuring the iconic tri-star emblem and an authentic matte finish, this toddler car delivers a true-to-life luxury vibe. It's a statement piece designed to turn heads in your driveway and make your child feel like a VIP driving a real electric car for kids.</p>
<h5>24V 4WD Powerful Performance</h5>
<p>Equipped with a robust 24V battery and four powerful motors. Compared to standard 24V 2WD models, the 4WD system provides superior stability and traction, allowing to conquer grass, gravel, and asphalt with ease. This ride on car ensures a thrilling yet smooth adventure for your little explorer.</p>
<h5>Spacious 2 Seater for Social Play</h5>
<p>Designed as the ultimate 2 seater ride on car for big kids, it features a wide seat with safety belts, comfortably accommodating two toddlers or siblings. With a max load capacity of 130 lbs, this is the perfect 24v ride on toys for multi-child families. It's a social magnet that encourages sharing and turns your backyard into a hub for neighborhood friends.</p>
<h5>Driving Modes &amp; Parental Remote</h5>
<p>This kids ride on toys offers 2-speed options: 3 and 4.5 mph. Let child take the wheel in manual mode to develop coordination, or switch to parental remote control for safety (Remote control speed: 3 mph - 4 mph - 4.5 mph). The remote priority function allows parents to override the kids ride on car at any time, ensuring peace of mind while kids enjoy their independence. Perfect ride on toys for kids 3-8 who are ready to explore.</p>
<h5>High Quality and Safety</h5>
<p>Crafted from non-toxic PP plastic and iron, this kids electric car is built to last. It features a unique console, equipped with scrollable illuminated strips, giving the impression of being in a real cockpit. Packed with Bluetooth, built-in music, and low-battery alerts, these carros el&eacute;ctricos para ni&ntilde;os offer endless entertainment and safety features in one sleek package.</p>
</div></div>
</div>
<div class="acc-item">
<button class="acc-h" onclick="accToggle(this)">What's in the box
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">
<p>2 Seater Ride on Car, Remote Control, Instruction Manual</p>
</div></div>
</div>
<div class="acc-item">
<button class="acc-h" onclick="accToggle(this)">Safety information
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">
<p>CHOKING HAZARD - Small parts. Not suitable for children under 37 months. The product contains small parts, keep children away when assembling.</p>
</div></div>
</div>
<div class="acc-item">
<button class="acc-h" onclick="accToggle(this)">Shipping &amp; Returns
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">
<p>Free shipping on orders over $99, dispatched within 24 hours from our US warehouse. Standard delivery 3&ndash;6 business days.</p>
<p>30-Day Return Guarantee: you can return many items you have purchased within 30 days following delivery of the item to you.</p>
</div></div>
</div>
</div>
</div>
</main>

<!-- ================= 规格数字带 ================= -->
<section class="stats">
<div class="wrap stats-grid">
<div class="stat reveal"><b>4.5</b><span>MPH TOP SPEED</span><i>2-speed options: 3 and 4.5 mph</i></div>
<div class="stat reveal"><b>130</b><span>LB LOAD CAPACITY</span><i>max load capacity of 130 lbs</i></div>
<div class="stat reveal"><b>3&ndash;8</b><span>AGES</span><i>ride on toys for kids 3-8</i></div>
<div class="stat reveal"><b>4WD</b><span>24V FOUR MOTORS</span><i>24V battery and four powerful motors</i></div>
</div>
</section>

<!-- ================= 图 + 竖视频 ================= -->
<section class="sec">
<div class="wrap">
<div class="sec-head reveal">
<div class="eyebrow">OFFICIALLY LICENSED MERCEDES-BENZ G500</div>
<h2>The pinnacle of kids' electric vehicles</h2>
<p>Featuring the iconic tri-star emblem and an authentic matte finish &mdash; designed to turn heads in your driveway.</p>
</div>
<div class="iv reveal">
<div class="slot slot-a slot-sky"><img class="slot-img" src="g500_imgs/tall-base.png" alt="G-Class G500 — a real driving experience" loading="lazy">
<span class="ratio">4 : 5</span><span class="px">1600 × 2000</span>
<span class="desc">AMZ #6 · 车头 45° 特写 · 三星标与哑光车漆</span>
</div>
<div class="vidwrap">
<video poster="https://cdn.shopify.com/s/files/1/0658/2059/0260/files/poster-01.jpg?v=1787539659" preload="none" playsinline muted
src="https://cdn.shopify.com/videos/c/vp/6d5f7a566947427cb9068a2f5eef3231/6d5f7a566947427cb9068a2f5eef3231.SD-480p-1.2Mbps-92414194.mp4"></video>
<div class="play" onclick="playVid(this)"></div>
<div class="vlabel">Official product video · 01</div>
</div>
</div>
</div>
</section>

<!-- ================= 全出血 Lifestyle ================= -->
<section class="band reveal">
<div class="slot slot-sun"><img class="slot-img" src="g500_imgs/band-21.jpg" alt="Big adventures for little drivers" loading="lazy">
<span class="ratio">2.1 : 1</span><span class="px">1816 × 866</span>
<span class="desc">AMZ #7 · 全出血生活场景 · 整幅营销海报自带标题+4 卖点图标卡+手写签名,该区不叠加任何卡片</span>
</div>
<!-- 原 band-card(24V 4WD POWERFUL PERFORMANCE / Grass, gravel, and asphalt / 4 chips)已移除:
① 文案与紧随其后的「Where it can go」板块逐字重复(同段 Compared to standard 24V 2WD models…);
② 图上自带 4 个卖点图标卡(24V 7AH / 4x4 / Manual & Remote / Stable & Safe)已覆盖 chips 内容;
③ 半透明白卡会盖住图上图标卡 55%(实测重叠 327×384px)。删除后零信息损失。 -->
</section>

<!-- ================= 地表切换 ================= -->
<section class="sec">
<div class="wrap">
<div class="sec-head reveal">
<div class="eyebrow">SUPERIOR STABILITY AND TRACTION</div>
<h2>Where it can go</h2>
</div>
<div class="toggle-wrap reveal">
<button class="on" onclick="terrSwitch(this,0)">Outdoor</button>
<button onclick="terrSwitch(this,1)">Indoor</button>
</div>
<div class="terr reveal">
<div class="slot slot-mint" id="terrImg"><img class="slot-img" src="g500_imgs/wide-1610.png" alt="Outdoor terrain — grass, gravel and asphalt" loading="lazy">
<span class="ratio">16 : 10</span><span class="px">2000 × 1250</span>
<span class="desc" id="terrDesc">AMZ #8 · 户外 · 草地 / 碎石 / 柏油路实拍</span>
</div>
<div class="terr-txt">
<h3 id="terrTitle">Conquer grass, gravel, and asphalt with ease</h3>
<p id="terrBody">Compared to standard 24V 2WD models, the 4WD system provides superior stability and traction &mdash; a thrilling yet smooth adventure for your little explorer.</p>
<div class="terr-list" id="terrList">
<div><em>1</em><span>Robust 24V battery paired with four powerful motors</span></div>
<div><em>2</em><span>4WD traction across grass, gravel and asphalt</span></div>
<div><em>3</em><span>Wide seat with safety belts for two toddlers or siblings</span></div>
</div>
</div>
</div>
</div>
</section>

<!-- ================= 模式轮播 ================= -->
<section class="sec" style="padding-top:20px">
<div class="wrap">
<div class="sec-head reveal">
<div class="eyebrow">DRIVING MODES &amp; PARENTAL REMOTE</div>
<h2>Two ways to drive</h2>
<p>Let child take the wheel in manual mode, or switch to parental remote control for safety.</p>
</div>
<div class="modes reveal">
<div class="mode-track" id="modeTrack">
<div class="mode-card">
<div class="slot slot-sky"><img class="slot-img" src="g500_imgs/tall-1.png" alt="Manual mode — child at the wheel" loading="lazy"><span class="ratio">4 : 5</span><span class="px">1200 × 1500</span><span class="desc">AMZ #9 · 手动模式 · 孩子握方向盘</span></div>
<div class="mode-info"><h4>Manual mode</h4><p>Let child take the wheel in manual mode to develop coordination. 2-speed options: 3 and 4.5 mph.</p></div>
</div>
<div class="mode-card">
<div class="slot slot-sand"><img class="slot-img" src="g500_imgs/tall-2.png" alt="Parental remote control" loading="lazy"><span class="ratio">4 : 5</span><span class="px">1200 × 1500</span><span class="desc">AMZ #10 · 家长遥控 · 手握遥控器视角</span></div>
<div class="mode-info"><h4>Parental remote control</h4><p>Switch to parental remote control for safety. Remote control speed: 3 mph - 4 mph - 4.5 mph. The remote priority function allows parents to override the kids ride on car at any time.</p></div>
</div>
<div class="mode-card">
<div class="slot slot-rose"><img class="slot-img" src="g500_imgs/tall-3.png" alt="Console and cockpit — illuminated strips" loading="lazy"><span class="ratio">4 : 5</span><span class="px">1200 × 1500</span><span class="desc">AMZ #11 · 控制台 · 可滚动灯带</span></div>
<div class="mode-info"><h4>Console &amp; cockpit</h4><p>A unique console equipped with scrollable illuminated strips, giving the impression of being in a real cockpit.</p></div>
</div>
<div class="mode-card">
<div class="slot slot-lilac"><img class="slot-img" src="g500_imgs/main-4.png" alt="Bluetooth and music" loading="lazy"><span class="ratio">4 : 5</span><span class="px">1200 × 1500</span><span class="desc">AMZ #12 · 娱乐 · 蓝牙与内置音乐</span></div>
<div class="mode-info"><h4>Bluetooth &amp; music</h4><p>Packed with Bluetooth, built-in music, and low-battery alerts &mdash; endless entertainment and safety features in one sleek package.</p></div>
</div>
</div>
<div class="mode-nav">
<button onclick="modeScroll(-1)">&#8249;</button>
<button onclick="modeScroll(1)">&#8250;</button>
</div>
</div>
</div>
</section>

<!-- ================= UGC 视频墙(真实视频 · 来自 elemaratoys.com G500 页) ================= -->
<section class="sec" style="padding-top:20px">
<div class="wrap">
<div class="sec-head reveal">
<div class="eyebrow">SEE IT IN MOTION</div>
<h2>Real rides, real driveways</h2>
<p>Official product videos from the ELEMARA G500 page.</p>
</div>
<div class="ugc-rail reveal">
<div class="ugc-track" id="ugcTrack">
<div class="ugc"><div class="vidwrap"><video poster="https://cdn.shopify.com/s/files/1/0658/2059/0260/files/poster-01.jpg?v=1787539659" preload="none" playsinline muted src="https://cdn.shopify.com/videos/c/vp/6d5f7a566947427cb9068a2f5eef3231/6d5f7a566947427cb9068a2f5eef3231.SD-480p-1.2Mbps-92414194.mp4"></video></div><div class="play" onclick="playVid(this)"></div><div class="ugc-meta"><i>&#9654;</i>Video 01</div></div>
<div class="ugc"><div class="vidwrap"><video poster="https://cdn.shopify.com/s/files/1/0658/2059/0260/files/poster-02.jpg?v=1787540251" preload="none" playsinline muted src="https://cdn.shopify.com/videos/c/vp/093c1015906a4215baad750150f5db33/093c1015906a4215baad750150f5db33.SD-480p-0.9Mbps-92414941.mp4"></video></div><div class="play" onclick="playVid(this)"></div><div class="ugc-meta"><i>&#9654;</i>Video 02</div></div>
<div class="ugc"><div class="vidwrap"><video poster="https://cdn.shopify.com/s/files/1/0658/2059/0260/files/poster-03.jpg?v=1787540263" preload="none" playsinline muted src="https://cdn.shopify.com/videos/c/vp/9c5e94236d294d63a9b2df882313d6c4/9c5e94236d294d63a9b2df882313d6c4.SD-480p-1.5Mbps-92415088.mp4"></video></div><div class="play" onclick="playVid(this)"></div><div class="ugc-meta"><i>&#9654;</i>Video 03</div></div>
<div class="ugc"><div class="vidwrap"><video poster="https://cdn.shopify.com/s/files/1/0658/2059/0260/files/poster-04-v2.jpg?v=1787540389" preload="none" playsinline muted src="https://cdn.shopify.com/videos/c/vp/970ceafaed28447ab797493487e4ba8e/970ceafaed28447ab797493487e4ba8e.SD-480p-1.0Mbps-92415483.mp4"></video></div><div class="play" onclick="playVid(this)"></div><div class="ugc-meta"><i>&#9654;</i>Video 04</div></div>
<div class="ugc"><div class="vidwrap"><video poster="https://cdn.shopify.com/s/files/1/0658/2059/0260/files/poster-05.jpg?v=1787540278" preload="none" playsinline muted src="https://cdn.shopify.com/videos/c/vp/6c69785ed60d43b8b9686cf23fe3c9c7/6c69785ed60d43b8b9686cf23fe3c9c7.SD-480p-0.9Mbps-92415572.mp4"></video></div><div class="play" onclick="playVid(this)"></div><div class="ugc-meta"><i>&#9654;</i>Video 05</div></div>
<div class="ugc"><div class="vidwrap"><video poster="https://cdn.shopify.com/s/files/1/0658/2059/0260/files/poster-06.jpg?v=1787540289" preload="none" playsinline muted src="https://cdn.shopify.com/videos/c/vp/ea52f21634f24f7dbd1e67b3a11b9aff/ea52f21634f24f7dbd1e67b3a11b9aff.SD-480p-0.9Mbps-92415608.mp4"></video></div><div class="play" onclick="playVid(this)"></div><div class="ugc-meta"><i>&#9654;</i>Video 06</div></div>
</div>
<button class="ugc-arrow p" id="ugcPrev" onclick="ugcScroll(-1)" aria-label="Previous videos">&#8249;</button>
<button class="ugc-arrow n" id="ugcNext" onclick="ugcScroll(1)" aria-label="Next videos">&#8250;</button>
</div>
<div class="ugc-bar" id="ugcBar" aria-label="Video scrollbar"><div class="ugc-bar-thumb" id="ugcThumb"></div></div>
</div>
</section>

<!-- ================= 盒内清单 + 规格 ================= -->
<section class="sec" style="background:var(--paper-2);padding-top:84px">
<div class="wrap box">
<div class="slot slot-plain reveal"><img class="slot-img" src="g500_imgs/box-43.png" alt="Everything included — what is in the box" loading="lazy">
<span class="ratio">4 : 3</span><span class="px">1448 × 1086</span>
<span class="desc">AMZ #13 · 盒内全物件平铺 · 白底俯拍</span>
</div>
<div class="reveal">
<div class="eyebrow" style="margin-bottom:12px">WHAT'S IN THE BOX</div>
<h2 style="font-size:clamp(1.5rem,2.5vw,2.05rem);font-weight:800;letter-spacing:-.028em;margin:0 0 22px">Everything included</h2>
<div class="box-list">
<div><b>01</b><span>2 Seater Ride on Car</span></div>
<div><b>02</b><span>Remote Control</span></div>
<div><b>03</b><span>Instruction Manual</span></div>
</div>
<table class="spec-tbl">
<tr><td>Brand Name</td><td>ELEMARA</td></tr>
<tr><td>Item Type Name</td><td>24V 2 Seater Mercedes G-Class G500</td></tr>
<tr><td>Subject Character</td><td>Mercedes-Benz G500</td></tr>
<tr><td>Model Number</td><td>JJ2288</td></tr>
<tr><td>Manufacturer Part Number</td><td>G500</td></tr>
<tr><td>Manufacturer</td><td>ELEMARA</td></tr>
<tr><td>Manual speed</td><td>3 and 4.5 mph</td></tr>
<tr><td>Remote control speed</td><td>3 mph &ndash; 4 mph &ndash; 4.5 mph</td></tr>
<tr><td>Weight Capacity Maximum</td><td>130 pounds</td></tr>
<tr><td>Item Dimensions L x W x H</td><td>50"L x 32.3"W x 25.2"H</td></tr>
<tr><td>Item Weight</td><td>61.1 pounds</td></tr>
<tr><td>Manufacturer recommended age</td><td>3 years and up</td></tr>
<tr><td>Included Components</td><td>2 Seater Ride on Car, Remote Control, Instruction Manual</td></tr>
<tr><td>Unit Count</td><td>1 Count</td></tr>
<tr><td>UPC</td><td>840452677272</td></tr>
<tr><td>ASIN</td><td>B0GXKM5S5B</td></tr>
<tr><td>Best Sellers Rank</td><td>#41,892 in Toys &amp; Games · #93 in Kids' Electric Vehicles</td></tr>
</table>
</div>
</div>
</section>

<!-- ================= FAQ:左 Tab + 右手风琴 ================= -->
<section class="sec">
<div class="wrap">
<div class="sec-head reveal">
<div class="eyebrow">GOT QUESTIONS?</div>
<h2>Product facts</h2>
</div>
<div class="faq reveal">
<div class="faq-tabs" id="faqTabs">
<button class="faq-tab on" onclick="faqTo(0)"><em>&#128737;</em>Safety &amp; Age</button>
<button class="faq-tab" onclick="faqTo(1)"><em>&#128207;</em>Size &amp; Weight</button>
<button class="faq-tab" onclick="faqTo(2)"><em>&#128230;</em>What's in the Box</button>
<button class="faq-tab" onclick="faqTo(3)"><em>&#128295;</em>Battery &amp; Driving</button>
</div>
<div>
<!-- 1 -->
<div class="faq-panel on">
<div class="acc">
<div class="acc-item open"><button class="acc-h" onclick="accToggle(this)">What age is it recommended for?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Manufacturer recommended age: 3 years and up. Perfect ride on toys for kids 3-8 who are ready to explore.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">Are there safety warnings?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">CHOKING HAZARD - Small parts. Not suitable for children under 37 months. The product contains small parts, keep children away when assembling.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">Does it have seat belts?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Yes. It features a wide seat with safety belts, comfortably accommodating two toddlers or siblings.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">What is it made of?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Crafted from non-toxic PP plastic and iron, this kids electric car is built to last.</div></div></div>
</div>
</div>
<!-- 2 -->
<div class="faq-panel">
<div class="acc">
<div class="acc-item open"><button class="acc-h" onclick="accToggle(this)">What are the dimensions?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">50"L x 32.3"W x 25.2"H. Measure your doorway and trunk before ordering.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">How heavy is it?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Item weight is 61.1 pounds.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">How much weight can it carry?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Weight capacity maximum is 130 pounds &mdash; the max load capacity of 130 lbs makes it the perfect 24v ride on toys for multi-child families.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">Will two kids actually fit?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Yes. Designed as the ultimate 2 seater ride on car for big kids, it features a wide seat with safety belts, comfortably accommodating two toddlers or siblings.</div></div></div>
</div>
</div>
<!-- 3 -->
<div class="faq-panel">
<div class="acc">
<div class="acc-item open"><button class="acc-h" onclick="accToggle(this)">What's in the box?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">2 Seater Ride on Car, Remote Control, Instruction Manual.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">How many items are included?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Number of Items: 1 · Unit Count: 1 Count · Number of Packs: 1.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">What are the product identifiers?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Model Number JJ2288 · Manufacturer Part Number G500 · UPC 840452677272 · ASIN B0GXKM5S5B.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">How does it rank on Amazon?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">#41,892 in Toys &amp; Games and #93 in Kids' Electric Vehicles (Amazon Best Sellers Rank, captured Sep 15, 2026).</div></div></div>
</div>
</div>
<!-- 4 -->
<div class="faq-panel">
<div class="acc">
<div class="acc-item open"><button class="acc-h" onclick="accToggle(this)">How fast does it go?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">2-speed options: 3 and 4.5 mph in manual mode. Remote control speed: 3 mph - 4 mph - 4.5 mph.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">Can I override my child at any time?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Yes. The remote priority function allows parents to override the kids ride on car at any time, ensuring peace of mind while kids enjoy their independence.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">What powers it?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Equipped with a robust 24V battery and four powerful motors. Compared to standard 24V 2WD models, the 4WD system provides superior stability and traction.</div></div></div>
<div class="acc-item"><button class="acc-h" onclick="accToggle(this)">Does it alert you when the battery is low?
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M6 9l6 6 6-6"/></svg></button>
<div class="acc-p"><div class="acc-p-in">Yes &mdash; packed with Bluetooth, built-in music, and low-battery alerts.</div></div></div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- ================= 评论(真实数据 · 来自 elemaratoys.com Judge.me) ================= -->
<section class="sec" id="reviews" style="background:var(--paper-2);padding-top:84px">
<div class="wrap">
<div class="sec-head reveal">
<div class="eyebrow">LOVED BY FAMILIES AROUND THE WORLD</div>
<h2>What parents actually say</h2>
</div>
<div class="rev-grid">

<div class="rev-sum reveal">
<div class="big">5.00</div>
<div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<div class="cnt">Based on 4 verified reviews</div>
<div class="bars">
<div class="bar"><i>5&#9733;</i><u><b style="width:100%"></b></u><span>100%</span></div>
<div class="bar"><i>4&#9733;</i><u><b style="width:0%"></b></u><span>0%</span></div>
<div class="bar"><i>3&#9733;</i><u><b style="width:0%"></b></u><span>0%</span></div>
<div class="bar"><i>2&#9733;</i><u><b style="width:0%"></b></u><span>0%</span></div>
<div class="bar"><i>1&#9733;</i><u><b style="width:0%"></b></u><span>0%</span></div>
</div>
<div class="rec">ELEMARA Licensed Mercedes-Benz G500 24V 2-Seater Ride On Car</div>
<button class="rev-write" onclick="rvOpen()">Write a review</button>
</div>

<div>
<div class="rev-filters reveal" id="revFilters">
<button class="on" onclick="rvFilter(this,'all')">All reviews<i>4</i></button>
<button onclick="rvFilter(this,'photos')">With photos<i>3</i></button>
<button onclick="rvFilter(this,'5')">5&#9733;<i>4</i></button>
<button onclick="rvFilter(this,'recent')">Most recent</button>
</div>
<div class="rev-cards" id="revCards">

<div class="rc reveal" data-rating="5" data-photos="3" data-ts="20260820095156">
<div class="rc-top">
<span class="rc-av">J</span><span class="rc-name">Jayden liu</span>
<span class="verified">&#10003; Verified</span>
<span class="rc-meta">Aug 20, 2026</span>
</div>
<div class="stars" style="font-size:0.9rem">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<h4 style="margin-top:8px">Very impressed with the quality</h4>
<p>I'm very impressed with the quality of this ride-on car. It was easy to assemble, and the instructions were straightforward. The car looks amazing, especially the licensed Mercedes design, and my child absolutely loves it. The battery lasts a long time, the remote control works perfectly, and the ride is smooth. The seats are comfortable and even come with seat belts for added safety. Overall, it's sturdy, stylish, and worth every penny, Highly recommend to anyone looking for a fun and high-quality ride-on car!</p>
<div class="rc-pics">
<img src="https://review-images.judgeme.com/elemara/1787219517__tcwk16vepz8__original.png?quality=80&width=1024" alt="Customer photo 1" />
<img src="https://review-images.judgeme.com/elemara/1787219518__6i0r_fsbfpy__original.png?quality=80&width=1024" alt="Customer photo 2" />
<img src="https://review-images.judgeme.com/elemara/1787219519__3firm6pfjfw__original.png?quality=80&width=1024" alt="Customer photo 3" />
</div>
<div class="rc-attrs"><span>Quality <em>5/5</em></span><span>Ease of assembly <em>5/5</em></span><span>Safety <em>5/5</em></span></div>
</div>

<div class="rc reveal" data-rating="5" data-photos="2" data-ts="20260820094441">
<div class="rc-top">
<span class="rc-av">Y</span><span class="rc-name">YY</span>
<span class="verified">&#10003; Verified</span>
<span class="rc-meta">Aug 20, 2026</span>
</div>
<div class="stars" style="font-size:0.9rem">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<h4 style="margin-top:8px">Amazing ride-on car</h4>
<p>This ELEMARA 24V Mercedes-Benz G-Class ride-on car is amazing! The two-seat design is spacious and comfortable, making it perfect for bigger kids or two children riding together. The 4WD system provides strong power and handles grass, sidewalks, and slightly uneven surfaces very well. The Mercedes G500 design looks realistic and high-end, and the lights, music, and other features make it even more fun. The battery lasts a good amount of time, and the parental remote control is very helpful for safety. Assembly was manageable, and the car feels sturdy and well made. My child absolutely loves it and asks to drive it every day. It is a great gift and definitely worth the purchase!</p>
<div class="rc-pics">
<img src="https://review-images.judgeme.com/elemara/1787219082__tzrjaqj7wbq__original.png?quality=80&width=1024" alt="Customer photo 4" />
<img src="https://review-images.judgeme.com/elemara/1787219083__t00gi1fcw3o__original.png?quality=80&width=1024" alt="Customer photo 5" />
</div>
<div class="rc-attrs"><span>4WD performance <em>5/5</em></span><span>Two-seat space <em>5/5</em></span><span>Safety <em>5/5</em></span></div>
</div>

<div class="rc reveal" data-rating="5" data-photos="2" data-ts="20260820094440">
<div class="rc-top">
<span class="rc-av">J</span><span class="rc-name">Jerry Lin</span>
<span class="verified">&#10003; Verified</span>
<span class="rc-meta">Aug 20, 2026</span>
</div>
<div class="stars" style="font-size:0.9rem">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<h4 style="margin-top:8px">Really impressed with this electric car</h4>
<p>I'm really impressed with this electric car for kids. For around $450, it feels well-made and has a lot of fun features. The car looks great, runs smoothly, and the controls are easy to figure out. My kid absolutely loves driving it around and has been having a blast with it. The battery life has been good so far, and the overall build feels sturdy. Assembly took a little time, but the instructions were straightforward. Definitely a fun purchase and worth the money if you're looking for a larger electric ride-on for kids. Very happy with it!</p>
<div class="rc-pics">
<img src="https://review-images.judgeme.com/elemara/1787219081__y_odqh_qca8__original.png?quality=80&width=1024" alt="Customer photo 6" />
<img src="https://review-images.judgeme.com/elemara/1787219083__qe8ae0hpw1a__original.png?quality=80&width=1024" alt="Customer photo 7" />
</div>
<div class="rc-attrs"><span>Build quality <em>5/5</em></span><span>Battery life <em>5/5</em></span><span>Value <em>5/5</em></span></div>
</div>

<!-- 第 4 条:Judge.me 线上真实存在(与第 1 条同源重复、无配图)。保留它才能真实对应线上「4 reviews」;
若在 Judge.me 后台删掉这条重复评论,分页会自动收敛为 1 页。 -->
<div class="rc reveal" data-rating="5" data-photos="0" data-ts="20260820094440">
<div class="rc-top">
<span class="rc-av">J</span><span class="rc-name">Jayden liu</span>
<span class="verified">&#10003; Verified</span>
<span class="rc-meta">Aug 20, 2026</span>
</div>
<div class="stars" style="font-size:0.9rem">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<h4 style="margin-top:8px">Very impressed with the quality</h4>
<p>I'm very impressed with the quality of this ride-on car. It was easy to assemble, and the instructions were straightforward. The car looks amazing, especially the licensed Mercedes design, and my child absolutely loves it. The battery lasts a long time, the remote control works perfectly, and the ride is smooth. The seats are comfortable and even come with seat belts for added safety. Overall, it's sturdy, stylish, and worth every penny, Highly recommend to anyone looking for a fun and high-quality ride-on car!</p>
<div class="rc-attrs"><span>Quality <em>5/5</em></span><span>Ease of assembly <em>5/5</em></span><span>Safety <em>5/5</em></span></div>
</div>

</div>

<div class="rev-foot">
<span class="rev-count" id="revCount"></span>
<div class="rev-pager" id="revPager"></div>
</div>
</div>
</div>
</div>
</section>

<!-- ================= 写评论弹层(线上由 Judge.me 渲染,此处为可交互原型) ================= -->
<div class="rv-modal" id="rvModal" hidden>
<div class="rv-backdrop" onclick="rvClose()"></div>
<div class="rv-dialog" role="dialog" aria-modal="true" aria-labelledby="rvH">
<button class="rv-x" onclick="rvClose()" aria-label="Close">&times;</button>
<div class="eyebrow" style="margin-bottom:8px">WRITE A REVIEW</div>
<h3 id="rvH">Share your experience</h3>
<p class="rv-sub">ELEMARA Licensed Mercedes-Benz G500 24V 2-Seater Ride On Car</p>

<div class="rv-fl" style="margin-top:0">Your rating
<div class="rv-stars" id="rvStars">
<button onclick="rvStar(1)">&#9733;</button><button onclick="rvStar(2)">&#9733;</button>
<button onclick="rvStar(3)">&#9733;</button><button onclick="rvStar(4)">&#9733;</button>
<button onclick="rvStar(5)">&#9733;</button>
</div>
</div>

<label class="rv-fl">Review title<input id="rvTitle" placeholder="Sum it up in a few words" /></label>
<label class="rv-fl">Your review<textarea id="rvBody" rows="4" placeholder="What did your family like? How was assembly?"></textarea></label>
<div class="rv-fl">Add photos (optional)
<span class="rv-file"><input type="file" id="rvPics" accept="image/*" multiple onchange="rvPick(this)" />Choose photos <i>&middot; JPG / PNG</i></span>
</div>
<div class="rv-pics" id="rvPicsPrev"></div>
<div class="rv-row">
<input id="rvName" placeholder="Your name" />
<input id="rvEmail" placeholder="Email (not published)" />
</div>

<button class="btn btn-atc rv-submit" onclick="rvSubmit()">Submit review</button>
<p class="rv-note">上线后此表单由 Judge.me 接管:提交进入后台待审核(Moderation),审核通过才显示;买家实拍图会自动转存到 Judge.me 图床。</p>
</div>
</div>

<!-- ================= Footer ================= -->
<footer class="foot">
<div class="wrap">
<div class="foot-grid">
<div>
<div class="logo" style="margin-bottom:12px">ELEMARA<i>.</i></div>
<p style="font-size:0.88rem;color:var(--ink-soft);max-width:300px;line-height:1.7">Officially licensed Mercedes-Benz ride-ons. Non-toxic PP plastic and iron, built to last.</p>
</div>
<div><h5>SHOP</h5><ul><li><a href="#">Ride-On Cars</a></li><li><a href="#">Wagon Strollers</a></li><li><a href="#">Play Castles</a></li><li><a href="#">Licensed Brands</a></li></ul></div>
<div><h5>SUPPORT</h5><ul><li><a href="#">Assembly guides</a></li><li><a href="#">Replacement parts</a></li><li><a href="#">Warranty</a></li><li><a href="#">Contact us</a></li></ul></div>
<div><h5>COMPANY</h5><ul><li><a href="#">About</a></li><li><a href="#">Shipping</a></li><li><a href="#">Returns</a></li><li><a href="#">Privacy</a></li></ul></div>
</div>
<div class="foot-b"><span>&copy; 2026 ELEMARA. All rights reserved.</span><span>Prices in USD · Ships from US warehouse</span></div>
</div>
</footer>

<!-- ================= Sticky buy bar ================= -->
<div class="sticky" id="sticky">
<div class="wrap sticky-in">
<div class="slot slot-sky"><img class="slot-img" src="g500_imgs/main-1.png" alt="thumb" loading="lazy"></div>
<div>
<div class="sticky-t">Mercedes-Benz G500 24V 2-Seater Ride On Car</div>
<div class="sticky-p">&#9733;&#9733;&#9733;&#9733;&#9733; 5.00 · In stock</div>
</div>
<div class="sticky-cta">
<button class="btn btn-atc" style="background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand-line)">Add to Cart</button>
<button class="btn btn-buy">Buy Now</button>
</div>
</div>
</div>
<script>
/* ---------- 图库 ---------- */
var gi=0, gn=5;
function galDotsBuild(){
var d=document.getElementById('galDots'); d.innerHTML='';
for(var i=0;i<gn;i++){var b=document.createElement('i'); if(i===0)b.className='on'; d.appendChild(b);}
}
function galTo(i){
gi=(i+gn)%gn;
document.getElementById('galTrack').style.transform='translateX('+(-gi*100)+'%)';
var dots=document.getElementById('galDots').children;
for(var k=0;k<dots.length;k++) dots[k].className=(k===gi?'on':'');
var th=document.getElementById('galThumbs').children;
for(var k=0;k<th.length;k++) th[k].className=(k===gi?'on':'');
}
function galGo(d){galTo(gi+d);}
galDotsBuild();

/* ---------- 颜色 / 数量 ---------- */
function pickColor(el,name){
var s=document.querySelectorAll('.sw'); for(var i=0;i<s.length;i++) s[i].classList.remove('on');
el.classList.add('on');
document.getElementById('colorName').textContent=name;
var map={'Black':0,'Pitch Black':0,'Dark Black':0,'Light Black':0,'Pearl White':1,'White':1,'Red':4};
if(map[name]!=null) galTo(map[name]);
}
function qty(d){
var el=document.getElementById('qty'), v=parseInt(el.value,10)+d;
if(v<1)v=1; if(v>9)v=9; el.value=v;
}

/* ---------- 手风琴 ---------- */
function accToggle(btn){
var item=btn.parentElement, panel=item.querySelector('.acc-p'), open=item.classList.contains('open');
var sib=item.parentElement.querySelectorAll('.acc-item');
for(var i=0;i<sib.length;i++){sib[i].classList.remove('open'); sib[i].querySelector('.acc-p').style.maxHeight=null;}
if(!open){item.classList.add('open'); panel.style.maxHeight=panel.scrollHeight+'px';}
}

/* ---------- 地表切换 ---------- */
var terrData=[
{t:'Conquer grass, gravel, and asphalt with ease',
b:'Compared to standard 24V 2WD models, the 4WD system provides superior stability and traction \u2014 a thrilling yet smooth adventure for your little explorer.',
d:'AMZ #8 \u00b7 \u6237\u5916 \u00b7 \u8349\u5730 / \u788e\u77f3 / \u67cf\u6cb9\u8def\u5b9e\u62cd',
cls:'slot-mint',
l:['Robust 24V battery paired with four powerful motors','4WD traction across grass, gravel and asphalt','Wide seat with safety belts for two toddlers or siblings']},
{t:'Packed with Bluetooth, built-in music, and low-battery alerts',
b:'These carros el\u00e9ctricos para ni\u00f1os offer endless entertainment and safety features in one sleek package, with a unique console equipped with scrollable illuminated strips.',
d:'AMZ #14 \u00b7 \u5ba4\u5185 / \u63a7\u5236\u53f0 \u00b7 \u53ef\u6eda\u52a8\u706f\u5e26\u4e0e\u84dd\u7259\u9762\u677f',
cls:'slot-sand',
l:['Unique console with scrollable illuminated strips','Bluetooth audio and built-in music','Low-battery alerts built in']}];
function terrSwitch(el,i){
var b=el.parentElement.children; for(var k=0;k<b.length;k++) b[k].classList.remove('on');
el.classList.add('on');
var d=terrData[i];
document.getElementById('terrTitle').textContent=d.t;
document.getElementById('terrBody').textContent=d.b;
document.getElementById('terrDesc').textContent=d.d;
document.getElementById('terrImg').className='slot '+d.cls;
var list=document.getElementById('terrList'); list.innerHTML='';
d.l.forEach(function(x,n){
var div=document.createElement('div');
div.innerHTML='<em>'+(n+1)+'</em><span>'+x+'</span>';
list.appendChild(div);
});
}

/* ---------- 视频播放(真实 Shopify CDN 视频) ---------- */
function playVid(el){
var box = el.parentElement;
var v = box.querySelector('video');
if(!v){ return; }
el.classList.add('gone');
v.muted = false;
v.controls = true;
v.preload = 'auto';
var p = v.play();
if(p && p.catch){ p.catch(function(){ v.muted = true; v.play(); }); }
}

/* ---------- 模式横向滚动 ---------- */
function modeScroll(d){
var t=document.getElementById('modeTrack');
t.scrollBy({left:d*(t.clientWidth*0.62),behavior:'smooth'});
}

/* ---------- FAQ 分类 ---------- */
function faqTo(i){
var tabs=document.getElementById('faqTabs').children;
for(var k=0;k<tabs.length;k++) tabs[k].classList.remove('on');
tabs[i].classList.add('on');
var panels=document.querySelectorAll('.faq-panel');
for(var k=0;k<panels.length;k++) panels[k].className='faq-panel'+(k===i?' on':'');
// 面板从 display:none 变可见后 scrollHeight 才有值,必须重算一次
var open=panels[i].querySelector('.acc-item.open .acc-p');
if(open) open.style.maxHeight=open.scrollHeight+'px';
}

/* ---------- UGC 视频墙:箭头翻页 + 横条拖动 ---------- */
var ugcTrack=document.getElementById('ugcTrack'),
ugcPrev=document.getElementById('ugcPrev'),
ugcNext=document.getElementById('ugcNext'),
ugcBar=document.getElementById('ugcBar'),
ugcThumb=document.getElementById('ugcThumb');
function ugcStep(){var c=ugcTrack.querySelector('.ugc');return c?c.getBoundingClientRect().width+18:282;}
function ugcScroll(d){ugcTrack.scrollBy({left:d*ugcStep(),behavior:'smooth'});}
function ugcSync(){
var max=ugcTrack.scrollWidth-ugcTrack.clientWidth;
var ratio=ugcTrack.scrollWidth?ugcTrack.clientWidth/ugcTrack.scrollWidth:1;
var w=Math.max(ratio*100,10);
ugcThumb.style.width=w+'%';
ugcThumb.style.left=(max>0?(ugcTrack.scrollLeft/max)*(100-w):0)+'%';
ugcPrev.hidden=ugcTrack.scrollLeft<=1; /* 起点只剩右箭头 */
ugcNext.hidden=(max<=0)||(ugcTrack.scrollLeft>=max-1); /* 终点只剩左箭头 */
}
ugcTrack.addEventListener('scroll',ugcSync);
window.addEventListener('resize',ugcSync);
/* 横条:点击/按住拖动都能定位 */
var _barDrag=false;
function ugcSeek(e){
var r=ugcBar.getBoundingClientRect();
var p=Math.min(1,Math.max(0,(e.clientX-r.left)/r.width));
var max=ugcTrack.scrollWidth-ugcTrack.clientWidth;
ugcTrack.scrollLeft=Math.max(0,Math.min(max,p*ugcTrack.scrollWidth-ugcTrack.clientWidth/2));
}
ugcBar.addEventListener('pointerdown',function(e){_barDrag=true;try{ugcBar.setPointerCapture(e.pointerId);}catch(err){}ugcSeek(e);});
ugcBar.addEventListener('pointermove',function(e){if(_barDrag)ugcSeek(e);});
ugcBar.addEventListener('pointerup',function(){_barDrag=false;});
ugcBar.addEventListener('pointercancel',function(){_barDrag=false;});
/* 画面本身也能按住拖动(抓取手势) */
var _ugcDrag=false,_ugcX=0,_ugcSL=0;
ugcTrack.addEventListener('pointerdown',function(e){
if(e.target.closest('.play')||e.target.closest('video'))return;
_ugcDrag=true;_ugcX=e.clientX;_ugcSL=ugcTrack.scrollLeft;ugcTrack.classList.add('drag');
});
window.addEventListener('pointermove',function(e){if(_ugcDrag)ugcTrack.scrollLeft=_ugcSL-(e.clientX-_ugcX);});
window.addEventListener('pointerup',function(){
if(_ugcDrag){_ugcDrag=false;ugcTrack.classList.remove('drag');ugcSync();}
});
ugcSync();

/* ---------- 评论区:筛选 + 分页 ---------- */
var RVPAGE=3,_rvPage=1,_rvFilter='all';
var _rvCards=Array.prototype.slice.call(document.querySelectorAll('#revCards .rc'));
function _rvVisible(){
var list=_rvCards.filter(function(c){
if(_rvFilter==='photos')return parseInt(c.dataset.photos||'0',10)>0;
if(_rvFilter==='5')return (c.dataset.rating||'')==='5';
return true;
});
if(_rvFilter==='recent')list=list.slice().sort(function(a,b){return parseFloat(b.dataset.ts||0)-parseFloat(a.dataset.ts||0);});
return list;
}
function rvRender(){
var list=_rvVisible();
var pages=Math.max(1,Math.ceil(list.length/RVPAGE));
if(_rvPage>pages)_rvPage=pages;
var start=(_rvPage-1)*RVPAGE;
list.forEach(function(c){document.getElementById('revCards').appendChild(c);}); /* "Most recent" 真正重排 DOM */
_rvCards.forEach(function(c){c.style.display='none';});
list.slice(start,start+RVPAGE).forEach(function(c,i){
c.style.display='';c.classList.add('in');c.style.transitionDelay=(i*60)+'ms';
});
document.getElementById('revCount').textContent=list.length
?'Showing '+(start+1)+'\u2013'+Math.min(start+RVPAGE,list.length)+' of '+list.length+' reviews'
:'No reviews match this filter yet.';
var pg=document.getElementById('revPager');pg.innerHTML='';
if(pages>1){
var prev=document.createElement('button');prev.innerHTML='&#8249;';prev.disabled=(_rvPage===1);
prev.onclick=function(){_rvPage--;rvRender();};pg.appendChild(prev);
for(var i=1;i<=pages;i++){(function(n){
var b=document.createElement('button');b.textContent=n;if(n===_rvPage)b.className='on';
b.onclick=function(){_rvPage=n;rvRender();};pg.appendChild(b);})(i);}
var next=document.createElement('button');next.innerHTML='&#8250;';next.disabled=(_rvPage===pages);
next.onclick=function(){_rvPage++;rvRender();};pg.appendChild(next);
}
}
function rvFilter(el,f){
_rvFilter=f;_rvPage=1;
var b=document.getElementById('revFilters').children;
for(var i=0;i<b.length;i++)b[i].classList.remove('on');
el.classList.add('on');
rvRender();
}
function rvChips(){
var n=_rvCards.length,
p=_rvCards.filter(function(c){return parseInt(c.dataset.photos||'0',10)>0;}).length,
f=_rvCards.filter(function(c){return (c.dataset.rating||'')==='5';}).length,
b=document.getElementById('revFilters').children,m=[n,p,f];
for(var i=0;i<3&&i<b.length;i++){var t=b[i].querySelector('i');if(t)t.textContent=m[i];}
}
function _rvAvg(){var s=0;_rvCards.forEach(function(c){s+=parseInt(c.dataset.rating||'0',10)||0;});return _rvCards.length?s/_rvCards.length:0;}
function rvSummary(){
var n=_rvCards.length,a=_rvAvg(),box=document.querySelector('.rev-sum');
box.querySelector('.big').textContent=a.toFixed(2);
box.querySelector('.stars').innerHTML='&#9733;'.repeat(Math.round(a));
box.querySelector('.cnt').textContent='Based on '+n+' verified reviews';
var bars=box.querySelectorAll('.bar');
for(var s=5;s>=1;s--){
var cnt=_rvCards.filter(function(c){return parseInt(c.dataset.rating||'0',10)===s;}).length;
var pct=n?Math.round(cnt/n*100):0,bar=bars[5-s];
bar.querySelector('u b').style.width=pct+'%';
bar.querySelector('span').textContent=pct+'%';
}
var hero=document.querySelector('.pr-row .rate');
if(hero)hero.innerHTML='<b>'+a.toFixed(2)+'</b> \u00b7 <a href="#reviews">'+n+' review'+(n===1?'':'s')+'</a>';
var hs=document.querySelector('.pr-row .stars');
if(hs)hs.innerHTML='&#9733;'.repeat(Math.round(a))+'<span style="color:#D8DEE9">'+'&#9733;'.repeat(5-Math.round(a))+'</span>';
var sb=document.querySelector('.sticky-p');
if(sb)sb.innerHTML='&#9733;&#9733;&#9733;&#9733;&#9733; '+a.toFixed(2)+' \u00b7 In stock';
}
rvRender();rvChips();rvSummary();

/* ---------- 写评论弹层 ---------- */
var _rvStars=5;
function rvOpen(){document.getElementById('rvModal').hidden=false;document.body.style.overflow='hidden';}
function rvClose(){document.getElementById('rvModal').hidden=true;document.body.style.overflow='';}
function rvStar(n){
_rvStars=n;
var b=document.getElementById('rvStars').children;
for(var i=0;i<b.length;i++)b[i].className=(i<n?'on':'');
}
rvStar(5); /* 默认 5 星(与 Judge.me 表单默认一致) */
function rvPick(input){
var box=document.getElementById('rvPicsPrev');box.innerHTML='';
Array.prototype.slice.call(input.files||[]).forEach(function(f){
var im=document.createElement('img');im.src=URL.createObjectURL(f);im.alt=f.name;box.appendChild(im);
});
}
function rvEsc(s){return String(s).replace(/[&<>"]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c];});}
function rvSubmit(){
var nameEl=document.getElementById('rvName'),titleEl=document.getElementById('rvTitle'),bodyEl=document.getElementById('rvBody');
if(!titleEl.value.trim()){titleEl.focus();return;}
if(!bodyEl.value.trim()){bodyEl.focus();return;}
var name=nameEl.value.trim()||'ELEMARA customer';
var pics=document.getElementById('rvPicsPrev').querySelectorAll('img');
var card=document.createElement('div');
card.className='rc in';
card.dataset.rating=String(_rvStars);
card.dataset.photos=String(pics.length);
card.dataset.ts=String(Date.now());
var h='<div class="rc-top"><span class="rc-av">'+rvEsc(name.charAt(0).toUpperCase())+'</span>'
+'<span class="rc-name">'+rvEsc(name)+'</span>'
+'<span class="verified" style="color:#78839A;background:#EEF1F6">&#8987; Pending</span>'
+'<span class="rc-meta">'+new Date().toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'})+'</span></div>'
+'<div class="stars" style="font-size:0.9rem">'+'&#9733;'.repeat(_rvStars)
+'<span style="color:#D8DEE9">'+'&#9733;'.repeat(5-_rvStars)+'</span></div>'
+'<h4 style="margin-top:8px">'+rvEsc(titleEl.value.trim())+'</h4>'
+'<p>'+rvEsc(bodyEl.value.trim())+'</p>';
if(pics.length){
h+='<div class="rc-pics">';
for(var i=0;i<pics.length;i++)h+='<img src="'+pics[i].src+'" alt="Customer photo '+(i+1)+'" />';
h+='</div>';
}
h+='<div class="rc-attrs"><span>Submitted from this prototype \u00b7 on the live store it goes to Judge.me moderation</span></div>';
card.innerHTML=h;
document.getElementById('revCards').insertBefore(card,_rvCards.length?_rvCards[0]:null);
_rvCards.unshift(card);
titleEl.value='';bodyEl.value='';nameEl.value='';document.getElementById('rvEmail').value='';
document.getElementById('rvPics').value='';document.getElementById('rvPicsPrev').innerHTML='';
rvStar(5);
rvChips();rvSummary();
document.getElementById('revFilters').children[0].click(); /* 回到 All reviews 第 1 页即可看到新评论 */
rvClose();
document.getElementById('reviews').scrollIntoView({behavior:'smooth'});
}

/* ---------- 手风琴初始态(HTML 里带 .open 的要先撑开) ---------- */
function accInit(){
var items=document.querySelectorAll('.acc-item.open');
for(var i=0;i<items.length;i++){
var p=items[i].querySelector('.acc-p');
if(p) p.style.maxHeight=p.scrollHeight+'px';
}
}
accInit();
window.addEventListener('resize',function(){
var items=document.querySelectorAll('.acc-item.open');
for(var i=0;i<items.length;i++){
var p=items[i].querySelector('.acc-p');
if(p) p.style.maxHeight=p.scrollHeight+'px';
}
});

/* ---------- 滚动显现 + sticky bar ---------- */
var io=new IntersectionObserver(function(es){
es.forEach(function(e){ if(e.isIntersecting){e.target.classList.add('in'); io.unobserve(e.target);} });
},{threshold:.12});
var _rv=document.querySelectorAll('.reveal');
for(var _k=0;_k<_rv.length;_k++) io.observe(_rv[_k]);

var stick=document.getElementById('sticky');
var hero=document.querySelector('.buy');
window.addEventListener('scroll',function(){
var y=window.scrollY||document.documentElement.scrollTop;
var bottom=hero.offsetTop+hero.offsetHeight;
stick.classList.toggle('on', y>bottom-200 && y<document.body.scrollHeight-window.innerHeight-420);
});
</script>
</body>
</html>

View full details