/* BYLBY 3.1 — couche UI robuste, chargée séparément */
.y3-app{background:#f6f5f9!important;min-height:calc(100vh - 82px)!important;padding:28px 0 96px!important}.y3-grid{display:grid!important;grid-template-columns:190px minmax(0,680px) 250px!important;gap:26px!important;align-items:start!important}.y3-left,.y3-right{position:sticky!important;top:104px!important}.y3-left nav{display:grid!important;gap:7px!important}.y3-left nav a{display:block!important;padding:12px 14px!important;border-radius:13px!important;font-weight:800!important;color:#676271!important}.y3-left nav a.active{background:#fff!important;color:#11122d!important}.y3-feed{min-width:0!important}.y3-feedtop{display:flex!important;align-items:end!important;justify-content:space-between!important;margin-bottom:14px!important}.y3-feedtop h1{font-size:30px!important;margin:4px 0!important}.y3-tabs{display:flex!important;background:#fff!important;border:1px solid #e8e4ed!important;border-radius:15px!important;padding:0 16px!important;margin-bottom:14px!important;gap:22px!important}.y3-tabs>*{padding:13px 0!important}.y31-project-card{background:#fff!important;border:1px solid #e8e4ed!important;border-radius:22px!important;overflow:hidden!important;margin:0 0 15px!important;padding:0!important;box-shadow:0 8px 30px rgba(17,18,45,.05)!important}.y31-project-main{display:block!important;color:#11122d!important;text-decoration:none!important}.y31-cover{min-height:205px!important;padding:24px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;position:relative!important;overflow:hidden!important}.y31-cover:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-45px;top:-65px;background:rgba(255,255,255,.18)}.y31-cover span{font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;margin-bottom:8px!important;position:relative;z-index:1}.y31-cover strong{font-size:34px!important;line-height:1!important;letter-spacing:-1.5px!important;max-width:520px!important;position:relative;z-index:1}.cover-1{background:linear-gradient(135deg,#d9ff4f,#9df7ce)}.cover-2{background:linear-gradient(135deg,#ff92c6,#ffbf70)}.cover-3{background:linear-gradient(135deg,#8065ff,#b9a8ff);color:#fff}.cover-4{background:linear-gradient(135deg,#76e4ff,#e0ff7a)}.cover-5{background:linear-gradient(135deg,#ffd86f,#ff8e8e)}.cover-6{background:linear-gradient(135deg,#181733,#6c42ff);color:#fff}.y31-content{padding:19px 20px 14px!important}.y31-content h2{font-size:24px!important;line-height:1.08!important;margin:10px 0 8px!important}.y31-content p{font-size:14px!important;line-height:1.55!important;color:#5e5967!important}.y31-author{display:flex!important;align-items:center!important;gap:9px!important;padding:0 20px 14px!important}.y31-author>div{flex:1!important}.y31-author small{display:block!important;font-size:8px!important;color:#999!important}.y31-author a{color:#11122d!important;text-decoration:none!important}.y3-actions{display:flex!important;gap:7px!important;border-top:1px solid #eeeaf1!important;padding:12px 20px 16px!important;overflow:auto!important}.y3-actions form{margin:0!important}.y3-actions button,.y3-actions>a{border:0!important;background:#f4f1f7!important;border-radius:11px!important;padding:9px 10px!important;color:#34313b!important;text-decoration:none!important;white-space:nowrap!important}.y3-box{background:#fff!important;border:1px solid #e8e4ed!important;border-radius:18px!important;padding:17px!important;margin-bottom:12px!important}.y3-mobile{display:none!important}
@media(max-width:760px){.site-header{height:68px!important}.nav{gap:8px!important}.container{width:calc(100% - 24px)!important}.bylby-brand img{width:92px!important;height:42px!important}.yz-auth-nav{display:flex!important;gap:6px!important;margin-left:auto!important}.yz-auth-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:9px!important;padding:9px 10px!important}.yz-auth-nav .login-link{display:inline-flex!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:999px!important}.yz-auth-nav .nav-cta{padding:9px 10px!important}.y3-app{padding:12px 0 84px!important}.y3-grid{display:block!important}.y3-left,.y3-right{display:none!important}.y3-feedtop h1{font-size:24px!important}.y3-feedtop>a{display:none!important}.y3-tabs{position:sticky!important;top:68px!important;z-index:8!important;margin-inline:-2px!important}.y31-project-card{border-radius:19px!important;margin-bottom:13px!important}.y31-cover{min-height:54vh!important;padding:20px!important}.y31-cover strong{font-size:34px!important}.y31-content{padding:16px!important}.y31-content h2{font-size:23px!important}.y31-author{padding:0 16px 13px!important}.y3-actions{padding:11px 16px 14px!important}.y3-mobile{position:fixed!important;display:flex!important;z-index:50!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;border-top:1px solid #e8e4ed!important;padding:7px 12px calc(7px + env(safe-area-inset-bottom))!important;justify-content:space-around!important;align-items:center!important}.y3-mobile a{display:block!important;text-align:center!important;color:#777!important;text-decoration:none!important}.y3-mobile small{display:block!important;font-size:7px!important}.y3-mobile .plus{width:46px!important;height:40px!important;border-radius:12px!important;background:#6f4cff!important;color:#fff!important;display:grid!important;place-items:center!important}}
/* BYLBY V4 — project-first */
.y4-app{background:#f6f4ef;min-height:100vh;padding:34px 0 90px}.y4-layout{display:grid;grid-template-columns:180px minmax(0,760px);gap:34px;align-items:start}.y4-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:8px}.y4-side a{padding:12px 14px;border-radius:14px;font-weight:800;color:#17172c;text-decoration:none}.y4-side a:hover{background:#fff}.y4-feedhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.y4-feedhead small,.y4-createintro>span,.y4-disc-head small{font-weight:900;letter-spacing:.14em;color:#6b4eff}.y4-feedhead h1{font-size:42px;margin:6px 0 0}.y4-publish{background:#17172c;color:#fff!important;padding:13px 18px;border-radius:15px;font-weight:900}.y4-tabs{display:flex;gap:8px;margin:0 0 18px;overflow:auto}.y4-tabs a{white-space:nowrap;padding:10px 15px;border-radius:999px;background:#fff;color:#17172c;font-weight:800}.y4-tabs a.active{background:#17172c;color:#fff}.y4-card{background:#fff;border-radius:26px;overflow:hidden;margin-bottom:22px;box-shadow:0 12px 34px rgba(22,18,49,.07);border:1px solid rgba(20,18,45,.06)}.y4-image{display:block;position:relative;height:330px;background:#ddd;overflow:hidden}.y4-image img,.y4-detailimage img{width:100%;height:100%;object-fit:cover}.y4-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#6d4cff,#ff3da1);color:#fff;font-size:52px;font-weight:950}.y4-chip{position:absolute;left:18px;bottom:18px;background:#fff;color:#17172c;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 6px 18px #0002}.y4-chip.static{position:static;display:inline-block;background:#f0ebff;box-shadow:none;color:#6b4eff}.y4-body{padding:22px}.y4-body h2{font-size:30px;line-height:1.05;margin:0 0 10px;color:#17172c}.y4-body p{font-size:17px;line-height:1.5;color:#5f5e6c;margin:0}.y4-price{display:inline-block;margin-top:14px;padding:8px 11px;background:#f7f4ed;border-radius:10px;font-weight:800}.y4-social{display:flex;gap:15px;align-items:center;border-top:1px solid #eceaf0;margin-top:18px;padding-top:16px}.y4-social>a{margin-left:auto;font-weight:900}.y4-author{display:flex;align-items:center;gap:10px;margin-top:14px;color:#777}.y4-author a{color:#17172c}.logout-link{opacity:.78}.yz-footer-min{padding:22px 0!important}.yz-footer-min nav{display:flex;gap:18px}.yz-footer-min a{color:inherit;text-decoration:none}
.y4-create{background:#f6f4ef;min-height:calc(100vh - 80px);padding:55px 0}.y4-createwrap{max-width:1050px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.y4-createintro h1{font-size:54px;line-height:.98;margin:14px 0}.y4-createintro em{color:#6b4eff;font-style:normal}.y4-createintro p{font-size:19px;line-height:1.55;color:#676574}.y4-compose{background:#fff;padding:28px;border-radius:28px;box-shadow:0 20px 50px #1b15300e}.y4-compose form{display:grid;gap:18px}.y4-compose label:not(.y4-upload){font-weight:900;display:grid;gap:7px}.y4-compose input,.y4-compose textarea{width:100%;box-sizing:border-box;border:1px solid #dedbe6;border-radius:14px;padding:14px;font:inherit}.y4-compose .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.y4-compose button{border:0;border-radius:15px;padding:16px;background:linear-gradient(90deg,#6b4eff,#ff3da1);color:#fff;font-weight:950;font-size:16px}.y4-upload{display:block;border:2px dashed #d7d1e8;border-radius:20px;overflow:hidden;cursor:pointer;background:#faf8ff}.y4-upload input,.y4-avatar-upload input{display:none}.y4-upload>div{min-height:220px;display:grid;place-items:center;align-content:center;gap:7px}.y4-upload img{width:100%;height:280px;object-fit:cover}.y4-upload span{padding:10px;font-weight:900}.y4-avatar-upload{display:grid!important;justify-items:center;gap:7px;cursor:pointer}.y4-avatar-upload>span{width:110px;height:110px;border-radius:50%;background:#f0ebff;display:grid;place-items:center;font-size:38px;overflow:hidden}.y4-avatar-upload img{width:100%;height:100%;object-fit:cover}.y4-avatar-upload small{font-weight:500;color:#777}
.y4-detail{background:#f6f4ef;padding:34px 0 80px}.y4-detailgrid{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:30px;align-items:start}.y4-projecthero{background:#fff;border-radius:28px;overflow:hidden;margin-top:16px}.y4-detailimage{height:430px}.y4-detailbody{padding:28px}.y4-detailbody h1{font-size:42px;line-height:1.05;margin:15px 0}.y4-detailbody>p{font-size:19px;line-height:1.55;color:#5f5e6c}.y4-pricebig{font-size:18px;margin:18px 0}.y4-creator{display:flex;gap:12px;align-items:center;border-top:1px solid #eee;padding-top:18px;margin-top:20px}.y4-creator>div{display:grid}.y4-creator small,.y4-creator span{color:#777}.y4-actionbar{display:flex;gap:8px;margin:14px 0 26px}.y4-actionbar form{flex:1}.y4-actionbar button,.y4-actionbar a{width:100%;height:54px;border:0;border-radius:14px;background:#fff;font-weight:900;cursor:pointer}.y4-actionbar small{display:block;font-size:10px}.y4-sharebtn{max-width:120px}.y4-join{display:grid;place-items:center;background:#17172c!important;color:#fff!important;text-decoration:none}.y4-discussion{background:#fff;border-radius:28px;padding:28px}.y4-disc-head{display:flex;justify-content:space-between;align-items:end}.y4-disc-head h2{font-size:34px;margin:4px 0}.y4-disc-head>span{background:#f0ebff;padding:8px 10px;border-radius:999px;font-weight:900}.y4-disc-intro{color:#6b6975}.y4-commentbox{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0 28px}.y4-commentbox textarea{resize:vertical;min-height:70px;border:1px solid #ddd8e7;border-radius:16px;padding:14px;font:inherit}.y4-commentbox button,.y4-message details button{border:0;border-radius:14px;background:#6b4eff;color:#fff;font-weight:900;padding:0 18px}.y4-message{display:flex;gap:12px;padding:18px 0;border-top:1px solid #eee}.y4-messagebody{flex:1}.y4-messagebody p{font-size:16px;line-height:1.5}.y4-messagebody small{margin-left:7px;color:#888}.y4-message details summary{cursor:pointer;font-weight:800;color:#6b4eff;font-size:13px}.y4-message details form{display:flex;gap:7px;margin-top:9px}.y4-message details input{flex:1;padding:10px;border:1px solid #ddd;border-radius:10px}.y4-reply{display:flex;gap:9px;background:#f8f7fb;border-radius:14px;padding:12px;margin-top:10px}.y4-reply p{margin:3px 0}.y3-avatar.tiny{width:30px;height:30px;min-width:30px}.y4-aside{position:sticky;top:100px}.y4-sharebox{background:#fff;border-radius:20px;padding:20px;margin-bottom:14px}.y4-sharebox h3{margin-top:0}.y4-sharebox button,.y4-sharebox a{display:block;width:100%;box-sizing:border-box;border:0;border-radius:12px;padding:12px;margin-top:8px;background:#17172c;color:#fff;text-align:center;font-weight:900}.y4-sharebox button.secondary{background:#f1eef8;color:#17172c}
@media(max-width:850px){.y4-layout{display:block}.y4-side{display:none}.y4-app{padding-top:18px}.y4-feedhead h1{font-size:32px}.y4-publish{display:none}.y4-card{border-radius:0;margin-left:-16px;margin-right:-16px;box-shadow:none;border-left:0;border-right:0}.y4-image{height:min(62vh,520px)}.y4-body{padding:18px}.y4-body h2{font-size:27px}.y4-social{gap:10px;font-size:14px}.y4-social>a{font-size:0}.y4-social>a:after{content:'Voir →';font-size:14px}.y4-createwrap,.y4-detailgrid{display:block}.y4-createintro{margin-bottom:28px}.y4-createintro h1{font-size:42px}.y4-create{padding:30px 0 90px}.y4-compose{padding:18px}.y4-compose .two{grid-template-columns:1fr}.y4-detail{padding:18px 0 90px}.y4-detailimage{height:48vh;min-height:330px}.y4-detailbody{padding:20px}.y4-detailbody h1{font-size:34px}.y4-actionbar{display:grid;grid-template-columns:repeat(3,1fr)}.y4-sharebtn{max-width:none;grid-column:1/-1}.y4-discussion{border-radius:20px;padding:18px}.y4-commentbox{grid-template-columns:1fr}.y4-commentbox button{padding:14px}.y4-aside{position:static;margin-top:18px}.yz-clean-header .nav{gap:8px}.yz-auth-nav{gap:7px!important}.yz-auth-nav>a{font-size:12px!important;padding:9px 10px!important}.yz-auth-nav .logout-link{display:none}.yz-footer-min .footer-inner{gap:12px;align-items:flex-start}.yz-footer-min nav{flex-wrap:wrap;gap:10px 14px}}

/* BYLBY V4.1 — finition contenu / profil / footer */
.y41-profileproject{padding:0!important;overflow:hidden!important;display:block!important}.y41-profileproject>img,.y41-projectfallback{width:100%;height:170px;object-fit:cover;display:block}.y41-projectfallback{display:grid;place-items:center;background:linear-gradient(135deg,#6d4cff,#ff3da1);color:#fff;font-size:28px;font-weight:950}.y41-profileproject>div{padding:16px}.y41-profileproject h3{margin:7px 0}.y3-mobile a.active{color:#6f4cff!important}.y41-footer{display:grid;grid-template-columns:1fr auto;gap:18px 34px;align-items:center}.y41-footerbrand img{width:118px;height:auto;display:block;margin-bottom:7px}.y41-footerbrand p{margin:0;color:#cbc8da;font-size:13px}.y41-footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.y41-footer nav a{color:#dddbea;text-decoration:none;font-weight:700;font-size:12px}.y41-footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;color:#7f7b96}.yz-footer-min{padding:28px 0!important}
@media(max-width:760px){.y3-profile{padding-bottom:92px!important}.y41-profileproject>img,.y41-projectfallback{height:210px}.yz-footer{display:block!important}.yz-footer-min{padding:26px 0 calc(28px + env(safe-area-inset-bottom))!important}.y41-footer{display:block!important}.y41-footerbrand{margin-bottom:18px}.y41-footer nav{justify-content:flex-start!important;gap:12px 18px!important;margin-bottom:18px}.y41-footer>small{display:block!important}.y3-profile+.y3-mobile{display:flex!important}}

/* V4.2 — navigation globale + retour au coeur BYLBY */
body.bylby-logged{background:#f6f4ef}.bylby-logged main{margin-left:224px;min-height:100vh}.yz-global-side{position:fixed;inset:0 auto 0 0;width:224px;z-index:80;background:#0b0b2a;padding:26px 18px 20px;display:flex;flex-direction:column;box-sizing:border-box}.yz-side-logo{display:block;padding:0 8px 28px}.yz-side-logo img{display:block;width:132px;height:auto}.yz-global-side nav{display:flex;flex-direction:column;gap:6px}.yz-global-side nav a,.yz-side-logout{display:flex;align-items:center;gap:11px;color:#dcdbea;text-decoration:none;font-weight:800;font-size:13px;padding:12px 13px;border-radius:13px}.yz-global-side nav a span,.yz-side-logout span{width:22px;text-align:center;font-size:17px}.yz-global-side nav a:hover{background:rgba(255,255,255,.08);color:#fff}.yz-global-side .yz-side-publish{background:linear-gradient(135deg,#7a5cff,#f04ba9);color:#fff;margin:10px 0}.yz-side-logout{margin-top:auto;border:1px solid rgba(255,255,255,.12);color:#aaa9bb}.yz-side-logout:hover{background:rgba(255,255,255,.07);color:#fff}.yz-global-mobile{display:none}.y42-layout{display:block!important;max-width:800px!important}.y42-layout .y4-feed{width:100%}.y4-price,.y4-pricebig,.y3-price{display:none!important}
@media(max-width:900px){body.bylby-logged{padding-bottom:70px}.bylby-logged main{margin-left:0}.yz-global-side{display:none}.yz-global-mobile{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;background:#fff;border-top:1px solid #e4e0e8;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(11,11,42,.08)}.yz-global-mobile a{min-width:0;text-align:center;text-decoration:none;color:#77727e;font-weight:800}.yz-global-mobile b{display:block;font-size:17px;line-height:20px}.yz-global-mobile small{display:block;font-size:6px;line-height:9px;white-space:nowrap}.yz-global-mobile .plus b{width:38px;height:34px;margin:-13px auto 2px;border-radius:12px;background:linear-gradient(135deg,#7a5cff,#f04ba9);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 7px 18px rgba(111,76,255,.25)}.y3-mobile,.yz-mobile-nav{display:none!important}.y4-app{padding-top:18px!important}.y4-feedhead h1{font-size:30px!important}}


/* === BYLBY V4.3b — desktop dock, mobile unchanged === */
@media (min-width:901px){
  body.bylby-logged{padding-left:0!important;padding-bottom:92px!important}
  .bylby-logged main{margin-left:0!important}

  .yz-global-side{
    position:fixed!important;
    z-index:1000!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:20px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    transform:translateX(-50%)!important;
    padding:8px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:4px!important;
    border-radius:999px!important;
    background:rgba(12,11,42,.96)!important;
    box-shadow:0 18px 55px rgba(12,11,42,.22)!important;
  }
  .yz-global-side .yz-side-logo,
  .yz-global-side .side-logo,
  .yz-global-side>a:first-child:has(img),
  .yz-global-side .yz-side-bottom,
  .yz-global-side>a[href*="logout"]{display:none!important}

  .yz-global-side nav,
  .yz-global-side .yz-global-links{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:3px!important;
  }
  .yz-global-side a{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:11px 14px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:1!important;
  }
  .yz-global-side a.active{
    background:#fff!important;
    color:#11112b!important;
  }
  .yz-global-side a[href*="create-project"]{
    background:linear-gradient(135deg,#7255ff,#e846b7)!important;
    color:#fff!important;
  }

  /* restore the page geometry that the sidebar version altered */
  .y42-layout,.y4-layout{
    grid-template-columns:minmax(0,900px)!important;
    justify-content:center!important;
    gap:0!important;
  }
  .y4-side{display:none!important}
  .y4-feed{width:100%!important;max-width:900px!important;margin:0 auto!important}
  .y4-feedhead{padding-left:0!important;padding-right:0!important}
}

/* Do not alter the already-good mobile bottom bar. */


/* === BYLBY V4.4 — UNE SEULE NAVIGATION, EN BAS === */
body.bylby-logged{padding-left:0!important;padding-bottom:92px!important}
.bylby-logged main{margin-left:0!important}

/* L'ancien menu latéral n'existe plus. */
.yz-global-side{display:none!important}

/* Barre unique : mobile + desktop */
.yz-global-mobile{
  position:fixed!important;
  z-index:1200!important;
  left:50%!important;
  right:auto!important;
  bottom:16px!important;
  transform:translateX(-50%)!important;
  width:min(1080px,calc(100% - 28px))!important;
  display:grid!important;
  grid-template-columns:repeat(7,auto)!important;
  justify-content:center!important;
  align-items:center!important;
  gap:3px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:rgba(12,11,42,.96)!important;
  box-shadow:0 18px 55px rgba(12,11,42,.24)!important;
  backdrop-filter:blur(18px)!important;
}
.yz-global-mobile a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:11px 14px!important;
  border-radius:999px!important;
  color:#dcdbea!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.yz-global-mobile a b{font-size:15px!important;line-height:1!important}
.yz-global-mobile a small{font-size:13px!important;font-weight:800!important}
.yz-global-mobile a.plus{
  background:linear-gradient(135deg,#7457ff,#e647b7)!important;
  color:#fff!important;
}
.yz-global-mobile a[href="logout.php"]{
  border:1px solid rgba(255,255,255,.14)!important;
}

/* Feed : aucune colonne réservée à une navigation. */
@media (min-width:901px){
  .y42-layout,.y4-layout{
    display:block!important;
    width:min(1180px,calc(100% - 48px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
  }
  .y4-side{display:none!important}
  .y4-feed{width:100%!important;max-width:none!important;margin:0!important}
}

/* Mobile : même barre, mais pensée comme une vraie app. */
@media (max-width:900px){
  body.bylby-logged{padding-bottom:78px!important}
  .yz-global-mobile{
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:none!important;
    width:100%!important;
    grid-template-columns:repeat(7,1fr)!important;
    gap:0!important;
    padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-top:1px solid #e5e2ec!important;
    border-radius:0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -8px 30px rgba(12,11,42,.08)!important;
  }
  .yz-global-mobile a{
    color:#16152c!important;
    flex-direction:column!important;
    gap:2px!important;
    padding:5px 1px!important;
    border-radius:12px!important;
  }
  .yz-global-mobile a b{font-size:17px!important}
  .yz-global-mobile a small{font-size:8px!important}
  .yz-global-mobile a.plus{
    color:#fff!important;
    margin:-16px 2px 0!important;
    min-height:52px!important;
    box-shadow:0 8px 20px rgba(116,87,255,.28)!important;
  }
  .yz-global-mobile a[href="logout.php"]{border:0!important}
}

.y44-topbrand{width:min(1180px,calc(100% - 48px));margin:0 auto 18px;display:flex;align-items:center}
.y44-topbrand img{width:116px;height:auto;display:block}
@media(max-width:900px){
 .y44-topbrand{width:calc(100% - 30px);margin:0 auto 10px}
 .y44-topbrand img{width:96px}
}

/* BYLBY V4.5 — navigation unique : suppression définitive des onglets du haut */
.y4-tabs,
.y4-feedtabs,
.y4-feed > nav[aria-label*="filtre"],
.y4-feed > nav[aria-label*="navigation"] {
  display:none !important;
}
/* =========================================================
   BYLBY — POP SCORE + DISCUSSION BOOST
   ========================================================= */

.bylby-popscore{
    max-width:1100px;
    margin:34px auto 42px;
    padding:32px 38px;
    background:#fff;
    border-radius:30px;
    box-shadow:0 18px 55px rgba(20,18,55,.07);
}

.bylby-popscore-top{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
}

.bylby-popscore-top small,
.bylby-popscore-empty small{
    display:block;
    margin-bottom:8px;
    color:#6b4cff;
    font-weight:900;
    font-size:13px;
    letter-spacing:.16em;
}

.bylby-popscore-top h2,
.bylby-popscore-empty h2{
    margin:0;
    color:#11112f;
    font-size:30px;
    line-height:1.05;
    letter-spacing:-.04em;
}

.bylby-popscore-top h2 strong{
    font-size:44px;
    font-weight:950;
}

.bylby-myvote{
    padding:10px 15px;
    border-radius:999px;
    background:#f1edff;
    color:#55536a;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}

.bylby-myvote b{
    color:#684cff;
}

.bylby-popscore-track{
    height:14px;
    margin:25px 0 14px;
    overflow:hidden;
    border-radius:999px;
    background:#ecebf3;
}

.bylby-popscore-track span{
    display:block;
    height:100%;
    min-width:4px;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        #7652ff 0%,
        #bd42ed 52%,
        #f14ca5 100%
    );
    box-shadow:0 4px 18px rgba(190,66,237,.32);
}

.bylby-popscore-stats{
    display:flex;
    gap:20px;
    color:#777587;
    font-size:13px;
    font-weight:700;
}

.bylby-popscore-stats span:last-child{
    margin-left:auto;
}

.bylby-popscore-stats b{
    color:#11112f;
}

.bylby-popscore-empty p{
    margin:8px 0 0;
    color:#777587;
}

.bylby-quickvote{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:25px;
    padding-top:22px;
    border-top:1px solid #ecebf2;
}

.bylby-quickvote > span{
    margin-right:auto;
    font-weight:800;
    color:#11112f;
}

.bylby-quickvote form{
    margin:0;
}

.bylby-quickvote button{
    border:0;
    border-radius:999px;
    padding:11px 22px;
    font-weight:900;
    cursor:pointer;
}

.bylby-quick-flop{
    background:#171733;
    color:#fff;
}

.bylby-quick-pop{
    color:#fff;
    background:linear-gradient(135deg,#7652ff,#e94bb8);
}


/* DISCUSSION */

.bylby-discussion-intro{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:25px;
}

.bylby-discussion-intro small{
    display:block;
    margin-bottom:12px;
    color:#684cff;
    font-weight:950;
    font-size:13px;
    letter-spacing:.16em;
}

.bylby-discussion-intro h2{
    margin:0;
    color:#11112f;
    font-size:42px;
    line-height:1.02;
    letter-spacing:-.045em;
}

.bylby-discussion-count{
    flex:none;
    padding:10px 16px;
    border-radius:999px;
    background:#efeaff;
    color:#11112f;
    font-weight:900;
}

.bylby-discussion-hook{
    margin:22px 0 25px;
    color:#737181;
    font-size:17px;
    line-height:1.45;
}

.bylby-discussion-hook strong{
    color:#11112f;
}


/* MOBILE */

@media (max-width:700px){

    .bylby-popscore{
        margin:22px 14px 30px;
        padding:24px 20px;
        border-radius:24px;
    }

    .bylby-popscore-top{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
    }

    .bylby-popscore-top h2{
        font-size:25px;
    }

    .bylby-popscore-top h2 strong{
        font-size:35px;
    }

    .bylby-popscore-stats{
        gap:12px;
        font-size:12px;
    }

    .bylby-quickvote{
        flex-wrap:wrap;
    }

    .bylby-quickvote > span{
        width:100%;
        margin-bottom:4px;
    }

    .bylby-quickvote form{
        flex:1;
    }

    .bylby-quickvote button{
        width:100%;
    }

    .bylby-discussion-intro{
        display:block;
    }

    .bylby-discussion-intro h2{
        font-size:32px;
    }

    .bylby-discussion-count{
        display:inline-block;
        margin-top:16px;
    }

}


/* =========================================================
   BYLBY — VERDICT / DISCUSSION V3
   ========================================================= */


/* ---------- VERDICT ---------- */

.bylby-pop-meter{
    max-width:1100px;
    margin:52px auto 64px;
    padding:0 6px;
    background:transparent;
    box-shadow:none;
}

.bylby-pop-meter-main{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
}

.bylby-pop-number{
    display:flex;
    align-items:flex-end;
    gap:12px;
    color:#11112f;
}

.bylby-pop-number > strong{
    display:block;
    font-size:104px;
    line-height:.78;
    letter-spacing:-.085em;
    font-weight:950;
}

.bylby-pop-number > div{
    display:flex;
    flex-direction:column;
    padding-bottom:3px;
}

.bylby-pop-number span{
    font-size:25px;
    line-height:1;
    font-weight:850;
}

.bylby-pop-number b{
    margin-top:5px;
    color:#684cff;
    font-size:16px;
    line-height:1;
    letter-spacing:.12em;
    font-weight:950;
}

.bylby-pop-meta{
    display:flex;
    align-items:center;
    gap:12px;
    padding-bottom:3px;
    color:#9693a3;
    font-size:13px;
    font-weight:800;
}

.bylby-voted{
    padding:8px 12px;
    border-radius:999px;
    color:#684cff;
    background:#eeeaff;
    font-size:11px;
    letter-spacing:.07em;
    font-weight:950;
}


/* LA LIGNE = LE VISUEL */

.bylby-pop-line{
    position:relative;
    height:8px;
    margin-top:28px;
    overflow:hidden;
    border-radius:999px;
    background:#dedce6;
}

.bylby-pop-line span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        #6d52ff 0%,
        #a84df3 55%,
        #e84cae 100%
    );
}

.bylby-pop-details{
    display:flex;
    justify-content:space-between;
    margin-top:10px;
    color:#9a97a5;
    font-size:11px;
    letter-spacing:.08em;
    font-weight:900;
}


/* PREMIER VOTE */

.bylby-pop-first{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.bylby-pop-first span{
    color:#684cff;
    font-size:12px;
    letter-spacing:.15em;
    font-weight:950;
}

.bylby-pop-first strong{
    color:#11112f;
    font-size:38px;
    line-height:1;
    letter-spacing:-.04em;
}


/* VOTER */

.bylby-pop-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:24px;
}

.bylby-pop-actions > span{
    color:#11112f;
    font-size:14px;
    font-weight:850;
}

.bylby-pop-actions > div{
    display:flex;
    gap:8px;
}

.bylby-pop-actions form{
    margin:0;
}

.bylby-pop-actions button{
    min-width:92px;
    padding:11px 20px;
    border:0;
    border-radius:999px;
    font-size:12px;
    letter-spacing:.05em;
    font-weight:950;
    cursor:pointer;
}

.bylby-pop-actions .flop{
    color:#11112f;
    background:#e8e7ed;
}

.bylby-pop-actions .pop{
    color:#fff;
    background:#11112f;
}


/* ---------- DISCUSSION ---------- */

.bylby-discussion-new{
    margin-bottom:30px;
}

.bylby-discussion-label{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    color:#817d91;
    font-size:11px;
    letter-spacing:.17em;
    font-weight:950;
}

.bylby-discussion-label span{
    display:block;
    width:22px;
    height:2px;
    border-radius:20px;
    background:#684cff;
}

.bylby-discussion-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.bylby-discussion-title h2{
    margin:0;
    color:#11112f;
    font-size:48px;
    line-height:1;
    letter-spacing:-.05em;
    font-weight:900;
}

.bylby-discussion-title > span{
    flex:none;
    color:#9693a3;
    font-size:13px;
    font-weight:800;
}

.bylby-discussion-new p{
    margin:20px 0 0;
    color:#7c7988;
    font-size:17px;
    line-height:1.45;
}

.bylby-discussion-new p strong{
    color:#11112f;
    font-weight:750;
}


/* ---------- MOBILE ---------- */

@media(max-width:700px){

    .bylby-pop-meter{
        margin:38px 20px 46px;
        padding:0;
    }

    .bylby-pop-number > strong{
        font-size:76px;
    }

    .bylby-pop-number span{
        font-size:20px;
    }

    .bylby-pop-number b{
        font-size:13px;
    }

    .bylby-pop-meta{
        flex-direction:column;
        align-items:flex-end;
        gap:7px;
    }

    .bylby-pop-actions{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
    }

    .bylby-pop-actions > div{
        width:100%;
    }

    .bylby-pop-actions form{
        flex:1;
    }

    .bylby-pop-actions button{
        width:100%;
    }

    .bylby-discussion-title{
        display:block;
    }

    .bylby-discussion-title h2{
        font-size:36px;
    }

    .bylby-discussion-title > span{
        display:block;
        margin-top:10px;
    }

    .bylby-discussion-new p{
        font-size:16px;
    }

}

/* =========================================================
   BYLBY — MES BYLBY / VERDICT V4
   ========================================================= */

.bylby-verdict-actions{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:10px !important;
}

.bylby-verdict-actions form{
    flex:none;
    margin:0;
}

/* FLOP + POP */
.bylby-verdict-actions .flop,
.bylby-verdict-actions .pop{
    min-width:96px;
    height:44px;
    padding:0 22px;
    border:0;
    border-radius:999px;
    font-size:12px;
    font-weight:950;
    letter-spacing:.06em;
    cursor:pointer;
}

.bylby-verdict-actions .flop{
    color:#11112f;
    background:#e8e7ed;
}

.bylby-verdict-actions .pop{
    color:#fff;
    background:#684cff;
}


/* ---------- MES BYLBY ---------- */

.bylby-save-form{
    display:flex;
    align-items:center;
    justify-content:center;
}

.bylby-pop-actions .bylby-save{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;

    width:44px;
    min-width:44px;
    height:44px;
    padding:0;

    border:1.5px solid #dedce8;
    border-radius:50%;

    background:#fff;
    cursor:pointer;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.bylby-pop-actions .bylby-save img{
    display:block;
    width:22px;
    height:22px;
    object-fit:contain;
    opacity:.55;

    transition:
        opacity .18s ease,
        transform .18s ease;
}

.bylby-pop-actions .bylby-save:hover{
    transform:translateY(-2px);
    border-color:#684cff;
    box-shadow:0 7px 20px rgba(104,76,255,.12);
}

.bylby-pop-actions .bylby-save:hover img{
    opacity:1;
    transform:scale(1.06);
}


/* IDÉE ENREGISTRÉE */

.bylby-pop-actions .bylby-save.selected{
    border-color:#684cff;
    background:#f0edff;
    box-shadow:0 0 0 4px rgba(104,76,255,.08);
}

.bylby-pop-actions .bylby-save.selected img{
    opacity:1;
    transform:scale(1.08);
}


/* MICRO-STATUT */

.bylby-save-status{
    display:block;
    margin-left:auto;
    margin-top:8px;

    color:#684cff;
    font-size:9px;
    line-height:1;
    font-weight:950;
    letter-spacing:.11em;
}


/* ---------- MOBILE ---------- */

@media(max-width:700px){

    .bylby-pop-actions{
        width:100%;
    }

    .bylby-verdict-actions{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 52px 1fr;
        align-items:center;
        gap:10px !important;
    }

    .bylby-verdict-actions form{
        width:auto;
        min-width:0;
        flex:none;
    }

    .bylby-verdict-actions .flop,
    .bylby-verdict-actions .pop{
        width:100%;
        min-width:0;
        height:46px;
    }

    .bylby-save-form{
        width:52px !important;
        display:flex;
        justify-content:center;
    }

    .bylby-pop-actions .bylby-save{
        width:46px !important;
        min-width:46px !important;
        height:46px;
        padding:0;
        margin:auto;
    }

    .bylby-pop-actions .bylby-save img{
        width:23px;
        height:23px;
    }

    .bylby-save-status{
        width:100%;
        margin:8px 0 0;
        text-align:center;
    }
}


/* =========================================================
   BYLBY — PROFILE HUB / QG
   ========================================================= */

.bylby-profile-hub{
    min-height:100vh;
    padding:32px 0 110px;
    background:
        radial-gradient(circle at 85% 0%,rgba(111,76,255,.11),transparent 30%),
        #f5f3f8;
}

.bylby-profile-wrap{
    max-width:980px;
}


/* HERO */

.bylby-profile-hero{
    position:relative;
    display:flex;
    align-items:center;
    gap:24px;
    padding:30px;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 90% 10%,rgba(111,76,255,.65),transparent 35%),
        linear-gradient(135deg,#11122d,#191832);
    border-radius:28px;
    box-shadow:0 18px 50px rgba(17,18,45,.12);
}

.bylby-profile-hero:after{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    right:-65px;
    bottom:-100px;
    border-radius:50%;
    background:#e7ff77;
    opacity:.12;
}

.bylby-profile-avatar{
    position:relative;
    z-index:1;
    width:104px;
    height:104px;
    flex:0 0 104px;
    overflow:hidden;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#6f4cff;
    border:4px solid rgba(255,255,255,.14);
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    font:900 38px/1 Manrope,sans-serif;
}

.bylby-profile-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.bylby-profile-identity{
    position:relative;
    z-index:1;
    flex:1;
    min-width:0;
}

.bylby-profile-name-line{
    display:flex;
    align-items:center;
    gap:13px;
    flex-wrap:wrap;
}

.bylby-profile-name-line h1{
    margin:0;
    font:900 34px/1 Manrope,sans-serif;
    letter-spacing:-1.3px;
}

.bylby-profile-edit,
.bylby-follow-form button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 13px;
    border:0;
    border-radius:10px;
    background:#e7ff77;
    color:#11122d;
    text-decoration:none;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
}

.bylby-follow-form{
    margin:0;
}

.bylby-follow-form button.following{
    background:rgba(255,255,255,.13);
    color:#fff;
}

.bylby-profile-bio{
    max-width:610px;
    margin:12px 0 8px;
    color:#e5e2eb;
    font-size:13px;
    line-height:1.55;
}

.bylby-profile-city{
    color:#aaa6b7;
    font-size:11px;
    font-weight:700;
}


/* STATS */

.bylby-profile-stats{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    max-width:720px;
    margin:-15px auto 0;
    overflow:hidden;
    background:#fff;
    border:1px solid #e8e4ed;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(17,18,45,.07);
}

.bylby-profile-stats>div{
    position:relative;
    padding:17px 10px;
    text-align:center;
}

.bylby-profile-stats>div+div:before{
    content:"";
    position:absolute;
    left:0;
    top:25%;
    width:1px;
    height:50%;
    background:#eeeaf1;
}

.bylby-profile-stats strong{
    display:block;
    color:#11122d;
    font:900 21px/1 Manrope,sans-serif;
}

.bylby-profile-stats span{
    display:block;
    margin-top:5px;
    color:#8b8792;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}


/* TABS */

.bylby-profile-tabs{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin:30px 0 18px;
    padding:5px;
    background:#eae7ef;
    border-radius:15px;
}

.bylby-profile-tabs button{
    position:relative;
    flex:1;
    min-height:43px;
    padding:9px 14px;
    border:0;
    border-radius:11px;
    background:transparent;
    color:#77727f;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
    transition:.18s ease;
}

.bylby-profile-tabs button.active{
    background:#fff;
    color:#11122d;
    box-shadow:0 4px 15px rgba(17,18,45,.07);
}

.bylby-profile-tabs button span{
    display:inline-grid;
    place-items:center;
    min-width:19px;
    height:19px;
    margin-left:5px;
    padding:0 5px;
    border-radius:20px;
    background:#6f4cff;
    color:#fff;
    font-size:8px;
}


/* PANELS */

.bylby-profile-panel{
    display:none;
}

.bylby-profile-panel.active{
    display:block;
    animation:bylbyProfilePanel .22s ease;
}

@keyframes bylbyProfilePanel{
    from{
        opacity:0;
        transform:translateY(5px);
    }
    to{
        opacity:1;
        transform:none;
    }
}


/* PROJECT GRID */

.bylby-profile-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.bylby-profile-card{
    display:block;
    overflow:hidden;
    background:#fff;
    border:1px solid #e8e4ed;
    border-radius:20px;
    color:#11122d;
    text-decoration:none;
    box-shadow:0 6px 25px rgba(17,18,45,.035);
    transition:transform .18s ease,box-shadow .18s ease;
}

.bylby-profile-card:hover{
    transform:translateY(-3px);
    box-shadow:0 13px 32px rgba(17,18,45,.09);
}

.bylby-profile-card-image{
    position:relative;
    height:175px;
    overflow:hidden;
    background:#11122d;
}
/* Bouton partage — cartes profil */
.bylby-profile-share{
    position:absolute;
    top:12px;
    right:12px;
    z-index:5;

    width:42px;
    height:42px;
    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:50%;

    background:rgba(255,255,255,.94);
    color:#11112f;

    font-size:21px;
    font-weight:900;
    line-height:1;

    box-shadow:0 4px 16px rgba(0,0,0,.16);
    cursor:pointer;

    transition:transform .15s ease, background .15s ease;
}

.bylby-profile-share:hover{
    transform:scale(1.08);
    background:#fff;
}

.bylby-profile-share:active{
    transform:scale(.96);
}
.bylby-profile-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}

.bylby-profile-card:hover img{
    transform:scale(1.025);
}

.bylby-profile-card-fallback{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 80% 20%,#6f4cff,transparent 38%),
        #11122d;
    color:#fff;
    font:900 22px Manrope,sans-serif;
    letter-spacing:.08em;
}

.bylby-profile-pop-score,
.bylby-profile-saved-badge{
    position:absolute;
    left:11px;
    bottom:11px;
    padding:7px 9px;
    border-radius:9px;
    background:#e7ff77;
    color:#11122d;
    font-size:9px;
    font-weight:950;
    box-shadow:0 5px 15px rgba(0,0,0,.12);
}

.bylby-profile-saved-badge{
    background:#6f4cff;
    color:#fff;
}

.bylby-profile-card-body{
    padding:15px;
}

.bylby-profile-card-body h3{
    min-height:42px;
    margin:0;
    color:#11122d;
    font:850 16px/1.3 Manrope,sans-serif;
    letter-spacing:-.3px;
}

.bylby-profile-card-meta{
    display:flex;
    gap:13px;
    margin-top:12px;
    padding-top:11px;
    border-top:1px solid #f0edf2;
    color:#77727f;
    font-size:10px;
    font-weight:800;
}


/* EMPTY STATES */

.bylby-profile-empty{
    padding:55px 20px;
    background:#fff;
    border:1px dashed #dcd6e3;
    border-radius:20px;
    text-align:center;
}

.bylby-profile-empty strong{
    display:block;
    color:#11122d;
    font:850 19px Manrope,sans-serif;
}

.bylby-profile-empty p{
    margin:7px 0 15px;
    color:#88838e;
    font-size:12px;
}

.bylby-profile-empty a{
    display:inline-flex;
    padding:10px 14px;
    border-radius:10px;
    background:#6f4cff;
    color:#fff;
    text-decoration:none;
    font-size:10px;
    font-weight:900;
}


/* ACTIVITY */

.bylby-activity-list{
    overflow:hidden;
    background:#fff;
    border:1px solid #e8e4ed;
    border-radius:20px;
}

.bylby-activity-item{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:15px 17px;
    color:#11122d;
    text-decoration:none;
}

.bylby-activity-item+.bylby-activity-item{
    border-top:1px solid #eeeaf1;
}

.bylby-activity-item:hover{
    background:#faf9fb;
}

.bylby-activity-icon{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#f0edff;
    font-size:17px;
}

.bylby-activity-item strong,
.bylby-activity-item span{
    display:block;
}

.bylby-activity-item strong{
    font-size:11px;
}

.bylby-activity-item span{
    margin-top:3px;
    color:#6f4cff;
    font-size:10px;
    font-weight:800;
}

.bylby-activity-item p{
    margin:5px 0 0;
    color:#77727f;
    font-size:10px;
    line-height:1.45;
}

.bylby-activity-item time{
    color:#aaa5af;
    font-size:9px;
}


/* ACCOUNT */

.bylby-profile-account{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:35px;
    padding-top:22px;
    border-top:1px solid #e2dee7;
}

.bylby-profile-account a{
    color:#77727f;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
}

.bylby-profile-account a:hover{
    color:#11122d;
}

.bylby-profile-account .danger{
    color:#b64a56;
}


/* =========================================================
   PROFILE HUB — MOBILE
   ========================================================= */

@media(max-width:760px){

    .bylby-profile-hub{
        padding:12px 0 92px;
    }

    .bylby-profile-wrap{
        width:auto;
        margin:0 12px;
    }

    .bylby-profile-hero{
        gap:14px;
        padding:19px 17px;
        border-radius:22px;
    }

    .bylby-profile-avatar{
        width:76px;
        height:76px;
        flex-basis:76px;
        border-width:3px;
        font-size:29px;
    }

    .bylby-profile-name-line{
        gap:8px;
    }

    .bylby-profile-name-line h1{
        font-size:24px;
        letter-spacing:-.8px;
    }

    .bylby-profile-edit,
    .bylby-follow-form button{
        min-height:29px;
        padding:6px 9px;
        font-size:9px;
    }

    .bylby-profile-bio{
        margin:8px 0 5px;
        font-size:11px;
        line-height:1.4;
    }

    .bylby-profile-city{
        font-size:9px;
    }

    .bylby-profile-stats{
        width:calc(100% - 24px);
        margin-top:-9px;
        border-radius:14px;
    }

    .bylby-profile-stats>div{
        padding:13px 4px;
    }

    .bylby-profile-stats strong{
        font-size:17px;
    }

    .bylby-profile-stats span{
        font-size:7px;
        letter-spacing:0;
    }

    .bylby-profile-tabs{
        margin:20px 0 12px;
        padding:4px;
        border-radius:13px;
        overflow-x:auto;
    }

    .bylby-profile-tabs button{
        min-width:0;
        min-height:39px;
        padding:8px 5px;
        font-size:9px;
        white-space:nowrap;
    }

    .bylby-profile-tabs button span{
        min-width:16px;
        height:16px;
        margin-left:2px;
        padding:0 4px;
        font-size:7px;
    }

    .bylby-profile-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .bylby-profile-card{
        border-radius:15px;
    }

    .bylby-profile-card-image{
        height:135px;
position:relative;    
}

    .bylby-profile-card-body{
        padding:11px;
    }

    .bylby-profile-card-body h3{
        min-height:0;
        font-size:13px;
        line-height:1.25;
    }

    .bylby-profile-card-meta{
        gap:9px;
        margin-top:9px;
        padding-top:8px;
        font-size:8px;
    }

    .bylby-profile-pop-score,
    .bylby-profile-saved-badge{
        left:8px;
        bottom:8px;
        padding:6px 7px;
        font-size:7px;
    }

    .bylby-profile-empty{
        padding:40px 15px;
        border-radius:16px;
    }

    .bylby-activity-item{
        grid-template-columns:36px minmax(0,1fr);
        gap:9px;
        padding:12px;
    }

    .bylby-activity-icon{
        width:35px;
        height:35px;
        border-radius:11px;
        font-size:14px;
    }

    .bylby-activity-item time{
        display:none;
    }

    .bylby-profile-account{
        margin-top:25px;
    }

}

@media(max-width:390px){

    .bylby-profile-wrap{
        margin:0 9px;
    }

    .bylby-profile-hero{
        padding:16px 14px;
    }

    .bylby-profile-avatar{
        width:67px;
        height:67px;
        flex-basis:67px;
    }

    .bylby-profile-name-line h1{
        font-size:21px;
    }

    .bylby-profile-grid{
        grid-template-columns:1fr 1fr;
        gap:7px;
    }

    .bylby-profile-card-image{
        height:118px;
    }

}



/* =========================================================
   BYLBY — PROFILE HUB / POLISH
   ========================================================= */

/* Cartes un peu plus compactes sur grand écran */
@media(min-width:761px){

    .bylby-profile-grid{
        grid-template-columns:repeat(3,minmax(0,280px));
    }

}


/* Compte : la déconnexion reste volontairement discrète */

.bylby-profile-account a:not(.danger){
    display:none;
}


/* MOBILE */

@media(max-width:760px){

    /* Empêche l'ancien CSS profil de transformer Modifier
       en énorme bouton pleine largeur */

    .bylby-profile-name-line{
        display:flex!important;
        align-items:center!important;
        flex-wrap:wrap!important;
    }

    .bylby-profile-name-line .bylby-profile-edit{
        display:inline-flex!important;
        width:auto!important;
        max-width:max-content!important;
        margin:0!important;
        padding:7px 11px!important;
        min-height:30px!important;
        border-radius:9px!important;
        flex:none!important;
        font-size:9px!important;
    }

    .bylby-profile-identity{
        min-width:0!important;
    }

    .bylby-profile-name-line h1{
        width:auto!important;
        flex:none!important;
    }

    /* Déconnexion plus légère */

    .bylby-profile-account{
        justify-content:center;
        margin-top:28px;
        padding-top:18px;
    }

    .bylby-profile-account .danger{
        padding:8px 12px;
        font-size:9px;
    }

}

/* =========================================================
   BYLBY — NAVIGATION FINALE 3 ACTIONS
   POP / PUBLIER / PROFIL
   ========================================================= */

/* ---------- DESKTOP ---------- */

@media (min-width:901px){

  body.bylby-logged{
    padding-bottom:110px!important;
  }

  .yz-global-mobile{
    left:50%!important;
    right:auto!important;
    bottom:22px!important;
    transform:translateX(-50%)!important;

    width:430px!important;
    height:72px!important;

    display:grid!important;
    grid-template-columns:1fr 1.25fr 1fr!important;
    align-items:center!important;
    gap:8px!important;

    padding:8px!important;

    border:0!important;
    border-radius:999px!important;

    background:#11102f!important;

    box-shadow:
      0 18px 45px rgba(17,16,47,.22),
      0 4px 12px rgba(17,16,47,.12)!important;
  }

  .yz-global-mobile a{
    height:56px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    gap:3px!important;
    padding:0!important;

    border-radius:999px!important;

    color:#fff!important;
    text-decoration:none!important;
  }

  .yz-global-mobile a b{
    font-size:19px!important;
    line-height:1!important;
  }

  .yz-global-mobile a small{
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  .yz-global-mobile a.plus{
    height:58px!important;

    background:linear-gradient(
      135deg,
      #7457ff 0%,
      #a847ed 48%,
      #e647b7 100%
    )!important;

    color:#fff!important;

    box-shadow:0 8px 24px rgba(168,71,237,.30)!important;
  }

  .yz-global-mobile a.plus b{
    font-size:23px!important;
  }

  .yz-global-mobile a:hover{
    background:rgba(255,255,255,.08)!important;
  }

  .yz-global-mobile a.plus:hover{
    background:linear-gradient(
      135deg,
      #7457ff 0%,
      #a847ed 48%,
      #e647b7 100%
    )!important;

    transform:translateY(-2px);
  }
}


/* ---------- MOBILE ---------- */

@media (max-width:900px){

  .yz-global-mobile{
    grid-template-columns:repeat(3,1fr)!important;
  }

}
/* =========================================================
   BYLBY — CLOCHE NOTIFICATIONS
   Indépendante de la navigation principale
   ========================================================= */

.bylby-notif-bell{
    position:fixed;
    top:22px;
    right:26px;
    z-index:1300;

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff;
    border:1px solid #ebe9f1;
    border-radius:50%;

    box-shadow:0 8px 28px rgba(12,11,42,.10);

    color:#16152c;
    text-decoration:none;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.bylby-notif-bell:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 32px rgba(12,11,42,.15);
}

.bylby-notif-bell-icon{
    font-size:23px;
    line-height:1;
}

.bylby-notif-badge{
    position:absolute;
    top:-3px;
    right:-3px;

    min-width:20px;
    height:20px;
    padding:0 5px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#7457ff;
    color:#fff;

    border:3px solid #fff;
    border-radius:999px;

    font-size:10px;
    font-weight:900;
    line-height:1;
}


/* MOBILE */

@media(max-width:900px){

    .bylby-notif-bell{
        top:14px;
        right:15px;

        width:42px;
        height:42px;

        box-shadow:0 6px 22px rgba(12,11,42,.10);
    }

    .bylby-notif-bell-icon{
        font-size:21px;
    }

}
/* =========================================================
   BYLBY — NOTIFICATIONS
   ========================================================= */

.bylby-notifications{
    width:min(680px, calc(100% - 40px));
    margin:55px auto 140px;
    color:#11112f;
}

/* En-tête */

.bylby-notifications-head{
    margin-bottom:28px;
}

.bylby-notifications-kicker{
    display:block;
    margin-bottom:8px;
    color:#7658ff;
    font-size:12px;
    line-height:1;
    font-weight:900;
    letter-spacing:.28em;
    text-transform:uppercase;
}

.bylby-notifications-head h1{
    margin:0;
    font-size:42px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.045em;
    color:#11112f;
}

.bylby-notifications-head p{
    margin:10px 0 0;
    color:#77758a;
    font-size:16px;
    line-height:1.45;
}


/* Liste */

.bylby-notifications-list{
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(17,17,47,.07);
    border-radius:26px;
    box-shadow:
        0 20px 55px rgba(17,17,47,.08),
        0 2px 8px rgba(17,17,47,.03);
}

.bylby-notification{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    min-height:88px;
    padding:16px 52px 16px 18px;
    color:#11112f;
    text-decoration:none;
    border-bottom:1px solid #efedf4;
    transition:
        background .18s ease,
        transform .18s ease;
}

.bylby-notification:last-child{
    border-bottom:0;
}

.bylby-notification:hover{
    background:#faf9ff;
}

.bylby-notification.is-unread{
    background:
        linear-gradient(
            90deg,
            rgba(117,87,255,.075),
            rgba(235,71,183,.035)
        );
}


/* Avatar */

.bylby-notification-avatar{
    width:52px;
    height:52px;
    flex:0 0 52px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#7557ff,#e747b7);
    color:#fff;
    font-size:16px;
    font-weight:900;
}

.bylby-notification-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}


/* Texte */

.bylby-notification-content{
    min-width:0;
    flex:1;
}

.bylby-notification-message{
    color:#4e4c61;
    font-size:15px;
    line-height:1.4;
}

.bylby-notification-message strong{
    color:#11112f;
    font-weight:900;
}

.bylby-notification-content small{
    display:block;
    margin-top:5px;
    color:#9b99aa;
    font-size:12px;
    font-weight:700;
}


/* Point non lu */

.bylby-notification-dot{
    position:absolute;
    top:18px;
    right:22px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#f13f78;
    box-shadow:0 0 0 4px rgba(241,63,120,.10);
}


/* Flèche */

.bylby-notification-arrow{
    position:absolute;
    right:21px;
    top:50%;
    transform:translateY(-50%);
    color:#bbb9c7;
    font-size:27px;
    font-weight:400;
}

.bylby-notification.is-unread .bylby-notification-arrow{
    top:60%;
}


/* État vide */

.bylby-notifications-empty{
    padding:58px 30px;
    text-align:center;
    background:#fff;
    border:1px solid rgba(17,17,47,.07);
    border-radius:28px;
    box-shadow:0 20px 55px rgba(17,17,47,.07);
}

.bylby-notifications-empty > div{
    width:58px;
    height:58px;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        rgba(117,87,255,.12),
        rgba(231,71,183,.12)
    );
    color:#7557ff;
    font-size:30px;
}

.bylby-notifications-empty h2{
    margin:0;
    color:#11112f;
    font-size:25px;
    font-weight:900;
    letter-spacing:-.03em;
}

.bylby-notifications-empty p{
    max-width:390px;
    margin:10px auto 0;
    color:#77758a;
    font-size:15px;
    line-height:1.5;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:700px){

    .bylby-notifications{
        width:calc(100% - 32px);
        margin:34px auto 115px;
    }

    .bylby-notifications-head{
        margin-bottom:22px;
    }

    .bylby-notifications-kicker{
        font-size:10px;
        margin-bottom:7px;
    }

    .bylby-notifications-head h1{
        font-size:34px;
    }

    .bylby-notifications-head p{
        margin-top:7px;
        font-size:14px;
    }

    .bylby-notifications-list{
        border-radius:22px;
    }

    .bylby-notification{
        gap:12px;
        min-height:82px;
        padding:14px 43px 14px 14px;
    }

    .bylby-notification-avatar{
        width:46px;
        height:46px;
        flex-basis:46px;
        font-size:14px;
    }

    .bylby-notification-message{
        font-size:14px;
        line-height:1.35;
    }

    .bylby-notification-content small{
        margin-top:4px;
        font-size:11px;
    }

    .bylby-notification-arrow{
        right:16px;
        font-size:24px;
    }

    .bylby-notification-dot{
        top:15px;
        right:17px;
        width:8px;
        height:8px;
    }

    .bylby-notifications-empty{
        padding:46px 22px;
        border-radius:24px;
    }

    .bylby-notifications-empty > div{
        width:54px;
        height:54px;
        margin-bottom:17px;
        font-size:27px;
    }

    .bylby-notifications-empty h2{
        font-size:23px;
    }

    .bylby-notifications-empty p{
        font-size:14px;
    }
}
/* =========================================================
   BYLBY — COEUR SUR FICHE PROJET
   ========================================================= */

.y4-detailimage{
    position:relative;
}

.bylby-project-heart{
    position:absolute;
    top:16px;
    right:16px;
    z-index:5;

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;
    border:0;
    border-radius:50%;

    background:rgba(255,255,255,.94);
    box-shadow:0 6px 22px rgba(12,11,42,.16);

    color:#17152f;
    cursor:pointer;

    transition:
        transform .16s ease,
        background .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

.bylby-project-heart span{
    display:block;
    font-size:27px;
    line-height:1;
    transform:translateY(-1px);
}

.bylby-project-heart:hover{
    transform:scale(1.07);
    box-shadow:0 8px 26px rgba(12,11,42,.20);
}

.bylby-project-heart.is-saved{
    color:#ef3f70;
    background:#fff;
}

.bylby-project-heart:active{
    transform:scale(.92);
}


/* MOBILE */

@media(max-width:700px){

    .bylby-project-heart{
        top:12px;
        right:12px;

        width:42px;
        height:42px;
    }

    .bylby-project-heart span{
        font-size:25px;
    }

}
/* =========================================================
   BYLBY — ABONNES / ABONNEMENTS
   ========================================================= */

.bylby-connections{
    padding:38px 20px 120px;
}

.bylby-connections-wrap{
    width:min(720px,100%);
    margin:0 auto;
}

.bylby-connections-back{
    display:inline-block;
    margin-bottom:26px;
    color:#6d6a82;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.bylby-connections-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.bylby-connections-header small{
    display:block;
    margin-bottom:5px;
    color:#858197;
    font-weight:700;
}

.bylby-connections-header h1{
    margin:0;
    color:#17152f;
    font-size:34px;
    line-height:1;
}

.bylby-connections-header > strong{
    font-size:28px;
    color:#7457ff;
}

.bylby-connections-tabs{
    display:flex;
    gap:6px;
    padding:5px;
    margin-bottom:18px;
    background:#f1eff5;
    border-radius:16px;
}

.bylby-connections-tabs a{
    flex:1;
    padding:11px 14px;
    border-radius:12px;
    color:#747084;
    text-align:center;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
}

.bylby-connections-tabs a.active{
    background:#fff;
    color:#17152f;
    box-shadow:0 3px 12px rgba(12,11,42,.08);
}

.bylby-connections-list{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.bylby-connection-person{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 16px;
    background:#fff;
    border:1px solid #ebe8f0;
    border-radius:18px;
    text-decoration:none;
    color:#17152f;
    transition:
        transform .15s ease,
        box-shadow .15s ease;
}

.bylby-connection-person:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 24px rgba(12,11,42,.08);
}

.bylby-connection-avatar{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:50%;
    background:linear-gradient(135deg,#7457ff,#e647b7);
    color:#fff;
    font-size:17px;
    font-weight:900;
}

.bylby-connection-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.bylby-connection-info{
    flex:1;
    min-width:0;
}

.bylby-connection-info strong{
    display:block;
    font-size:15px;
}

.bylby-connection-info small{
    display:block;
    margin-top:2px;
    color:#8b8798;
    font-size:12px;
}

.bylby-connection-info p{
    overflow:hidden;
    margin:5px 0 0;
    color:#6d697c;
    font-size:13px;
    line-height:1.35;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.bylby-connection-arrow{
    color:#aaa6b6;
    font-size:18px;
}

.bylby-connections-empty{
    padding:54px 25px;
    border:1px solid #ebe8f0;
    border-radius:20px;
    background:#fff;
    text-align:center;
}

.bylby-connections-empty > span{
    display:block;
    margin-bottom:10px;
    color:#7457ff;
    font-size:32px;
}

.bylby-connections-empty h2{
    margin:0 0 7px;
    font-size:19px;
}

.bylby-connections-empty p{
    margin:0;
    color:#817d8d;
    font-size:14px;
}

@media(max-width:700px){

    .bylby-connections{
        padding:24px 15px 100px;
    }

    .bylby-connections-header h1{
        font-size:29px;
    }

    .bylby-connection-person{
        padding:12px;
        border-radius:16px;
    }

    .bylby-connection-avatar{
        width:47px;
        height:47px;
        flex-basis:47px;
    }

}
/* === BYLBY — STATS PROFIL CLIQUABLES === */

.bylby-profile-stats > div,
.bylby-profile-stats > .bylby-profile-stat-link{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-width:0;
}

.bylby-profile-stat-link{
    color:inherit;
    text-decoration:none;
    height:100%;
    cursor:pointer;
}

.bylby-profile-stat-link strong,
.bylby-profile-stat-link span{
    display:block;
    margin:0;
}

.bylby-profile-stat-link:hover{
    color:#7457ff;
}
/* =====================================================
   ACCEPTATION CGU — INSCRIPTION
   ===================================================== */

.bylby-legal-consent {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0;
    font-size: 13px;
    line-height: 1.45;
    color: #666;
    cursor: pointer;
}

.bylby-legal-consent input[type="checkbox"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin: 1px 0 0;
    accent-color: #7c4dff;
    cursor: pointer;
}

.bylby-legal-consent span {
    display: block;
}

.bylby-legal-consent a {
    color: #12122f;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.bylby-legal-consent a:hover {
    color: #7c4dff;
}