/* JungleTech Engine V4 — Jungle Vivante Light */
:root{--jungle-white:#FAFDF7;--jungle-cream:#F2F5EC;--jungle-sand:#E8ECDF;--emerald:#0B6E4F;--emerald-vivid:#00A86B;--emerald-deep:#064A35;--emerald-pale:#E6F5ED;--emerald-glow:rgba(0,168,107,.15);--gold:#D4A843;--gold-bright:#F0C75E;--gold-pale:#FDF3DC;--canopy:#0B2619;--text:#1A2E1A;--text-mid:#3A5A3A;--text-light:#6A8A6A;--text-muted:#9AB09A;--white:#FFF;--red:#E53935;--r:8px;--r-lg:16px;--r-xl:24px;--sh-s:0 2px 12px rgba(11,38,25,.06);--sh-m:0 8px 30px rgba(11,38,25,.08);--sh-l:0 16px 60px rgba(11,38,25,.12);--sh-glow:0 8px 40px rgba(0,168,107,.15)}

/* Living Background */
.jt-living-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.jt-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:jtOrb 20s ease-in-out infinite;opacity:.12}
.jt-orb-1{width:600px;height:600px;background:var(--emerald-vivid);top:-10%;left:-10%}
.jt-orb-2{width:500px;height:500px;background:var(--gold);bottom:-15%;right:-10%;animation-delay:-7s}
.jt-orb-3{width:400px;height:400px;background:var(--emerald);top:40%;left:60%;animation-delay:-14s}
@keyframes jtOrb{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(80px,-60px) scale(1.1)}50%{transform:translate(-40px,80px) scale(.95)}75%{transform:translate(60px,40px) scale(1.05)}}

/* Chatbot Toggle */
.jt-chat-tog{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--emerald);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99999;box-shadow:var(--sh-glow);animation:jtPulse 3s infinite;transition:transform .3s}
.jt-chat-tog:hover{transform:scale(1.1)}
@keyframes jtPulse{0%,100%{box-shadow:0 0 20px var(--emerald-glow)}50%{box-shadow:0 0 50px rgba(0,168,107,.3),0 0 80px var(--emerald-glow)}}

/* Chatbot Window */
.jt-chat-win{position:fixed;bottom:24px;right:24px;width:410px;height:560px;background:rgba(255,255,255,.75);backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(0,168,107,.1);border-radius:var(--r-xl);box-shadow:var(--sh-l),0 0 80px rgba(0,168,107,.06);z-index:99999;display:none;flex-direction:column;overflow:hidden}
.jt-chat-win::before{content:'';position:absolute;top:-1px;left:30%;right:30%;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--emerald-vivid),var(--gold),transparent);border-radius:2px;z-index:5}

.jt-ch-head{background:var(--emerald);padding:14px 18px;display:flex;align-items:center;gap:10px}
.jt-ch-ava{width:38px;height:38px;background:linear-gradient(135deg,var(--gold),var(--gold-bright));border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(212,168,67,.3)}
.jt-ch-title{font-family:'Unbounded',sans-serif;font-size:14px;color:white;font-weight:700}
.jt-ch-status{font-size:11px;color:rgba(255,255,255,.75)}
.jt-ch-close{background:none;border:none;color:rgba(255,255,255,.7);font-size:20px;cursor:pointer;margin-left:auto}

.jt-ch-body{flex:1;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,rgba(250,253,247,.5),rgba(230,245,237,.3))}

.jt-m{max-width:88%;animation:jtMsgPop .4s cubic-bezier(.34,1.56,.64,1)}
.jt-m-b{align-self:flex-start}.jt-m-u{align-self:flex-end}
@keyframes jtMsgPop{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}

.jt-m-bub{padding:10px 14px;font-size:14px;line-height:1.6;border-radius:var(--r-lg)}
.jt-m-b .jt-m-bub{background:var(--white);border:1px solid rgba(0,168,107,.08);box-shadow:var(--sh-s)}
.jt-m-u .jt-m-bub{background:var(--emerald);color:white;box-shadow:0 4px 12px rgba(11,110,79,.2)}

