:root{
  --dbz-bg:#07060f; --dbz-panel:#15132b; --dbz-panel2:#1e1b3d;
  --dbz-gold:#ffd23d; --dbz-gold-deep:#ffb02e; --dbz-orange:#ff7a00;
  --dbz-red:#ff2d2d; --dbz-txt:#f4eccf; --dbz-muted:#9a93b8; --dbz-line:#3a2f55;
}

/* CONTENEUR GLOBAL */
.dbz-banner,.dbz-cat-row,.dbz-products-grid,.dbz-loyalty-card,.dbz-balls-row,
.dbz-reward-item,.dbz-concours-box,.dbz-reviews-list,.dbz-review-card,
.dbz-join-hero,.dbz-howto-box,.dbz-why-box,.dbz-section-title,.dbz-balls-title{
  font-family:'Rajdhani',sans-serif; color:var(--dbz-txt);
}

/* PARTICULES */
#dbz-particles{position:fixed;inset:0;pointer-events:none;z-index:0;}
.dbz-ki-particle{position:fixed;border-radius:50%;pointer-events:none;animation:dbzFloatKi linear infinite;}
@keyframes dbzFloatKi{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.3}100%{transform:translateY(-100px) scale(1.2);opacity:0}}

/* BANDEAU */
.dbz-banner{background:linear-gradient(135deg,#ff2d2d,#8b0000);border:2px solid var(--dbz-gold);border-radius:14px;padding:12px 16px;text-align:center;margin-bottom:16px;box-shadow:0 4px 20px rgba(255,45,45,.4);animation:dbzBannerPulse 2s ease-in-out infinite;}
@keyframes dbzBannerPulse{0%,100%{box-shadow:0 4px 20px rgba(255,45,45,.4)}50%{box-shadow:0 4px 35px rgba(255,45,45,.8)}}
.dbz-banner-text{font-family:'Bangers',cursive;font-size:1.1rem;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(255,200,0,.8);}
.dbz-banner-sub{font-size:.78rem;color:rgba(255,255,255,.85);margin-top:2px;}

/* CATEGORIES */
.dbz-cat-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:14px;}
.dbz-cat-btn{background:linear-gradient(160deg,#211d40,#15122b);border:2px solid var(--dbz-gold-deep);border-radius:20px;padding:6px 14px;font-weight:700;font-size:.85rem;color:var(--dbz-txt);cursor:pointer;white-space:nowrap;}
.dbz-cat-btn.active{background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-gold));color:#2a1400;box-shadow:0 0 12px rgba(255,140,0,.5);}

/* GRILLE PRODUITS */
.dbz-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(min-width:768px){.dbz-products-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1100px){.dbz-products-grid{grid-template-columns:repeat(4,1fr);}}
.dbz-product-card{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:2px solid var(--dbz-gold-deep);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(255,122,0,.18);cursor:pointer;transition:transform .12s,box-shadow .2s;position:relative;}
#dbzApp-catalogue .dbz-product-card::before{content:'CATALOGUE';position:absolute;top:8px;right:-20px;background:rgba(255,45,45,.85);color:#fff;font-size:.55rem;font-weight:700;padding:2px 24px;transform:rotate(35deg);letter-spacing:1px;z-index:2;}
.dbz-product-card:active{transform:scale(.97);box-shadow:0 0 22px rgba(255,140,0,.45);}
.dbz-product-img{width:100%;height:130px;object-fit:cover;display:block;}
.dbz-product-info{padding:8px 10px 10px;}
.dbz-product-name{font-weight:700;font-size:1rem;color:var(--dbz-gold);}
.dbz-product-desc{font-size:.78rem;color:var(--dbz-muted);margin-top:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dbz-product-prices{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;}
.dbz-price-tag{background:linear-gradient(135deg,rgba(255,122,0,.2),rgba(255,180,0,.15));border:1px solid var(--dbz-gold-deep);border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700;color:var(--dbz-gold);}
.dbz-view-btn{background:linear-gradient(135deg,rgba(255,122,0,.15),rgba(255,180,0,.1));color:var(--dbz-gold);border:1px solid var(--dbz-gold-deep);border-radius:9px;padding:7px 10px;font-weight:700;font-size:.82rem;cursor:pointer;width:100%;margin-top:8px;}

/* MODAL */
.dbz-modal-overlay{position:fixed;inset:0;background:rgba(2,1,8,.88);z-index:100000;display:none;align-items:flex-end;backdrop-filter:blur(4px);}
.dbz-modal-overlay.active{display:flex;}
.dbz-modal{background:linear-gradient(180deg,var(--dbz-panel2),#100d24);border-radius:22px 22px 0 0;border:2px solid var(--dbz-gold);border-bottom:none;width:100%;max-width:640px;margin:0 auto;max-height:90vh;overflow-y:auto;padding:20px;box-shadow:0 -6px 40px rgba(255,122,0,.3);}
.dbz-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.dbz-modal-title{font-family:'Bangers',cursive;font-size:1.4rem;color:var(--dbz-gold);letter-spacing:1px;}
.dbz-modal-close{background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-red));color:#fff;border:2px solid var(--dbz-gold);border-radius:50%;width:34px;height:34px;font-weight:bold;font-size:1.1rem;cursor:pointer;}
.dbz-modal-img{width:100%;height:240px;object-fit:cover;border-radius:12px;border:2px solid var(--dbz-gold-deep);margin-bottom:14px;}
.dbz-modal-video{width:100%;border-radius:12px;border:2px solid var(--dbz-gold-deep);margin-bottom:14px;max-height:300px;}
.dbz-modal-desc{font-size:.92rem;color:var(--dbz-muted);margin-bottom:16px;line-height:1.5;}
.dbz-modal-prices-title{font-family:'Bangers',cursive;color:var(--dbz-gold);font-size:1.1rem;margin-bottom:10px;}
.dbz-modal-gram-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;}
.dbz-modal-gram-item{border:2px solid var(--dbz-gold-deep);border-radius:10px;padding:10px 6px;text-align:center;background:linear-gradient(160deg,#211d40,#15122b);}
.dbz-modal-gram-label{font-weight:700;font-size:1rem;color:var(--dbz-txt);}
.dbz-modal-gram-price{font-weight:700;font-size:1.1rem;color:var(--dbz-gold);margin-top:4px;}

/* BOUTON REJOINDRE */
.dbz-join-btn{background:linear-gradient(135deg,#FFFC00,#FF8E00);color:#000;border:3px solid var(--dbz-gold);border-radius:14px;padding:14px;width:100%;font-family:'Bangers',cursive;letter-spacing:2px;font-size:1.2rem;cursor:pointer;box-shadow:0 0 25px rgba(255,200,0,.6);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;animation:dbzSnapPulse 2s ease-in-out infinite;}
@keyframes dbzSnapPulse{0%,100%{box-shadow:0 0 20px rgba(255,200,0,.5)}50%{box-shadow:0 0 40px rgba(255,200,0,.9),0 0 60px rgba(255,122,0,.4)}}
.dbz-join-icon{font-size:1.5rem;}
.dbz-join-modal-box{background:linear-gradient(160deg,#1a0a2e,#0d0b1f);border:2px solid var(--dbz-gold);border-radius:14px;padding:16px;margin-top:16px;text-align:center;}
.dbz-join-modal-title{font-family:'Bangers',cursive;font-size:1.1rem;color:var(--dbz-gold);margin-bottom:8px;letter-spacing:1px;}
.dbz-join-modal-text{font-size:.85rem;color:var(--dbz-muted);margin-bottom:14px;line-height:1.5;}

/* SNAP FLOTTANT */
.dbz-snap-float{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#FFFC00,#FF8E00);color:#000;border:3px solid var(--dbz-gold);border-radius:50px;padding:13px 24px;font-family:'Bangers',cursive;letter-spacing:2px;font-size:1.05rem;cursor:pointer;z-index:99999;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 0 30px rgba(255,200,0,.7);text-decoration:none;animation:dbzSnapFloat 2s ease-in-out infinite;}
@keyframes dbzSnapFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}

/* FIDÉLITÉ */
.dbz-loyalty-card{background:radial-gradient(circle at 50% 0%,#ff7a00 0%,#b81c00 60%,#4a0a00 100%);border:2px solid var(--dbz-gold);border-radius:16px;padding:22px;color:#fff;text-align:center;margin-bottom:16px;box-shadow:0 0 30px rgba(255,122,0,.5);}
.dbz-loyalty-title{font-family:'Bangers',cursive;letter-spacing:1px;font-size:1.5rem;margin-bottom:8px;}
.dbz-points-big{font-family:'Bangers',cursive;font-size:3rem;color:var(--dbz-gold);text-shadow:0 0 18px rgba(255,220,60,.9),3px 3px 0 #000;}
.dbz-loyalty-sub{opacity:.9;margin-top:4px;font-size:.9rem;}
.dbz-balls-title{font-family:'Bangers',cursive;letter-spacing:1px;font-size:1.1rem;margin:8px 0 12px;color:var(--dbz-gold);text-align:center;}
.dbz-balls-row{display:flex;justify-content:center;gap:10px;margin:16px 0;flex-wrap:wrap;}
.dbz-ball{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c0,#ffb43a 40%,#ff7a00 75%,#c85000);border:2px solid var(--dbz-gold);box-shadow:0 0 12px rgba(255,140,0,.6);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#8b0000;font-weight:900;text-align:center;animation:dbzBallFloat 2s ease-in-out infinite;}
.dbz-ball:nth-child(2){animation-delay:.2s}.dbz-ball:nth-child(3){animation-delay:.4s}.dbz-ball:nth-child(4){animation-delay:.6s}.dbz-ball:nth-child(5){animation-delay:.8s}.dbz-ball:nth-child(6){animation-delay:1s}.dbz-ball:nth-child(7){animation-delay:1.2s}
@keyframes dbzBallFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.dbz-section-title{font-family:'Bangers',cursive;letter-spacing:1px;font-size:1.35rem;color:var(--dbz-gold);margin:16px 0 14px;padding-bottom:6px;border-bottom:2px solid var(--dbz-gold-deep);text-shadow:0 0 10px rgba(255,140,0,.4);}
.dbz-reward-item{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:1px solid var(--dbz-gold-deep);border-radius:11px;padding:10px 14px;margin-bottom:8px;display:flex;gap:12px;align-items:center;}
.dbz-reward-pts{font-family:'Bangers',cursive;font-size:1.3rem;color:var(--dbz-gold);white-space:nowrap;}
.dbz-concours-box{background:radial-gradient(circle at 50% 0%,#ff7a00,#8a1400);border:2px solid var(--dbz-gold);border-radius:14px;padding:16px;margin-top:16px;box-shadow:0 0 22px rgba(255,122,0,.4);}
.dbz-concours-title{font-family:'Bangers',cursive;letter-spacing:1px;font-size:1.2rem;margin-bottom:8px;color:#fff;}
.dbz-concours-text{font-size:.86rem;color:#fff;line-height:1.7;}

/* AVIS */
.dbz-review-card{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:1px solid var(--dbz-gold-deep);border-radius:11px;padding:12px;margin-bottom:10px;}
.dbz-review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.dbz-review-name{font-weight:900;color:var(--dbz-gold);}
.dbz-review-text{font-size:.9rem;color:#cfc7e6;}
.dbz-empty{text-align:center;color:var(--dbz-muted);padding:24px;}

/* REJOINDRE */
.dbz-join-hero{text-align:center;padding:20px 0;}
.dbz-join-dragon{font-size:5rem;margin-bottom:16px;animation:dbzBallFloat 1.5s ease-in-out infinite;}
.dbz-join-logo{font-family:'Bangers',cursive;font-size:2rem;color:var(--dbz-gold);letter-spacing:3px;text-shadow:0 0 20px rgba(255,140,0,.8);}
.dbz-join-tagline{font-size:.95rem;color:var(--dbz-muted);margin:12px 0;line-height:1.6;}
.dbz-howto-box{background:linear-gradient(160deg,#1e1b3d,#100d24);border:2px solid var(--dbz-gold-deep);border-radius:14px;padding:16px;margin-bottom:16px;}
.dbz-howto-title{font-family:'Bangers',cursive;color:var(--dbz-gold);font-size:1.2rem;margin-bottom:12px;letter-spacing:1px;}
.dbz-howto-step{display:flex;gap:10px;align-items:center;margin-bottom:8px;font-size:.9rem;color:var(--dbz-txt);}
.dbz-num{background:var(--dbz-orange);color:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0;}
.dbz-why-box{background:linear-gradient(160deg,#1e1b3d,#100d24);border:1px solid var(--dbz-gold-deep);border-radius:12px;padding:14px;margin-top:16px;}
.dbz-why-title{font-family:'Bangers',cursive;color:var(--dbz-gold);font-size:1.1rem;margin-bottom:8px;}
.dbz-why-text{font-size:.88rem;color:var(--dbz-muted);line-height:1.8;}

/* EXPLOSION CLIC */
@keyframes dbzExplode{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(-50%,-50%) scale(3);opacity:0}}
.dbz-click-explosion{position:fixed;pointer-events:none;z-index:99999;font-size:2rem;animation:dbzExplode .6s ease-out forwards;}

/* ====== APP À ONGLETS (comme Telegram) ====== */
.dbz-app-wrap{max-width:680px;margin:0 auto;position:relative;}
.dbz-app-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(180deg,#1a1733,#100e22);border-bottom:2px solid var(--dbz-gold);border-radius:14px 14px 0 0;box-shadow:0 4px 22px rgba(255,122,0,.25);}
.dbz-app-logo{flex:1;font-family:'Bangers',cursive;font-size:1.6rem;letter-spacing:2px;color:var(--dbz-gold);text-shadow:0 0 12px rgba(255,140,0,.7),2px 2px 0 #000;}
.dbz-app-badge{background:linear-gradient(135deg,#8b0000,#ff2d2d);color:#fff;font-weight:700;padding:5px 10px;border-radius:20px;border:2px solid var(--dbz-gold);font-size:.7rem;text-align:center;line-height:1.2;box-shadow:0 0 10px rgba(255,45,45,.5);}

.dbz-app-hero{position:relative;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#ff7a00 0%,#8b0000 50%,#1a0a2e 100%);border-left:2px solid var(--dbz-gold-deep);border-right:2px solid var(--dbz-gold-deep);}
.dbz-hero-glow{position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.25),transparent 60%);animation:dbzAura 4s ease-in-out infinite;}
@keyframes dbzAura{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}
.dbz-hero-text{position:relative;font-family:'Bangers',cursive;font-size:1.8rem;color:var(--dbz-gold);letter-spacing:3px;text-shadow:0 0 20px rgba(255,140,0,.9),2px 2px 0 #000;text-align:center;}
.dbz-hero-sub{position:relative;font-family:'Rajdhani',sans-serif;font-weight:700;color:#fff;letter-spacing:4px;font-size:.8rem;margin-top:4px;}

.dbz-tabs{display:flex;background:#100e22;overflow-x:auto;border-bottom:2px solid var(--dbz-gold-deep);position:sticky;top:0;z-index:50;}
.dbz-tab{flex:1;padding:12px 4px;text-align:center;font-weight:700;font-size:.8rem;color:var(--dbz-muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;min-width:70px;transition:.2s;}
.dbz-tab.active{color:var(--dbz-gold);border-bottom:3px solid var(--dbz-gold);text-shadow:0 0 10px rgba(255,140,0,.6);}
.dbz-app-section{display:none;padding:16px;padding-bottom:110px;}
.dbz-app-section.active{display:block;animation:dbzFadeIn .3s ease;}
@keyframes dbzFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* LOGO IMAGE + BANNIÈRE IMAGE */
.dbz-app-logo-img{width:46px;height:46px;border-radius:50%;border:2px solid var(--dbz-gold);object-fit:cover;box-shadow:0 0 12px rgba(255,140,0,.7);}
.dbz-app-hero-img{line-height:0;border-left:2px solid var(--dbz-gold-deep);border-right:2px solid var(--dbz-gold-deep);overflow:hidden;}
.dbz-app-hero-img img{width:100%;height:180px;object-fit:cover;display:block;}

/* ============ TÉLÉPHONE DBZ ============ */
.dbz-phone-outer{display:flex;justify-content:center;padding:20px 10px;min-height:100vh;background:radial-gradient(circle at 50% -8%,#3a1c00 0%,rgba(58,28,0,0) 42%),radial-gradient(circle at 50% 120%,#1a0a2e 0%,rgba(26,10,46,0) 45%),linear-gradient(180deg,#0b0a18 0%,#07060f 100%);}
.dbz-phone{position:relative;width:100%;max-width:400px;height:820px;max-height:90vh;background:#000;border-radius:44px;border:10px solid #1a1a2e;box-shadow:0 0 0 2px var(--dbz-gold),0 20px 60px rgba(255,122,0,.4);overflow:hidden;}
.dbz-phone::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:26px;background:#1a1a2e;border-radius:0 0 18px 18px;z-index:60;}

/* LOCK */
.dbz-lock{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:60px 20px 40px;}
.dbz-lock-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#ff7a00,#1a0a2e 70%);background-size:cover;background-position:center;z-index:-1;}
.dbz-lock-bg::after{content:'';position:absolute;inset:0;background:rgba(7,6,15,.45);}
.dbz-lock-top{text-align:center;position:relative;z-index:1;}
.dbz-lock-clock{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:4.5rem;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.6);line-height:1;}
.dbz-lock-date{color:#fff;font-size:1rem;margin-top:4px;text-shadow:0 0 10px rgba(0,0,0,.6);}
.dbz-lock-dragon{font-size:4rem;position:relative;z-index:1;animation:dbzBallFloat 2s ease-in-out infinite;}
.dbz-lock-bottom{position:relative;z-index:1;cursor:pointer;}
.dbz-lock-hint{color:#fff;font-weight:600;font-size:.95rem;padding:14px 28px;border:2px solid rgba(255,255,255,.5);border-radius:30px;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);animation:dbzSlideHint 1.8s ease-in-out infinite;}
@keyframes dbzSlideHint{0%,100%{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}

/* KEYPAD */
.dbz-keypad{position:absolute;inset:0;z-index:45;display:none;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;background:radial-gradient(ellipse at 50% 30%,#2a1500,#07060f 75%);}
.dbz-keypad-title{color:var(--dbz-gold);font-weight:700;font-size:1.1rem;margin-bottom:20px;font-family:'Bangers',cursive;letter-spacing:1px;}
.dbz-keypad-dots,.dbz-shop-lock .dbz-keypad-dots{display:flex;gap:12px;margin-bottom:28px;}
.dbz-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--dbz-gold);background:transparent;transition:.2s;}
.dbz-dot.filled{background:var(--dbz-gold);box-shadow:0 0 10px var(--dbz-gold);}
.dbz-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.dbz-keypad-grid button{width:68px;height:68px;border-radius:50%;border:2px solid var(--dbz-gold-deep);background:linear-gradient(160deg,#211d40,#15122b);color:#fff;font-size:1.6rem;font-weight:700;cursor:pointer;transition:.15s;}
.dbz-keypad-grid button:active{background:var(--dbz-orange);transform:scale(.92);box-shadow:0 0 18px var(--dbz-orange);}
.dbz-key-empty{border-color:transparent!important;background:transparent!important;font-size:1.3rem!important;}
.dbz-keypad-err{color:var(--dbz-red);font-weight:700;margin-top:16px;height:20px;}
.dbz-shake{animation:dbzShake .5s;}
@keyframes dbzShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}

/* HOME */
.dbz-home{position:absolute;inset:0;z-index:30;display:none;flex-direction:column;padding:46px 18px 18px;background:radial-gradient(ellipse at 50% 0%,#2a1500,#07060f 70%);}
.dbz-home-top{text-align:center;}
.dbz-home-clock{color:#fff;font-weight:700;font-size:1.1rem;opacity:.8;}
.dbz-home-title{font-family:'Bangers',cursive;font-size:1.8rem;color:var(--dbz-gold);text-align:center;letter-spacing:2px;text-shadow:0 0 14px rgba(255,140,0,.7);margin:8px 0 24px;}
.dbz-apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 8px;flex:1;align-content:start;}
.dbz-app-icon{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;}
.dbz-app-ic{width:62px;height:62px;border-radius:16px;background:linear-gradient(160deg,#ff7a00,#b81c00);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 14px rgba(255,122,0,.5);border:2px solid var(--dbz-gold-deep);transition:.15s;}
.dbz-app-icon:active .dbz-app-ic{transform:scale(.9);}
.dbz-ic-shop{background:linear-gradient(160deg,#ffd23d,#ff7a00);}
.dbz-ic-news{background:linear-gradient(160deg,#8b00ff,#4b0082);}
.dbz-app-icon span{color:#fff;font-size:.78rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6);}
.dbz-dock{display:flex;justify-content:center;gap:18px;padding:14px;background:rgba(255,255,255,.08);border-radius:24px;backdrop-filter:blur(10px);margin-top:12px;border:1px solid rgba(255,210,60,.2);}
.dbz-dock-ic{width:54px;height:54px;border-radius:14px;background:linear-gradient(160deg,#211d40,#15122b);display:flex;align-items:center;justify-content:center;font-size:1.7rem;cursor:pointer;border:2px solid var(--dbz-gold-deep);text-decoration:none;}

/* APP VIEW */
.dbz-appview{position:absolute;inset:0;z-index:50;background:var(--dbz-bg);display:none;flex-direction:column;}
.dbz-appview.active{display:flex;animation:dbzAppOpen .25s ease;}
@keyframes dbzAppOpen{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.dbz-appbar{display:flex;align-items:center;gap:8px;padding:44px 16px 12px;background:linear-gradient(180deg,#1a1733,#100e22);border-bottom:2px solid var(--dbz-gold);position:relative;}
.dbz-appbar button{background:none;border:none;color:var(--dbz-gold);font-size:2rem;line-height:1;cursor:pointer;padding:0 6px;}
.dbz-appbar span{font-family:'Bangers',cursive;font-size:1.3rem;color:var(--dbz-gold);letter-spacing:1px;}
.dbz-appbody{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;}

/* SHOP LOCK */
.dbz-shop-lock{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:radial-gradient(ellipse at 50% 30%,#2a1500,#07060f 75%);}
.dbz-shop-lock-ic{font-size:4rem;margin-bottom:12px;animation:dbzBallFloat 2s ease-in-out infinite;}
.dbz-shop-lock-title{font-family:'Bangers',cursive;font-size:1.6rem;color:var(--dbz-gold);letter-spacing:2px;text-shadow:0 0 14px rgba(255,140,0,.6);}
.dbz-shop-lock-sub{color:var(--dbz-muted);margin:6px 0 20px;font-size:.9rem;}

/* PROFIL FORM */
.dbz-profile-box{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:2px solid var(--dbz-gold-deep);border-radius:14px;padding:16px;}
.dbz-form-label{display:block;font-weight:700;color:var(--dbz-gold);margin:10px 0 6px;}
.dbz-form-input{width:100%;border:2px solid var(--dbz-gold-deep);border-radius:10px;padding:10px;background:#1a0a00;color:#fff;font-size:.95rem;}

/* NEWS */
.dbz-news-card{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:2px solid var(--dbz-gold-deep);border-radius:14px;overflow:hidden;margin-bottom:14px;box-shadow:0 4px 14px rgba(255,122,0,.2);}
.dbz-news-img{width:100%;height:180px;object-fit:cover;display:block;}
.dbz-news-info{padding:12px 14px;}
.dbz-news-title{font-family:'Bangers',cursive;font-size:1.2rem;color:var(--dbz-gold);letter-spacing:.5px;}
.dbz-news-text{font-size:.88rem;color:var(--dbz-muted);margin-top:4px;line-height:1.4;}
.dbz-news-date{font-size:.75rem;color:#7a7398;margin-top:6px;}

/* LOGO LOCK SCREEN (remplace dragon) */
.dbz-lock-logo{width:110px;height:110px;border-radius:50%;border:3px solid var(--dbz-gold);object-fit:cover;box-shadow:0 0 30px rgba(255,140,0,.8);position:relative;z-index:1;animation:dbzBallFloat 2.5s ease-in-out infinite;}

/* APP CONTACT */
.dbz-ic-tg{background:linear-gradient(160deg,#0088cc,#005fa3);}

/* SHOP TABS */
.dbz-shop-tabs{display:flex;gap:8px;margin-bottom:14px;}
.dbz-shop-tab{flex:1;padding:10px;border-radius:10px;border:2px solid var(--dbz-gold-deep);background:linear-gradient(160deg,#211d40,#15122b);color:var(--dbz-muted);font-weight:700;cursor:pointer;position:relative;}
.dbz-shop-tab.active{background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-gold));color:#2a1400;}
.dbz-cart-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--dbz-red);color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:.75rem;margin-left:4px;}

/* GRAM CLIQUABLE (boutique) */
.dbz-gram-click{cursor:pointer;transition:.15s;}
.dbz-gram-click:active{transform:scale(.94);box-shadow:0 0 15px var(--dbz-gold);}
.dbz-gram-add{font-size:.7rem;color:var(--dbz-gold);font-weight:700;margin-top:4px;}

/* PANIER */
.dbz-cart-item{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:1px solid var(--dbz-gold-deep);border-radius:10px;padding:10px;margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.dbz-cart-item-info{flex:1;}
.dbz-cart-item-name{font-weight:700;color:var(--dbz-gold);font-size:.9rem;}
.dbz-cart-item-price{color:var(--dbz-orange);font-weight:700;font-size:.9rem;}
.dbz-qty{display:flex;align-items:center;gap:6px;}
.dbz-qty button{width:28px;height:28px;border-radius:6px;border:none;background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-red));color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;}
.dbz-qty span{min-width:20px;text-align:center;color:#fff;font-weight:700;}
.dbz-cart-total{background:linear-gradient(135deg,#2d1a00,#1a0a00);color:var(--dbz-gold);border:2px solid var(--dbz-gold);border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;font-family:'Bangers',cursive;font-size:1.2rem;letter-spacing:1px;margin:14px 0;}
.dbz-deliv-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0;}
.dbz-deliv-opt{border:2px solid var(--dbz-gold-deep);border-radius:10px;padding:12px;text-align:center;cursor:pointer;background:linear-gradient(160deg,#211d40,#15122b);color:var(--dbz-muted);font-weight:700;}
.dbz-deliv-opt.active{background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-red));color:#fff;border-color:var(--dbz-gold);}
.dbz-order-ok{display:none;background:linear-gradient(135deg,#003300,#001a00);border:2px solid #00ff66;border-radius:10px;padding:14px;text-align:center;color:#00ff88;font-weight:700;font-family:'Bangers',cursive;letter-spacing:1px;margin-top:12px;box-shadow:0 0 15px rgba(0,255,100,.3);}

/* ESPACE VIP */
.dbz-ic-vip{background:linear-gradient(160deg,#ffd23d,#b8860b);}
.dbz-vip-welcome{background:linear-gradient(135deg,#2d1a00,#1a0a00);border:2px solid var(--dbz-gold);border-radius:12px;padding:14px;text-align:center;color:var(--dbz-gold);font-weight:700;margin-bottom:14px;font-size:1.05rem;}
.dbz-vip-btn{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:2px solid var(--dbz-gold-deep);border-radius:12px;padding:14px;margin-bottom:10px;text-decoration:none;transition:.15s;}
.dbz-vip-btn:active{transform:scale(.97);box-shadow:0 0 18px rgba(255,140,0,.5);}
.dbz-vip-ic{font-size:1.8rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#ff7a00,#b81c00);border-radius:12px;flex-shrink:0;}
.dbz-vip-t{font-weight:700;color:var(--dbz-gold);font-size:1rem;}
.dbz-vip-s{font-size:.8rem;color:var(--dbz-muted);}
.dbz-vip-note{font-size:.8rem;color:var(--dbz-muted);text-align:center;margin-top:14px;line-height:1.5;padding:10px;background:rgba(255,140,0,.08);border-radius:10px;}

/* PANNEAU VIP FORM */
.dbz-vip-form{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:2px solid var(--dbz-gold-deep);border-radius:14px;padding:16px;}
.dbz-vip-row{display:flex;gap:10px;}
.dbz-vip-prod{display:flex;align-items:center;gap:10px;background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:1px solid var(--dbz-gold-deep);border-radius:10px;padding:10px 12px;margin-bottom:8px;}
.dbz-vip-prod-emoji{font-size:1.4rem;}
.dbz-vip-prod-name{flex:1;font-weight:700;color:var(--dbz-gold);}
.dbz-vip-del{background:linear-gradient(135deg,#8b0000,#ff2d2d);border:none;border-radius:8px;width:38px;height:38px;font-size:1.1rem;cursor:pointer;}
.dbz-vip-note a{text-decoration:underline;}

/* PROMPT PSEUDO */
.dbz-userprompt{position:absolute;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(7,6,15,.92);backdrop-filter:blur(6px);}
.dbz-userprompt-box{background:linear-gradient(160deg,#1e1b3d,#100d24);border:2px solid var(--dbz-gold);border-radius:18px;padding:24px;text-align:center;box-shadow:0 0 30px rgba(255,140,0,.5);width:100%;}
.dbz-userprompt-ic{font-size:3.5rem;animation:dbzBallFloat 2s ease-in-out infinite;}
.dbz-userprompt-title{font-family:'Bangers',cursive;font-size:1.6rem;color:var(--dbz-gold);letter-spacing:2px;margin:8px 0;text-shadow:0 0 12px rgba(255,140,0,.6);}
.dbz-userprompt-sub{font-size:.85rem;color:var(--dbz-muted);line-height:1.5;margin-bottom:16px;}

/* CARTE FIDELITE PERSO */
.dbz-mycard{background:radial-gradient(circle at 50% 0%,#ffd23d,#ff7a00 50%,#b81c00 100%);border:2px solid var(--dbz-gold);border-radius:18px;padding:20px;text-align:center;margin-bottom:16px;box-shadow:0 0 30px rgba(255,140,0,.5);color:#3a1400;}
.dbz-mycard-top{font-family:'Bangers',cursive;font-size:1.3rem;letter-spacing:1px;color:#3a1400;}
.dbz-mycard-points{font-family:'Bangers',cursive;font-size:3.4rem;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.6),2px 2px 0 #b81c00;line-height:1;}
.dbz-mycard-label{font-size:.85rem;font-weight:700;color:#5a2400;}
.dbz-mycard-balls{display:flex;justify-content:center;gap:6px;margin:12px 0 8px;}
.dbz-myball{font-size:1.2rem;opacity:.85;}
.dbz-myball.on{filter:drop-shadow(0 0 6px #fff);}
.dbz-mycard-next{background:rgba(0,0,0,.25);border-radius:10px;padding:8px;font-weight:700;color:#fff;font-size:.9rem;}

/* COMMANDES VIP */
.dbz-vip-order{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:2px solid var(--dbz-gold-deep);border-radius:12px;padding:12px;margin-bottom:10px;}
.dbz-vip-order-head{display:flex;justify-content:space-between;align-items:center;color:var(--dbz-gold);font-size:1.05rem;}
.dbz-vip-order-items{font-size:.85rem;color:var(--dbz-muted);margin:4px 0;}
.dbz-vip-order-date{font-size:.75rem;color:#7a7398;margin-bottom:8px;}
.dbz-vip-confirm{width:100%;background:linear-gradient(135deg,#003300,#006600);border:2px solid #00ff66;color:#00ff88;border-radius:10px;padding:10px;font-weight:700;cursor:pointer;}
.dbz-vip-confirm:active{transform:scale(.97);}

/* STICKER PROMO */
.dbz-promo-sticker{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ff2d2d,#ff7a00);color:#fff;font-size:.6rem;font-weight:900;padding:3px 8px;border-radius:8px;z-index:3;box-shadow:0 0 10px rgba(255,45,45,.7);animation:dbzPromoPulse 1.5s ease-in-out infinite;}
@keyframes dbzPromoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}

/* BOUTON EDIT VIP + CANCEL + PROMO CHECKBOX */
.dbz-vip-edit{background:linear-gradient(135deg,#0088cc,#005fa3);border:none;border-radius:8px;width:38px;height:38px;font-size:1rem;cursor:pointer;margin-right:6px;}
.dbz-vip-cancel{width:100%;background:none;border:2px solid var(--dbz-muted);color:var(--dbz-muted);border-radius:10px;padding:10px;font-weight:700;cursor:pointer;margin-top:8px;}
.dbz-vip-promo{display:flex;align-items:center;gap:8px;color:var(--dbz-gold);font-weight:700;margin-top:12px;cursor:pointer;}
.dbz-vip-promo input{width:20px;height:20px;}

/* ÉTOILES AVIS */
.dbz-stars{display:flex;gap:6px;margin:8px 0 12px;font-size:1.8rem;}
.dbz-stars span{cursor:pointer;opacity:.3;transition:.15s;}
.dbz-stars span:nth-child(-n+5){opacity:1;}

/* ÉCRAN CONNEXION PSEUDO */
.dbz-login{position:absolute;inset:0;z-index:45;display:none;flex-direction:column;align-items:center;justify-content:center;padding:34px 26px;background:radial-gradient(ellipse at 50% 25%,#2a1500,#07060f 75%);overflow-y:auto;}
.dbz-login-ic{font-size:3.4rem;animation:dbzBallFloat 2s ease-in-out infinite;}
.dbz-login-title{font-family:'Bangers',cursive;font-size:1.7rem;color:var(--dbz-gold);letter-spacing:2px;margin:8px 0 6px;text-shadow:0 0 14px rgba(255,140,0,.7);text-align:center;}
.dbz-login-sub{font-size:.82rem;color:var(--dbz-muted);line-height:1.5;text-align:center;margin-bottom:18px;}
.dbz-login-input{width:100%;border:2px solid var(--dbz-gold-deep);border-radius:12px;padding:13px;background:#1a0a00;color:#fff;font-size:1rem;margin-bottom:12px;text-align:center;}
.dbz-login-input:focus{outline:none;border-color:var(--dbz-gold);box-shadow:0 0 12px rgba(255,140,0,.4);}
.dbz-login-btn{width:100%;background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-red));color:#fff;border:2px solid var(--dbz-gold);border-radius:14px;padding:14px;font-family:'Bangers',cursive;letter-spacing:2px;font-size:1.2rem;cursor:pointer;box-shadow:0 0 20px rgba(255,122,0,.5);}
.dbz-login-btn:active{transform:scale(.97);}
.dbz-login-note{font-size:.75rem;color:#7a7398;text-align:center;margin-top:16px;line-height:1.5;}

/* ONGLETS VIP */
.dbz-vip-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding-bottom:6px;}
.dbz-vtab{flex:0 0 auto;padding:8px 12px;border-radius:20px;border:2px solid var(--dbz-gold-deep);background:linear-gradient(160deg,#211d40,#15122b);color:var(--dbz-muted);font-weight:700;font-size:.8rem;cursor:pointer;white-space:nowrap;}
.dbz-vtab.active{background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-gold));color:#2a1400;box-shadow:0 0 12px rgba(255,140,0,.5);}
.dbz-vsec{display:none;}
.dbz-vsec.active{display:block;animation:dbzFadeIn .25s ease;}

/* FOND D'ÉCRAN FLOUTÉ (bureau) */
.dbz-wallpaper{position:absolute;inset:0;background-image:var(--dbz-wall);background-size:cover;background-position:center;filter:blur(8px) brightness(.45);z-index:0;pointer-events:none;}
.dbz-home>*:not(.dbz-wallpaper){position:relative;z-index:1;}

/* BOUTIQUE : grammages cliquables sur la carte */
.dbz-shop-grams{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
.dbz-shop-gram{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(255,122,0,.25),rgba(255,180,0,.15));border:1.5px solid var(--dbz-gold-deep);border-radius:9px;padding:9px 12px;font-weight:700;font-size:.9rem;color:var(--dbz-gold);cursor:pointer;}
.dbz-shop-gram:active{transform:scale(.96);box-shadow:0 0 14px var(--dbz-gold);}
.dbz-shop-gram b{background:var(--dbz-gold);color:#2a1400;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;}

/* TOAST PANIER */
.dbz-cart-toast{position:absolute;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:linear-gradient(135deg,#003300,#006600);border:2px solid #00ff66;color:#00ff88;padding:10px 18px;border-radius:30px;font-weight:700;font-size:.85rem;z-index:99999;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap;box-shadow:0 0 20px rgba(0,255,100,.4);}
.dbz-cart-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* CARTES ÉDITION PRODUIT (VIP) */
.dbz-edit-card{background:linear-gradient(160deg,var(--dbz-panel2),var(--dbz-panel));border:2px solid var(--dbz-gold-deep);border-radius:14px;padding:14px;margin-bottom:14px;}
.dbz-edit-head{font-family:'Bangers',cursive;font-size:1.2rem;color:var(--dbz-gold);letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--dbz-line);}
.dbz-edit-actions{display:flex;gap:8px;margin-top:10px;}
.dbz-edit-actions .dbz-vip-confirm{flex:1;}
.dbz-edit-actions .dbz-vip-del{width:48px;flex:0 0 48px;}

/* TOAST au-dessus du popup */
.dbz-cart-toast{z-index:100002!important;}

/* BOÎTE CONFIRMATION COMMANDE */
.dbz-order-confirm{display:none;background:linear-gradient(160deg,#1a0a2e,#0d0b1f);border:2px solid var(--dbz-gold);border-radius:16px;padding:20px;margin-top:14px;text-align:center;box-shadow:0 0 25px rgba(255,140,0,.4);}
.dbz-oc-ic{font-size:2.6rem;animation:dbzBallFloat 2s ease-in-out infinite;}
.dbz-oc-title{font-family:'Bangers',cursive;font-size:1.4rem;color:var(--dbz-gold);letter-spacing:1px;margin:4px 0 8px;text-shadow:0 0 12px rgba(255,140,0,.6);}
.dbz-oc-text{font-size:.88rem;color:var(--dbz-muted);line-height:1.5;margin-bottom:14px;}
.dbz-oc-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px;font-family:'Bangers',cursive;letter-spacing:1px;font-size:1.05rem;text-decoration:none;margin-bottom:10px;border:2px solid var(--dbz-gold);}
.dbz-oc-tg{background:linear-gradient(135deg,#0088cc,#005fa3);color:#fff;}
.dbz-oc-snap{background:linear-gradient(135deg,#FFFC00,#FF8E00);color:#000;}
.dbz-oc-btn:active{transform:scale(.97);}

/* BOUTON CONTINUER (après commande) */
.dbz-oc-back{width:100%;background:none;border:2px solid var(--dbz-gold-deep);color:var(--dbz-gold);border-radius:12px;padding:12px;font-weight:700;cursor:pointer;margin-top:4px;font-family:'Rajdhani',sans-serif;font-size:1rem;}
.dbz-oc-back:active{transform:scale(.97);}

/* ============ LOOK "APP" : cacher en-tête / pied WordPress ============ */
.site-header, #site-header, header.site-header,
.site-footer, #site-footer, footer.site-footer,
.elementor-location-header, .elementor-location-footer,
.page-header, .entry-header, .wp-block-template-part { display:none !important; }
body, .site, .site-main, #content, .page-content, .entry-content, .ast-container, .hentry {
  margin:0 !important; padding:0 !important; max-width:100% !important; width:100% !important;
}
body { background:#07060f !important; }
.entry-content > *:not(.dbz-phone-outer) { margin-top:0 !important; }

/* ============ BARRE D'ÉTAT (dbzflux / 6G / signal) ============ */
.dbz-statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:.72rem;font-weight:700;color:#fff;height:24px;margin-bottom:6px;}
.dbz-sb-left{display:flex;align-items:center;gap:6px;}
.dbz-sb-clock{font-weight:700;}
.dbz-sb-right{display:flex;align-items:center;gap:5px;}
.dbz-signal{display:inline-flex;align-items:flex-end;gap:2px;height:11px;}
.dbz-signal i{width:3px;background:#fff;border-radius:1px;display:block;}
.dbz-signal i:nth-child(1){height:4px}.dbz-signal i:nth-child(2){height:6px}.dbz-signal i:nth-child(3){height:9px}.dbz-signal i:nth-child(4){height:11px}
.dbz-batt,.dbz-wifi{font-size:.8rem;}

/* ============ BARRE DE RECHERCHE ============ */
.dbz-search-wrap{padding:0 14px;margin-bottom:12px;}
.dbz-search-input{width:100%;border:1.5px solid rgba(255,210,60,.4);border-radius:22px;padding:10px 16px;background:rgba(255,255,255,.12);color:#fff;font-size:.9rem;backdrop-filter:blur(8px);}
.dbz-search-input::placeholder{color:rgba(255,255,255,.6);}
.dbz-search-input:focus{outline:none;border-color:var(--dbz-gold);box-shadow:0 0 12px rgba(255,140,0,.4);}

/* ============ MÉTÉO ============ */
.dbz-weather{display:none;align-items:center;justify-content:center;gap:8px;margin:0 14px 12px;padding:8px 14px;background:linear-gradient(135deg,rgba(0,136,204,.35),rgba(255,140,0,.2));border:1.5px solid rgba(255,210,60,.4);border-radius:14px;color:#fff;font-weight:700;backdrop-filter:blur(6px);}
.dbz-w-ic{font-size:1.4rem;}
.dbz-w-temp{font-size:1.1rem;}
.dbz-w-city{font-size:.8rem;opacity:.85;}

/* ============ CHAMPS FICHIER (upload VIP) ============ */
.dbz-file-input{width:100%;border:2px dashed var(--dbz-gold-deep);border-radius:10px;padding:10px;background:rgba(255,140,0,.08);color:var(--dbz-txt);font-size:.85rem;margin-bottom:6px;cursor:pointer;}
.dbz-file-input::file-selector-button{background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-red));color:#fff;border:none;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer;margin-right:10px;}
.dbz-upload-status{display:none;font-size:.85rem;font-weight:700;color:var(--dbz-gold);margin-bottom:8px;text-align:center;}

/* ============ TÉLÉPHONE PLEIN ÉCRAN SUR MOBILE (pas de double-tap zoom) ============ */
html, body, .dbz-phone, .dbz-phone-outer { touch-action: manipulation; }
@media (max-width: 480px){
  .dbz-phone-outer{padding:0!important;min-height:100vh;}
  .dbz-phone{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;border:none!important;box-shadow:none!important;}
  .dbz-phone::before{display:none;}
}

/* ============ BARRE D'ÉTAT iPHONE + BOULES KI ============ */
.dbz-statusbar{padding:0 16px;height:22px;}
.dbz-kiballs{display:inline-flex;gap:3px;align-items:center;}
.dbz-kiballs i{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c0,#ffb43a 45%,#ff7a00 80%);border:1px solid #c85000;display:flex;align-items:center;justify-content:center;font-size:.32rem;color:#8b0000;font-style:normal;font-weight:900;box-shadow:0 0 5px rgba(255,140,0,.6);}
.dbz-sb-right{display:flex;align-items:center;gap:6px;font-weight:700;}
.dbz-sb-op{color:var(--dbz-gold);font-weight:900;letter-spacing:.5px;}

/* ============ HEURE + MÉTÉO (sous la recherche) ============ */
.dbz-clockweather{text-align:center;margin-bottom:12px;}
.dbz-big-clock{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:2.8rem;color:#fff;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.5);}
.dbz-clockweather .dbz-weather{display:none;margin:8px auto 0;width:fit-content;}

/* ============ TITRE LOGO ============ */
.dbz-home-title{display:flex;align-items:center;justify-content:center;gap:10px;}
.dbz-title-logo{width:42px;height:42px;border-radius:50%;border:2px solid var(--dbz-gold);object-fit:cover;box-shadow:0 0 14px rgba(255,140,0,.8);}

/* ============ ICÔNES STYLE iPHONE ============ */
.dbz-apps-grid{gap:18px 6px;}
.dbz-app-ic{width:60px;height:60px;border-radius:16px;font-size:1.9rem;box-shadow:0 5px 12px rgba(0,0,0,.45);border:none;}
.dbz-apps-grid .dbz-app-icon:nth-child(1) .dbz-app-ic{background:linear-gradient(160deg,#34a0ff,#0066cc);}
.dbz-apps-grid .dbz-app-icon:nth-child(2) .dbz-app-ic{background:linear-gradient(160deg,#3ddc84,#119d57);}
.dbz-apps-grid .dbz-app-icon:nth-child(3) .dbz-app-ic{background:linear-gradient(160deg,#b06cff,#6a1fc7);}
.dbz-apps-grid .dbz-app-icon:nth-child(4) .dbz-app-ic{background:linear-gradient(160deg,#ff6fa5,#e0246f);}
.dbz-apps-grid .dbz-app-icon:nth-child(5) .dbz-app-ic{background:linear-gradient(160deg,#19d3c5,#0a9b90);}
.dbz-apps-grid .dbz-app-icon:nth-child(6) .dbz-app-ic{background:linear-gradient(160deg,#8b00ff,#4b0082);}
.dbz-apps-grid .dbz-app-icon:nth-child(7) .dbz-app-ic{background:linear-gradient(160deg,#0088cc,#005fa3);}
.dbz-app-icon span{font-size:.74rem;margin-top:2px;}

/* ============ TIRETTE + VOLET NOTIFICATIONS ============ */
.dbz-notif-handle{position:absolute;top:0;left:0;width:100%;height:24px;z-index:35;cursor:pointer;}
.dbz-notif-handle::after{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:44px;height:4px;border-radius:3px;background:rgba(255,255,255,.35);transition:.2s;}
.dbz-notif-handle.has-notif::after{background:var(--dbz-gold);box-shadow:0 0 10px var(--dbz-gold);width:54px;}
.dbz-notif-shade{position:absolute;top:0;left:0;width:100%;max-height:85%;background:linear-gradient(180deg,#15132b,#0d0b1f);border-bottom:2px solid var(--dbz-gold);border-radius:0 0 22px 22px;z-index:90;transform:translateY(-100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);padding:44px 16px 20px;overflow-y:auto;box-shadow:0 12px 34px rgba(0,0,0,.7);}
.dbz-notif-shade.open{transform:translateY(0);}
.dbz-notif-top{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:8px;}
.dbz-notif-top span{font-size:1.8rem;font-weight:700;}
.dbz-notif-close{background:rgba(255,255,255,.15);border:none;color:#fff;border-radius:50%;width:30px;height:30px;font-size:1rem;cursor:pointer;}
.dbz-notif-title{font-family:'Bangers',cursive;color:var(--dbz-gold);font-size:1.15rem;margin-bottom:10px;letter-spacing:1px;}
.dbz-notif-item{display:flex;gap:10px;background:rgba(255,255,255,.08);border-radius:14px;padding:12px;margin-bottom:8px;cursor:pointer;border:1px solid rgba(255,210,60,.2);}
.dbz-notif-ic{width:38px;height:38px;border-radius:10px;background:linear-gradient(160deg,#8b00ff,#4b0082);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.dbz-notif-h{font-size:.68rem;color:var(--dbz-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.dbz-notif-t{color:#fff;font-weight:700;font-size:.95rem;}
.dbz-notif-d{font-size:.7rem;color:#7a7398;margin-top:2px;}
.dbz-notif-empty{text-align:center;color:var(--dbz-muted);padding:24px;}

/* ============ AJUSTEMENTS : réseau tout en haut, logo, icônes iOS ============ */
/* Barre d'état vraiment en haut */
.dbz-home{padding:12px 16px 16px !important;}
.dbz-statusbar{margin-bottom:10px;height:20px;}

/* Logo du bureau : taille propre (comme l'écran de verrouillage), sans gêner les apps */
.dbz-home-title{gap:10px;margin:6px 0 16px !important;}
.dbz-title-logo{width:58px;height:58px;}
.dbz-home-title span{font-size:1.5rem;}

/* Espacements compacts pour laisser la place aux apps */
.dbz-clockweather{margin-bottom:8px;}
.dbz-big-clock{font-size:2.4rem;}
.dbz-search-wrap{margin-bottom:10px;}

/* Icônes VRAIMENT style iOS (squircle + couleurs forcées) */
.dbz-app-ic{width:60px !important;height:60px !important;border-radius:17px !important;font-size:1.9rem !important;box-shadow:0 6px 14px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.25) !important;border:none !important;}
.dbz-apps-grid .dbz-app-icon:nth-child(1) .dbz-app-ic{background:linear-gradient(160deg,#3aa4ff,#0062cc) !important;}
.dbz-apps-grid .dbz-app-icon:nth-child(2) .dbz-app-ic{background:linear-gradient(160deg,#3ddc84,#0f9b54) !important;}
.dbz-apps-grid .dbz-app-icon:nth-child(3) .dbz-app-ic{background:linear-gradient(160deg,#b06cff,#6a1fc7) !important;}
.dbz-apps-grid .dbz-app-icon:nth-child(4) .dbz-app-ic{background:linear-gradient(160deg,#ff6fa5,#e0246f) !important;}
.dbz-apps-grid .dbz-app-icon:nth-child(5) .dbz-app-ic{background:linear-gradient(160deg,#19d3c5,#0a9b90) !important;}
.dbz-apps-grid .dbz-app-icon:nth-child(6) .dbz-app-ic{background:linear-gradient(160deg,#9b5cff,#4b0082) !important;}
.dbz-apps-grid .dbz-app-icon:nth-child(7) .dbz-app-ic{background:linear-gradient(160deg,#34c3ff,#0077c2) !important;}

/* ============ LOT 1 : coup de cœur / stock / paliers ============ */
.dbz-fav-sticker{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ffd700,#ff8c00);color:#2a1400;font-weight:800;font-size:.68rem;padding:3px 8px;border-radius:20px;z-index:3;box-shadow:0 2px 8px rgba(255,180,0,.5);}
.dbz-stock-low{display:inline-block;background:rgba(255,60,0,.18);color:#ff7a3a;border:1px solid #ff7a3a;border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:700;margin:4px 0;}
.dbz-stock-out{display:inline-block;background:rgba(120,120,120,.2);color:#aaa;border:1px solid #888;border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:700;margin:4px 0;}

/* Paliers fidélité */
.dbz-tier{display:inline-block;font-family:'Bangers',cursive;letter-spacing:1px;font-size:1.1rem;padding:4px 14px;border-radius:20px;margin-bottom:8px;}
.dbz-tier-bro{background:linear-gradient(135deg,#cd7f32,#8b5a2b);color:#fff;}
.dbz-tier-arg{background:linear-gradient(135deg,#d8d8e0,#9a9aa8);color:#222;}
.dbz-tier-or{background:linear-gradient(135deg,#ffd700,#ff9500);color:#2a1400;}
.dbz-tier-leg{background:linear-gradient(135deg,#b06cff,#ff2d75);color:#fff;box-shadow:0 0 14px rgba(176,108,255,.6);}

/* ============ LOT 2 : flash / livraison offerte / promo ============ */
.dbz-flash-banner{background:linear-gradient(135deg,#ff2d75,#ff8c00);color:#fff;font-weight:800;text-align:center;padding:11px 14px;border-radius:12px;margin-bottom:12px;font-size:.92rem;box-shadow:0 4px 14px rgba(255,45,117,.4);animation:dbzFlashPulse 1.8s ease-in-out infinite;}
@keyframes dbzFlashPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}
.dbz-freeship{background:rgba(0,200,100,.12);border:1.5px solid #00c864;color:#3dffa0;border-radius:10px;padding:9px 12px;font-weight:700;font-size:.85rem;text-align:center;margin:8px 0;}
.dbz-freeship.ok{background:rgba(0,200,100,.25);}
.dbz-promo-row{display:flex;gap:8px;margin:10px 0 4px;}
.dbz-promo-apply{background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-red));color:#fff;border:none;border-radius:10px;padding:0 18px;font-weight:800;cursor:pointer;}
.dbz-promo-apply:active{transform:scale(.96);}
.dbz-promo-msg{font-weight:700;font-size:.85rem;text-align:center;min-height:18px;margin-bottom:6px;}

/* ============ LOT 3 : fidélité auto + bannissement ============ */
.dbz-loyalty-msg{background:linear-gradient(135deg,rgba(176,108,255,.25),rgba(255,45,117,.18));border:1.5px solid #b06cff;color:#e0c3ff;border-radius:10px;padding:9px 12px;font-weight:700;font-size:.85rem;text-align:center;margin:8px 0;}
.dbz-ban-btn{display:block;width:100%;margin-top:8px;background:linear-gradient(135deg,#b81c00,#7a1200);color:#fff;border:1px solid #ff5a3a;border-radius:10px;padding:9px;font-weight:700;cursor:pointer;font-size:.85rem;}
.dbz-ban-btn:active{transform:scale(.97);}

/* ============ LOT 4 : parrainage ============ */
.dbz-ref-code{background:linear-gradient(135deg,rgba(255,180,0,.2),rgba(255,45,117,.15));border:1.5px dashed var(--dbz-gold);border-radius:10px;padding:12px;text-align:center;font-size:1rem;color:#fff;}
.dbz-ref-code b{color:var(--dbz-gold);font-size:1.2rem;letter-spacing:1px;}

/* ============ ÉCRAN BANNI "WASTED" (style GTA) ============ */
.dbz-wasted{position:absolute;inset:0;z-index:70;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 26px;background:rgba(8,4,4,.94);backdrop-filter:grayscale(1) blur(3px);}
.dbz-wasted::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(120,0,0,.35),transparent 70%);pointer-events:none;}
.dbz-wasted-text{font-family:'Bangers',cursive;font-size:4.6rem;line-height:1;color:#b11212;letter-spacing:5px;transform:scaleY(1.15);text-shadow:0 0 22px rgba(177,18,18,.9),0 4px 0 #000;animation:dbzWastedIn 1.1s ease;position:relative;}
@keyframes dbzWastedIn{0%{opacity:0;transform:scaleY(1.15) scale(1.6);filter:blur(8px);}100%{opacity:1;transform:scaleY(1.15) scale(1);filter:blur(0);}}
.dbz-wasted-sub{color:#e0d4d4;font-size:.95rem;margin:14px 0 22px;position:relative;}
.dbz-wasted-input{width:100%;max-width:280px;border:2px solid #b11212;border-radius:12px;padding:13px;background:#1a0606;color:#fff;font-size:1.1rem;text-align:center;letter-spacing:3px;position:relative;}
.dbz-wasted-input:focus{outline:none;box-shadow:0 0 14px rgba(177,18,18,.7);}
.dbz-wasted-btn{margin-top:14px;width:100%;max-width:280px;background:linear-gradient(135deg,#b11212,#7a0000);color:#fff;border:2px solid #ff3b3b;border-radius:14px;padding:14px;font-family:'Bangers',cursive;letter-spacing:2px;font-size:1.15rem;cursor:pointer;position:relative;}
.dbz-wasted-btn:active{transform:scale(.97);}
.dbz-wasted-err{color:#ff6b6b;font-weight:700;margin-top:12px;min-height:20px;position:relative;}

/* ============ Détail client (sessions) + flash panier ============ */
.dbz-flash-msg{background:linear-gradient(135deg,rgba(255,45,117,.22),rgba(255,180,0,.18));border:1.5px solid #ff2d75;color:#ffd0e0;border-radius:10px;padding:9px 12px;font-weight:700;font-size:.85rem;text-align:center;margin:8px 0;}
.dbz-client-detail{background:rgba(20,16,40,.6);border:1px solid rgba(255,180,0,.25);border-radius:14px;padding:16px;}
.dbz-cd-name{font-size:1.2rem;font-weight:800;color:var(--dbz-gold);margin-bottom:8px;}
.dbz-cd-row{font-size:.9rem;color:#e8e3ff;margin:5px 0;}
.dbz-cd-row b{color:#fff;}
.dbz-cd-sub{margin-top:14px;margin-bottom:8px;font-weight:700;color:var(--dbz-orange);border-top:1px solid rgba(255,255,255,.1);padding-top:10px;}
.dbz-cd-sess{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.25);border-radius:8px;padding:8px 11px;margin-bottom:6px;font-size:.85rem;color:#cfc8e8;}
.dbz-cd-dur{color:var(--dbz-gold);font-weight:700;}

/* ============ Commentaires nouveautés + modération ============ */
.dbz-check-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.88rem;color:#e8e3ff;cursor:pointer;}
.dbz-check-row input{width:18px;height:18px;accent-color:var(--dbz-orange);}
.dbz-cmt-block{margin-top:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px;}
.dbz-cmt-head{font-weight:700;color:var(--dbz-orange);font-size:.85rem;margin-bottom:8px;}
.dbz-cmt-list{display:flex;flex-direction:column;gap:7px;margin-bottom:10px;}
.dbz-cmt{background:rgba(0,0,0,.25);border-radius:9px;padding:8px 11px;}
.dbz-cmt-user{font-weight:700;color:var(--dbz-gold);font-size:.85rem;}
.dbz-cmt-date{color:var(--dbz-muted);font-size:.72rem;}
.dbz-cmt-txt{color:#e8e3ff;font-size:.85rem;margin-top:3px;word-break:break-word;}
.dbz-cmt-empty{color:var(--dbz-muted);font-size:.82rem;font-style:italic;}
.dbz-cmt-form{display:flex;gap:7px;align-items:center;}
.dbz-cmt-form .dbz-form-input{flex:1;margin:0;}
.dbz-cmt-send{flex:0 0 auto;background:linear-gradient(135deg,var(--dbz-orange),var(--dbz-gold));color:#1a0f00;border:none;border-radius:10px;width:44px;height:42px;font-size:1.1rem;font-weight:800;cursor:pointer;}
.dbz-cmt-send:active{transform:scale(.95);}
.dbz-cmt-msg{font-size:.8rem;font-weight:700;margin-top:6px;min-height:16px;}
