400+ AI 3D Animated Reels Bund…

Search

Sign In

• Home

• Shop

• Trending

• Sell On CE

• Seller Login

• CE Cash

Add Your Heading Text Here

/* Container */
.ce-review-box{
max-width:680px;
margin:18px auto;
padding:12px 14px;
border-radius:14px;
position:relative;
overflow:visible;
font-family:”Poppins”,sans-serif;
color:#000;
}
/* Viewport hides overflow and sets height */
.ce-review-viewport{
overflow:hidden;
border-radius:10px;
}
/* Track: flex row, will translateX to show slides */
.ce-review-track{
display:flex;
width:100%;
transition: transform 480ms cubic-bezier(.22,.9,.3,1);
will-change: transform;
}
/* Each slide occupies full viewport width */
.ce-review-slide{
min-width:100%;
box-sizing:border-box;
padding:12px 12px;
border-radius:10px;
margin:0;
color:#000;
}
/* Per-slide light gradients (different but subtle) */
.ce-review-slide.bg1{
background: linear-gradient(120deg, #ffffff 0%, #f7fbff 100%);
border:1px solid rgba(230,240,255,0.9);
}
.ce-review-slide.bg2{
background: linear-gradient(120deg, #ffffff 0%, #fff8f9 100%);
border:1px solid rgba(255,240,240,0.9);
}
.ce-review-slide.bg3{
background: linear-gradient(120deg, #ffffff 0%, #f9fff7 100%);
border:1px solid rgba(240,255,244,0.9);
}
.ce-review-slide.bg4{
background: linear-gradient(120deg, #ffffff 0%, #fbf9ff 100%);
border:1px solid rgba(245,240,255,0.9);
}
/* Headline: name + verified + stars aligned */
.ce-review-headline{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:8px;
}
.ce-review-name{
font-size:15px;
margin:0;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
}
/* verified pill */
.ce-verified{
background:#000;
color:#fff;
font-size:11px;
padding:3px 8px;
border-radius:12px;
font-weight:500;
}
/* stars style */
.ce-stars{
color:#f5b800;
font-size:14px;
white-space:nowrap;
}
/* review text */
.ce-review-text{
margin:0;
font-size:14px;
line-height:1.38;
color:#000;
}
/* arrows — transparent background (no BG) */
.ce-prev,.ce-next{
position:absolute;
top:50%;
transform:translateY(-50%);
background:transparent; /* no background */
border:none;
padding:6px 8px;
font-size:26px;
color:#222;
cursor:pointer;
line-height:1;
-webkit-tap-highlight-color: transparent;
}
.ce-prev{ left:6px; }
.ce-next{ right:6px; }
.ce-prev:hover,.ce-next:hover{ color:#000; transform:translateY(-50%) scale(1.03); }
/* small screens */
@media (max-width:480px){
.ce-review-box{ padding:10px; max-width:100%; }
.ce-review-name{ font-size:14px; }
.ce-review-text{ font-size:13px; }
.ce-prev,.ce-next{ padding:4px 6px; font-size:22px; }
}
(function(){
const track = document.querySelector(‘.ce-review-track’);
const slides = Array.from(document.querySelectorAll(‘.ce-review-slide’));
const btnNext = document.querySelector(‘.ce-next’);
const btnPrev = document.querySelector(‘.ce-prev’);
let index = 0;
const total = slides.length;
const autoplayInterval = 3600;
let timer = null;
function goTo(i){
index = (i + total) % total;
const offset = -index * 100;
track.style.transform = `translateX(${offset}%)`;
}
btnNext.addEventListener(‘click’, ()=> {
goTo(index + 1);
resetTimer();
});
btnPrev.addEventListener(‘click’, ()=> {
goTo(index – 1);
resetTimer();
});
function startTimer(){
if(timer) clearInterval(timer);
timer = setInterval(()=> goTo(index + 1), autoplayInterval);
}
function resetTimer(){
startTimer();
}
// init
goTo(0);
startTimer();
// pause on hover for easier reading
const box = document.querySelector(‘.ce-review-box’);
box.addEventListener(‘mouseenter’, ()=> { if(timer) clearInterval(timer); });
box.addEventListener(‘mouseleave’, ()=> { startTimer(); });
// keyboard nav
box.addEventListener(‘keydown’, (e)=>{
if(e.key === ‘ArrowRight’) { goTo(index + 1); resetTimer(); }
if(e.key === ‘ArrowLeft’) { goTo(index – 1); resetTimer(); }
});
box.tabIndex = 0;
})();

/* ———- CE Upgrade Checkbox Card styles (theme #27335c) ———- */
:root { –ce-primary: #27335c; –ce-accent: #FFD166; –ce-text: #0b1220; }
.ce-upg-wrap { margin: 14px 0; max-width:980px; width:100%; font-family: system-ui, -apple-system, “Segoe UI”, Roboto, “Helvetica Neue”, Arial; }
.ce-upg-card {
display:flex; align-items:center; gap:14px; width:100%;
padding:14px 16px; border-radius:10px;
background: linear-gradient(180deg, #ffffff, #fbfbfb);
border:1px solid rgba(15,23,42,0.06);
box-shadow: 0 8px 20px rgba(13,21,30,0.03);
text-decoration:none; cursor:pointer; transition: transform .12s ease, box-shadow .12s ease;
position:relative; overflow:visible;
}
.ce-upg-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(12,20,30,0.06); }
/* hide native checkbox */
.ce-upg-input { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.ce-upg-left { flex:1; min-width:0; }
.ce-upg-title { font-size:15px; color:var(–ce-primary); display:block; line-height:1; }
.ce-upg-sub { font-size:13px; color:rgba(11,18,32,0.65); margin-top:6px; }
.ce-upg-right { display:flex; align-items:center; gap:10px; }
.ce-upg-icon {
width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center;
box-shadow: 0 8px 20px rgba(12,20,30,0.06); transition: transform .18s ease, box-shadow .18s ease; transform-origin:center;
}
/* fallback CTA visible when JS disabled (small button) */
.ce-upg-cta-fallback {
display:inline-block; padding:6px 8px; border-radius:8px; background:var(–ce-accent); color:#0b1220; text-decoration:none;
font-weight:700; font-size:13px;
}
/* Visual checked state (JS toggles .ce-checked) */
.ce-upg-card.ce-checked { border-color: rgba(39,51,92,0.18); box-shadow: 0 20px 60px rgba(39,51,92,0.07); transform: translateY(-4px); }
.ce-upg-card.ce-checked .ce-upg-icon { transform: scale(1.06) rotate(-6deg); box-shadow: 0 20px 40px rgba(39,51,92,0.06); }
.ce-upg-card.ce-checked .ce-upg-title { color:var(–ce-primary); }
/* small accent on focus for accessibility */
.ce-upg-card:focus { outline: 3px solid rgba(39,51,92,0.08); outline-offset:3px; }
/* responsive */
@media (max-width:640px) {
.ce-upg-card { padding:12px; border-radius:8px; gap:12px; }
.ce-upg-icon { width:38px; height:38px; border-radius:9px; }
.ce-upg-title { font-size:14px; }
.ce-upg-sub { font-size:12px; }
.ce-upg-cta-fallback { padding:5px 7px; font-size:12px; }
}
/* ———- CE Upgrade Checkbox script ———- */
(function(){
// run after DOM ready
document.addEventListener(‘DOMContentLoaded’, function() {
try {
var wrap = document.querySelector(‘.ce-upg-wrap’);
if (!wrap) return;
var label = wrap.querySelector(‘.ce-upg-card’);
var input = wrap.querySelector(‘.ce-upg-input’);
var bundleUrl = wrap.getAttribute(‘data-bundle-url’) || ”;
if (!bundleUrl) return;
// Make label keyboard-focusable
label.setAttribute(‘tabindex’, ‘0’);
// Toggle visual class when label clicked
label.addEventListener(‘click’, function () {
setTimeout(function () {
if (input.checked) label.classList.add(‘ce-checked’); else label.classList.remove(‘ce-checked’);
}, 10);
}, { passive: true });
// When user checks checkbox -> redirect to bundle page
input.addEventListener(‘change’, function () {
if (!input.checked) return;
input.disabled = true;
label.classList.add(‘ce-checked’);
setTimeout(function () {
window.location.href = bundleUrl;
}, 180);
}, { passive: true });
// Keyboard support (Enter / Space)
label.addEventListener(‘keydown’, function(e){
if (e.key === ‘Enter’ || e.key === ‘ ‘) {
e.preventDefault();
input.checked = !input.checked;
var ev = new Event(‘change’, { bubbles: true });
input.dispatchEvent(ev);
}
});
} catch (err) {
if (window.console) console.log(‘CE upgrade checkbox error:’, err);
}
});
})();

Who is this product for?

This product is designed for people who want faster results with clarity.
.

// Simple FAQ accordion script
document.querySelectorAll(“.ce-faq-question”).forEach(btn => {
btn.addEventListener(“click”, () => {
const answer = btn.nextElementSibling;
answer.style.display = answer.style.display === “block” ? “none” : “block”;
});
});

You may also like…

You may be interested in…

Related products

/* Button */
.ce-btn-uniq{
display:inline-flex;
align-items:center;
gap:8px;
background:#ffffff;
border:1px solid #e5e5e5;
padding:8px 14px;
border-radius:8px;
font-family:Inter, Arial, sans-serif;
font-size:15px;
font-weight:700;
color:#111;
text-decoration:none;
position:relative;
overflow:hidden;
z-index:0;
}
/* Logo */
.ce-logo-uniq{
width:16px;
height:16px;
object-fit:contain;
border-radius:3px;
z-index:2;
}
/* Text */
.ce-text-uniq{
z-index:2;
white-space:nowrap;
}
/* Light animation (ONLY on this element) */
.ce-light-uniq{
position:absolute;
top:0;
left:-130%;
width:55%;
height:100%;
background:linear-gradient(
120deg,
rgba(39, 51, 92, 0) 0%,
rgba(39, 51, 92, 0.25) 35%,
rgba(255,255,255,0.95) 50%,
rgba(39, 51, 92, 0.25) 65%,
rgba(39, 51, 92, 0) 100%
);
filter: blur(10px);
z-index:1;
pointer-events:none;
animation: ceSweepUniq 2.3s linear infinite;
}
/* UNIQUE KEYFRAMES — won’t affect other page elements */
@keyframes ceSweepUniq{
0% { left:-130%; opacity:1; }
50% { left:0%; opacity:1; }
100% { left:130%; opacity:0; }
}
/* Mobile optimization */
@media (max-width:420px){
.ce-btn-uniq{ padding:7px 10px; font-size:14px; }
.ce-light-uniq{ width:70%; filter:blur(8px); animation-duration:2.8s; }
}

[data-id=”1e282c87″] .single_add_to_cart_button:not(.et-single-buy-now, .etheme_custom_add_to_cart_toggle) {
display: none;
}