.jt-cq{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.jt-cqb{background:rgba(255,255,255,.9);border:1.5px solid rgba(0,168,107,.15);color:var(--emerald);padding:7px 14px;font-size:12px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .25s}
.jt-cqb:hover{background:var(--emerald);color:white;border-color:var(--emerald);transform:scale(1.05);box-shadow:var(--sh-glow)}

/* Product in chat */
.jt-cp{background:var(--white);border:1px solid rgba(0,168,107,.1);border-radius:var(--r-lg);margin-top:6px;overflow:hidden;box-shadow:var(--sh-s)}
.jt-cp-top{display:flex;gap:12px;padding:12px}
.jt-cp-thumb{width:74px;height:74px;background:var(--jungle-cream);border-radius:var(--r);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.jt-cp-thumb img{width:90%;height:90%;object-fit:contain}
.jt-cp-cat{font-size:10px;color:var(--emerald);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}
.jt-cp-name{font-weight:700;font-size:13px;margin-top:3px;line-height:1.3;color:var(--canopy)}
.jt-cp-price{font-family:'Unbounded',sans-serif;font-size:20px;color:var(--emerald);font-weight:900;margin-top:4px}
.jt-cp-vars{display:flex;gap:5px;padding:0 12px 10px;flex-wrap:wrap}
.jt-cp-var{padding:4px 12px;border:1.5px solid var(--jungle-sand);font-size:11px;border-radius:20px;cursor:pointer;transition:all .2s}
.jt-cp-var:hover,.jt-cp-var.on{border-color:var(--emerald);color:var(--emerald);background:var(--emerald-pale)}
.jt-cp-btn{display:block;width:100%;background:var(--emerald);color:white;border:none;padding:12px;font-weight:700;font-size:13px;cursor:pointer;transition:all .3s;text-align:center;text-decoration:none}
.jt-cp-btn:hover{background:var(--emerald-vivid);box-shadow:0 4px 20px rgba(0,168,107,.3)}

.jt-ch-inp{padding:12px;border-top:1px solid rgba(0,168,107,.06);display:flex;gap:8px;background:rgba(255,255,255,.9)}
.jt-ch-inp input{flex:1;background:var(--jungle-cream);border:1.5px solid var(--jungle-sand);color:var(--text);padding:12px 16px;font-size:14px;border-radius:var(--r-lg);outline:none;transition:all .3s}
.jt-ch-inp input:focus{border-color:var(--emerald);box-shadow:0 0 0 4px var(--emerald-glow)}
.jt-ch-inp input::placeholder{color:var(--text-muted)}
.jt-ch-inp button{background:var(--emerald);color:white;border:none;width:46px;height:46px;border-radius:var(--r-lg);font-size:18px;cursor:pointer;transition:all .3s}
.jt-ch-inp button:hover{background:var(--emerald-vivid);box-shadow:var(--sh-glow)}

/* Social Proof */
.jt-sp{position:fixed;bottom:24px;left:24px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border:1px solid rgba(11,110,79,.08);border-radius:var(--r-xl);padding:14px 18px;box-shadow:var(--sh-l);z-index:9000;display:flex;align-items:center;gap:14px;max-width:360px;transform:translateX(-120%);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.jt-sp.on{transform:translateX(0)}
.jt-sp-img{width:48px;height:48px;background:var(--jungle-cream);border-radius:var(--r);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.jt-sp-img img{width:90%;height:90%;object-fit:contain}
.jt-sp-name{font-weight:800;color:var(--canopy);font-size:13px}
.jt-sp-time{font-size:11px;color:var(--text-muted);margin-top:2px}
.jt-sp-x{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px}

/* Exit Intent */
.jt-exit-o{position:fixed;inset:0;background:rgba(11,38,25,.5);backdrop-filter:blur(6px);z-index:100000;display:none;align-items:center;justify-content:center}
.jt-exit-o.on{display:flex}
.jt-exit-m{background:var(--white);border-radius:var(--r-xl);padding:48px;max-width:500px;width:92%;text-align:center;box-shadow:var(--sh-l);position:relative;animation:jtExitPop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes jtExitPop{from{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.jt-exit-x{position:absolute;top:16px;right:20px;background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer}
.jt-exit-ttl{font-family:'Unbounded',sans-serif;font-size:28px;font-weight:900;color:var(--canopy);margin-bottom:8px}
.jt-exit-sub{color:var(--text-mid);font-size:15px;margin-bottom:20px}
.jt-exit-code{background:var(--emerald-pale);border:2px dashed var(--emerald);padding:14px 32px;font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700;color:var(--emerald);display:inline-block;margin-bottom:16px;border-radius:var(--r-lg);letter-spacing:4px}
.jt-btn-emerald{background:var(--emerald);color:white;border:none;padding:14px 32px;font-size:15px;font-weight:700;border-radius:var(--r);cursor:pointer;transition:all .3s}
.jt-btn-emerald:hover{background:var(--emerald-vivid);box-shadow:var(--sh-glow)}

/* Stock Urgency */
.jt-stock-alert{background:var(--gold-pale);border:1px solid var(--gold);border-radius:var(--r);padding:8px 16px;margin:10px 0;font-size:13px;font-weight:700;color:var(--red);display:flex;align-items:center;gap:8px}
.jt-stock-dot{width:8px;height:8px;background:var(--red);border-radius:50%;animation:jtPulse 1.5s infinite}

/* Dashboard */
.jt-dashboard{background:var(--emerald-pale);border:1px solid rgba(0,168,107,.15);border-radius:var(--r-lg);padding:24px;margin-bottom:20px}
.jt-dashboard h3{font-family:'Unbounded',sans-serif;font-size:18px;color:var(--canopy);margin-bottom:12px}
.jt-dash-xp-bar{width:100%;height:12px;background:var(--jungle-sand);border-radius:6px;overflow:hidden;margin-bottom:8px}
.jt-dash-xp-fill{height:100%;background:linear-gradient(90deg,var(--emerald),var(--emerald-vivid));border-radius:6px;box-shadow:0 0 12px var(--emerald-glow)}

/* Recently Viewed */
.jt-recently{padding:40px;background:var(--jungle-cream)}
.jt-recently h3{font-family:'Unbounded',sans-serif;font-size:18px;margin-bottom:16px}
.jt-recently-grid{display:flex;gap:16px;overflow-x:auto}
.jt-recently-item{flex-shrink:0;width:140px;text-align:center;text-decoration:none;color:var(--text)}
.jt-recently-item img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--white);border-radius:var(--r);margin-bottom:6px}
.jt-recently-item span{font-size:12px;display:block;line-height:1.3}
.jt-recently-item strong{color:var(--emerald);font-size:14px}

/* Quiz */
.jt-quiz{background:linear-gradient(135deg,var(--emerald-pale),var(--jungle-cream));padding:60px 40px}
.jt-quiz-inner{max-width:950px;margin:0 auto;text-align:center}
.jt-quiz-title{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:800;margin-bottom:6px}
.jt-quiz-sub{color:var(--text-light);margin-bottom:24px}
.jt-quiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.jt-qz-card{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border:2px solid transparent;border-radius:var(--r-xl);padding:24px 16px;cursor:pointer;transition:all .4s;box-shadow:var(--sh-s)}
.jt-qz-card:hover{border-color:var(--emerald);transform:translateY(-6px);box-shadow:var(--sh-l)}
.jt-qz-ico{font-size:36px;display:block;margin-bottom:8px}
.jt-qz-card strong{display:block;font-size:14px}
.jt-qz-card small{color:var(--text-muted);font-size:12px}

/* Mobile */
@media(max-width:480px){.jt-chat-win{width:calc(100vw-16px);height:calc(100vh-80px);bottom:8px;right:8px}.jt-quiz-grid{grid-template-columns:1fr 1fr}}