.dbz-yta-inline{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr);gap:18px;margin:24px 0;padding:18px;border-radius:22px;background:linear-gradient(180deg,#1a1a1a,#0e0e0e);color:#fff;box-shadow:0 16px 44px rgba(0,0,0,.18);overflow:hidden}
.dbz-yta-inline iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#000}
.dbz-yta-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.dbz-yta-inline__body h3{margin:12px 0 8px;font-size:clamp(20px,2vw,30px);line-height:1.1;color:#fff}
.dbz-yta-inline__body p{margin:0 0 12px;color:rgba(255,255,255,.82);line-height:1.65}
.dbz-yta-video-title{font-weight:800;font-size:16px;line-height:1.35;margin:10px 0 6px}
.dbz-yta-meta{font-size:13px;color:rgba(255,255,255,.65)}
.dbz-yta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.dbz-yta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;text-decoration:none!important;font-weight:800;transition:.2s transform,.2s opacity}
.dbz-yta-btn:hover{transform:translateY(-1px);opacity:.96}
.dbz-yta-btn--primary{background:var(--dbz-yta-accent);color:#fff}
.dbz-yta-btn--ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}
.dbz-yta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dbz-yta-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.dbz-yta-card__media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.dbz-yta-card__body{padding:14px}
.dbz-yta-card__body h3{margin:0 0 8px;font-size:16px;line-height:1.35}
.dbz-yta-card__body h3 a{text-decoration:none;color:inherit}
.dbz-yta-card__body p{margin:0 0 8px;color:#666;line-height:1.6;font-size:14px}
.dbz-yta-sticky{position:fixed;right:18px;bottom:18px;z-index:99999;width:min(360px,calc(100vw - 24px));display:grid;grid-template-columns:108px 1fr;gap:12px;padding:12px;border-radius:18px;background:var(--dbz-yta-bg);box-shadow:0 18px 48px rgba(0,0,0,.28);color:#fff}
.dbz-yta-sticky__thumb img{display:block;width:100%;height:100%;aspect-ratio:16/11;object-fit:cover;border-radius:12px}
.dbz-yta-sticky__body strong{display:block;line-height:1.35;margin:6px 0 0}
.dbz-yta-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.dbz-yta-error{padding:12px 14px;border-radius:12px;background:#fff4f4;color:#a40000;border:1px solid #ffd4d4}
@media (max-width:900px){.dbz-yta-inline{grid-template-columns:1fr}.dbz-yta-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.dbz-yta-grid{grid-template-columns:1fr}.dbz-yta-sticky{left:12px;right:12px;bottom:12px;width:auto;grid-template-columns:92px 1fr}.dbz-yta-inline{padding:14px;border-radius:18px}}


/* Ajustements mobile : bloc inline plus compact, boutons plus faciles à cliquer, aucun débordement */
.dbz-yta-inline__media,
.dbz-yta-inline__body{min-width:0}
.dbz-yta-inline__body{display:flex;flex-direction:column;justify-content:center}
.dbz-yta-video-title{word-break:break-word}
@media (max-width:768px){
  .dbz-yta-inline{gap:14px;padding:14px;border-radius:18px;margin:18px 0}
  .dbz-yta-inline iframe{border-radius:14px}
  .dbz-yta-inline__body h3{font-size:22px;line-height:1.15}
  .dbz-yta-inline__body p{font-size:14px;line-height:1.55}
  .dbz-yta-video-title{font-size:15px;line-height:1.4}
  .dbz-yta-actions{flex-direction:column;align-items:stretch}
  .dbz-yta-btn{width:100%;min-height:48px;padding:13px 16px}
}
@media (max-width:480px){
  .dbz-yta-inline{padding:12px;border-radius:16px}
  .dbz-yta-badge{font-size:11px;padding:5px 9px}
  .dbz-yta-inline__body h3{font-size:20px}
}