/* =========================================================
   COABONNEMENT THEME — PREMIUM UI SYSTEM (SAFE)
   Mobile-first shell + homepage + common UI helpers
   Compatible avec les classes ddbz existantes
   ========================================================= */

:root{
  --coab-bg:#f6f8fc;
  --coab-surface:#ffffff;
  --coab-surface-2:#fbfcff;
  --coab-surface-3:#eef3fb;
  --coab-text:#101827;
  --coab-title:#0f172a;
  --coab-text-2:#475569;
  --coab-text-3:#64748b;
  --coab-border:#e4eaf2;
  --coab-border-strong:#d7dfeb;

  --coab-brand:#4f46e5;
  --coab-brand-2:#7c3aed;
  --coab-brand-soft:#eef2ff;

  --coab-coab:#4f46e5;
  --coab-coab-soft:#eef2ff;
  --coab-digital:#ea580c;
  --coab-digital-soft:#fff1e8;

  --coab-success:#15803d;
  --coab-success-soft:#ecfdf3;
  --coab-warning:#b45309;
  --coab-warning-soft:#fff7ed;
  --coab-danger:#b42318;
  --coab-danger-soft:#fef3f2;
  --coab-info:#1d4ed8;
  --coab-info-soft:#eff6ff;

  --coab-shadow-xs:0 1px 2px rgba(15,23,42,.05);
  --coab-shadow-sm:0 10px 30px rgba(15,23,42,.08);
  --coab-shadow-md:0 18px 50px rgba(15,23,42,.10);
  --coab-shadow-lg:0 28px 80px rgba(15,23,42,.14);

  --coab-radius-sm:12px;
  --coab-radius-md:16px;
  --coab-radius-lg:20px;
  --coab-radius-xl:26px;
  --coab-radius-pill:999px;

  --coab-space-1:4px;
  --coab-space-2:8px;
  --coab-space-3:12px;
  --coab-space-4:16px;
  --coab-space-5:20px;
  --coab-space-6:24px;
  --coab-space-7:32px;
  --coab-space-8:40px;
  --coab-space-9:48px;
  --coab-space-10:64px;

  --coab-max:1200px;
  --coab-gutter:16px;

  --coab-font: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --coab-focus-ring:0 0 0 4px rgba(79,70,229,.14);

  /* Compat variables historiques */
  --bg:var(--coab-bg);
  --card:var(--coab-surface);
  --surface:var(--coab-surface);
  --surface-strong:var(--coab-surface-3);
  --text:var(--coab-text);
  --title:var(--coab-title);
  --muted:var(--coab-text-2);
  --border:var(--coab-border);
  --primary:var(--coab-brand);
  --primary2:var(--coab-brand-2);
  --brand:var(--coab-brand);
  --shadow-xs:var(--coab-shadow-xs);
  --shadow-sm:var(--coab-shadow-sm);
  --shadow:var(--coab-shadow-md);
  --radius:var(--coab-radius-lg);
  --radius-md:var(--coab-radius-md);
  --radius-lg:var(--coab-radius-lg);
  --font:var(--coab-font);
}

body.ddbz-dark{
  --coab-bg:#0b1220;
  --coab-surface:#111827;
  --coab-surface-2:#131d2f;
  --coab-surface-3:#1a2840;
  --coab-text:#f3f4f6;
  --coab-title:#ffffff;
  --coab-text-2:#cbd5e1;
  --coab-text-3:#94a3b8;
  --coab-border:rgba(148,163,184,.18);
  --coab-border-strong:rgba(148,163,184,.28);
  --coab-shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --coab-shadow-sm:0 12px 28px rgba(0,0,0,.35);
  --coab-shadow-md:0 22px 48px rgba(0,0,0,.38);
  --coab-shadow-lg:0 30px 80px rgba(0,0,0,.42);
  --coab-focus-ring:0 0 0 4px rgba(99,102,241,.20);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  font-family:var(--coab-font);
  background:var(--coab-bg);
  color:var(--coab-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:none;box-shadow:var(--coab-focus-ring)}

.ddbz-wrap{width:min(100%, var(--coab-max));margin-inline:auto;padding-inline:var(--coab-gutter)}
.ddbz-container{display:grid;gap:var(--coab-space-7);padding-block:var(--coab-space-6) var(--coab-space-9)}

/* Generic common UI */
.ddbz-kicker{
  display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;
  background:var(--coab-surface-3);color:var(--coab-text-2);font-size:12px;font-weight:800;
  text-transform:uppercase;letter-spacing:.08em;
}

.ddbz-btn,
.ddbz-cta,
.ddbz-btn-primary,
.ddbz-auth-btn,
.ddbz-auth-btn--primary{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;
  padding:0 16px;border-radius:14px;font-size:14px;font-weight:800;line-height:1;
  transition:transform .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease;
}
.ddbz-btn,.ddbz-auth-btn{
  border:1px solid var(--coab-border);background:var(--coab-surface);color:var(--coab-title);
}
.ddbz-btn:hover,.ddbz-auth-btn:hover{transform:translateY(-1px);background:var(--coab-surface-3);box-shadow:var(--coab-shadow-xs)}
.ddbz-cta,.ddbz-btn-primary,.ddbz-auth-btn--primary{
  border:1px solid transparent;background:linear-gradient(135deg, var(--coab-brand), var(--coab-brand-2));color:#fff;box-shadow:var(--coab-shadow-sm);
}
.ddbz-cta:hover,.ddbz-btn-primary:hover,.ddbz-auth-btn--primary:hover{transform:translateY(-1px)}

.ddbz-card,
.ddbz-panel-body .ddbz-item,
.ddbz-account-menu,
.ddbz-empty{
  border:1px solid var(--coab-border);
  border-radius:var(--coab-radius-lg);
  background:var(--coab-surface);
  box-shadow:var(--coab-shadow-xs);
}
.ddbz-card{padding:var(--coab-space-5)}
body.ddbz-dark .ddbz-card,body.ddbz-dark .ddbz-empty{box-shadow:none}

.ddbz-link{font-weight:800;color:var(--coab-brand)}
.ddbz-link:hover{text-decoration:underline}
.ddbz-muted{color:var(--coab-text-3)}
.ddbz-empty{padding:22px;color:var(--coab-text-2)}

.ddbz-chip{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;
  border:1px solid var(--coab-border);border-radius:999px;background:var(--coab-surface);color:var(--coab-text-2);
  font-size:13px;font-weight:800;white-space:nowrap;
}
.ddbz-chip:hover{background:var(--coab-surface-3)}

.ddbz-section{display:grid;gap:var(--coab-space-5)}
.ddbz-section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--coab-space-4);flex-wrap:wrap}
.ddbz-section-head h2{margin:6px 0 0;color:var(--coab-title);font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.02em}
.ddbz-section-head p{margin:8px 0 0;color:var(--coab-text-2)}

/* Homepage hero */
.ddbz-hub-hero{
  display:grid;gap:var(--coab-space-5);padding:clamp(24px,4vw,42px);
  border-radius:var(--coab-radius-xl);
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  align-items:stretch;
  background:
    radial-gradient(circle at top right, rgba(79,70,229,.10), transparent 28%),
    radial-gradient(circle at bottom left, rgba(234,88,12,.08), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.99));
  box-shadow:var(--coab-shadow-sm);
}
body.ddbz-dark .ddbz-hub-hero{
  background:
    radial-gradient(circle at top right, rgba(99,102,241,.16), transparent 28%),
    radial-gradient(circle at bottom left, rgba(234,88,12,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.ddbz-card--hero{border-color:var(--coab-border)}
.ddbz-hub-hero__content{display:grid;gap:var(--coab-space-4);align-content:center}
.ddbz-hub-hero h1{margin:0;color:var(--coab-title);font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:-.045em;max-width:12ch}
.ddbz-hub-hero p{margin:0;max-width:720px;color:var(--coab-text-2);font-size:17px;line-height:1.7}
.ddbz-hub-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.ddbz-hub-hero__badges{display:flex;flex-wrap:wrap;gap:10px}
.ddbz-hub-badge{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--coab-border);background:rgba(255,255,255,.7);color:var(--coab-title);font-size:13px;font-weight:800;box-shadow:var(--coab-shadow-xs)}
body.ddbz-dark .ddbz-hub-badge{background:rgba(255,255,255,.04)}
.ddbz-hub-hero__aside{display:grid;align-items:stretch}
.ddbz-hub-panel{display:grid;gap:14px;padding:22px;border-radius:24px;border:1px solid var(--coab-border);background:rgba(255,255,255,.82);box-shadow:var(--coab-shadow-xs)}
body.ddbz-dark .ddbz-hub-panel{background:rgba(255,255,255,.03)}
.ddbz-hub-panel strong{font-size:20px;line-height:1.15;color:var(--coab-title)}
.ddbz-hub-panel__list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ddbz-hub-panel__list li{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:var(--coab-surface-2);border:1px solid var(--coab-border)}
.ddbz-hub-panel__list span{font-size:15px;font-weight:800;color:var(--coab-title)}
.ddbz-hub-panel__list small{font-size:13px;line-height:1.55;color:var(--coab-text-2)}

/* Quick actions */
.ddbz-quick-actions__grid{display:grid;grid-template-columns:1fr;gap:12px}
.ddbz-quick-action{display:grid;gap:8px;min-height:128px;align-content:start}
.ddbz-quick-action strong{font-size:18px;color:var(--coab-title)}
.ddbz-quick-action span{color:var(--coab-text-2);line-height:1.6}

/* Universes */
.ddbz-universes{display:grid;grid-template-columns:1fr;gap:16px}
.ddbz-universe-card{
  display:grid;gap:18px;padding:22px;border:1px solid var(--coab-border);border-radius:24px;background:var(--coab-surface);box-shadow:var(--coab-shadow-xs)
}
.ddbz-universe-card--coab{
  background:radial-gradient(circle at top right, rgba(79,70,229,.10), transparent 32%), var(--coab-surface)
}
.ddbz-universe-card--digital{
  background:radial-gradient(circle at top right, rgba(234,88,12,.10), transparent 32%), var(--coab-surface)
}
.ddbz-universe-card__top{display:grid;gap:10px}
.ddbz-universe-card__eyebrow{
  display:inline-flex;align-items:center;justify-content:center;min-height:30px;width:max-content;padding:0 12px;border-radius:999px;
  font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--coab-surface-3);color:var(--coab-text-2)
}
.ddbz-universe-card h2{margin:0;color:var(--coab-title);font-size:clamp(26px,4vw,36px);line-height:1.08}
.ddbz-universe-card p{margin:0;color:var(--coab-text-2);line-height:1.65}
.ddbz-bullet-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ddbz-bullet-list li{position:relative;padding-left:18px;color:var(--coab-text-2)}
.ddbz-bullet-list li::before{content:'';position:absolute;left:0;top:.58em;width:8px;height:8px;border-radius:999px;background:var(--coab-brand)}
.ddbz-universe-card__actions{display:flex;flex-wrap:wrap;gap:10px}

/* Steps + trust */
.ddbz-steps-grid,.ddbz-trust-grid{display:grid;grid-template-columns:1fr;gap:12px}
.ddbz-step-card,.ddbz-trust-card{
  display:grid;gap:10px;padding:18px;border:1px solid var(--coab-border);border-radius:20px;background:var(--coab-surface);box-shadow:var(--coab-shadow-xs)
}


.ddbz-home-faq{gap:18px}
.ddbz-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ddbz-faq-card{display:grid;gap:10px;padding:20px;border:1px solid var(--coab-border);border-radius:22px;background:var(--coab-surface);box-shadow:var(--coab-shadow-xs)}
.ddbz-faq-card strong{font-size:18px;line-height:1.22;color:var(--coab-title)}
.ddbz-faq-card p{margin:0;color:var(--coab-text-2);line-height:1.7}

.ddbz-auth-gate{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px;background:rgba(7,11,18,.52);backdrop-filter:blur(6px)}
.ddbz-auth-gate[hidden]{display:none!important}
.ddbz-auth-gate__dialog{width:min(100%,520px);display:grid;gap:16px;padding:24px;border-radius:28px;background:var(--coab-surface);border:1px solid var(--coab-border);box-shadow:0 30px 80px rgba(2,6,23,.25)}
.ddbz-auth-gate__dialog h3{margin:0;font-size:28px;line-height:1.05;color:var(--coab-title)}
.ddbz-auth-gate__dialog p{margin:0;color:var(--coab-text-2);line-height:1.7}
.ddbz-auth-gate__actions{display:flex;flex-wrap:wrap;gap:10px}
.ddbz-auth-gate__close{justify-self:end;border:0;background:transparent;color:var(--coab-text-2);font-size:14px;font-weight:800}
.ddbz-step-card strong,.ddbz-trust-card strong{color:var(--coab-title);font-size:16px}
.ddbz-step-card p,.ddbz-trust-card span{margin:0;color:var(--coab-text-2);line-height:1.6}

/* Hub listing */
.ddbz-hub-chips{display:flex;gap:10px;overflow:auto hidden;padding-bottom:4px;scrollbar-width:none}
.ddbz-hub-chips::-webkit-scrollbar{display:none}
.ddbz-hub-grid{display:grid;grid-template-columns:1fr;gap:14px}
.ddbz-hub-card{display:grid;gap:16px;min-height:100%;padding:14px}
.ddbz-hub-card__media{
  aspect-ratio:16/10;border-radius:18px;overflow:hidden;border:1px solid var(--coab-border);background:var(--coab-surface-3)
}
.ddbz-hub-card__media img{width:100%;height:100%;object-fit:cover}
.ddbz-hub-card__media--soft{display:grid;place-items:center;background:linear-gradient(135deg, rgba(79,70,229,.12), rgba(234,88,12,.10));font-size:34px;font-weight:900;color:var(--coab-title)}
.ddbz-hub-card__body{display:grid;gap:8px}
.ddbz-hub-card__body h3{margin:0;color:var(--coab-title);font-size:19px;line-height:1.2}
.ddbz-hub-card__body p{margin:0;color:var(--coab-text-2);line-height:1.55}
.ddbz-hub-card__cta{display:inline-flex;align-items:center;gap:8px;margin-top:4px;color:var(--coab-brand);font-weight:800}
.ddbz-hub-card__cta::after{content:'→'}

/* Footer */
.ddbz-footer{margin-top:var(--coab-space-8);padding:32px 0 calc(26px + env(safe-area-inset-bottom));border-top:1px solid var(--coab-border);background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.82))}
body.ddbz-dark .ddbz-footer{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.03))}
.ddbz-foot-grid{display:grid;grid-template-columns:1fr;gap:18px}
.ddbz-foot-col{display:grid;gap:10px;padding:20px;border:1px solid var(--coab-border);border-radius:20px;background:var(--coab-surface);box-shadow:var(--coab-shadow-xs)}
.ddbz-foot-col h3{margin:0;color:var(--coab-title);font-size:18px}
.ddbz-foot-col a{color:var(--coab-text-2);font-weight:700}
.ddbz-foot-col a:hover{color:var(--coab-title)}
.ddbz-foot-kicker{display:inline-flex;width:max-content;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:var(--coab-surface-3);color:var(--coab-text-2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ddbz-copy{margin-top:18px;color:var(--coab-text-3);font-size:13px}
.ddbz-newsletter-fallback{display:grid;gap:10px}
.ddbz-newsletter-row{display:grid;gap:10px}
.ddbz-newsletter-row input,
.ddbz-newsletter .ff-el-form-control{
  width:100%;min-height:48px;padding:0 14px;border:1px solid var(--coab-border);border-radius:14px;background:var(--coab-surface-2);color:var(--coab-text)
}

/* Light utility styles used elsewhere */
.ddbz-account-menu a,.ddbz-item,.ddbz-drawer a.item{font-weight:800}
.ddbz-chip-grid{display:grid;gap:10px}
.ddbz-copy small{color:var(--coab-text-3)}

/* Responsive */
@media (min-width:640px){
  :root{--coab-gutter:20px}
  .ddbz-newsletter-row{grid-template-columns:minmax(0,1fr) auto}
  .ddbz-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddbz-quick-actions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddbz-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:900px){
  :root{--coab-gutter:24px}
  .ddbz-container{padding-block:32px 64px}
  .ddbz-hub-hero{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:stretch}
  .ddbz-universes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddbz-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddbz-foot-grid{grid-template-columns:1.2fr 1fr 1fr .9fr 1.2fr}
}

@media (min-width:1100px){
  .ddbz-quick-actions__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ddbz-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:899px){
  input,select,textarea{font-size:16px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Home premium cards */
.ddbz-popular-coab,.ddbz-popular-digital{gap:18px}
.ddbz-home-cards-grid{display:grid;grid-template-columns:1fr;gap:18px}
.ddbz-home-card{
  display:grid;gap:0;padding:0;overflow:hidden;min-height:100%;
  border:1px solid var(--coab-border);border-radius:28px;background:var(--coab-surface);
  box-shadow:var(--coab-shadow-sm)
}
body.ddbz-dark .ddbz-home-card{box-shadow:none}
.ddbz-home-card__cover{
  position:relative;display:grid;place-items:center;min-height:210px;padding:28px 24px;text-align:center;overflow:hidden;
  background:linear-gradient(135deg, var(--ddbz-card-start, #8b5cf6), var(--ddbz-card-end, #4f46e5));
}
.ddbz-home-card__shine{
  position:absolute;inset:-35% auto auto -18%;width:220px;height:220px;border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.26), rgba(255,255,255,0) 68%);
  pointer-events:none
}
.ddbz-home-card__cover h3{
  position:relative;z-index:1;margin:0;color:#fff;font-size:clamp(22px,3.1vw,34px);line-height:1.08;letter-spacing:-.03em;
  max-width:11ch;text-wrap:balance
}
.ddbz-home-card__body{
  display:grid;justify-items:center;gap:4px;padding:22px 22px 24px;background:#fff;text-align:center
}
body.ddbz-dark .ddbz-home-card__body{background:var(--coab-surface)}
.ddbz-home-card__price-label{margin:0;color:var(--ddbz-card-accent, var(--coab-brand));font-size:15px;font-weight:800}
.ddbz-home-card__price{
  margin:0;color:var(--ddbz-card-accent, var(--coab-brand));font-size:clamp(32px,4.2vw,52px);font-weight:900;line-height:1.02;letter-spacing:-.03em;
  text-wrap:balance
}
.ddbz-home-card__price--digital{font-size:18px;line-height:1.45;max-width:22ch;color:var(--coab-title)}
.ddbz-home-card__cta{
  display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:56px;margin-top:10px;padding:0 20px;
  border-radius:999px;background:#07122f;color:#fff;font-size:16px;font-weight:900;box-shadow:0 14px 28px rgba(7,18,47,.16);
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease
}
.ddbz-home-card__cta:hover{transform:translateY(-1px);box-shadow:0 18px 32px rgba(7,18,47,.20)}
.ddbz-home-card__cta:focus-visible{box-shadow:var(--coab-focus-ring)}
.ddbz-home-cards-grid--digital .ddbz-home-card__cover{min-height:180px}
.ddbz-home-cards-grid--digital .ddbz-home-card__cover h3{font-size:clamp(20px,2.7vw,30px)}
.ddbz-home-cards-grid--digital .ddbz-home-card__body{gap:8px}

/* Auth gate */
.ddbz-auth-gate[hidden]{display:none!important}
.ddbz-auth-gate{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px
}
.ddbz-auth-gate__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}
.ddbz-auth-gate__dialog{
  position:relative;z-index:1;width:min(100%, 540px);display:grid;gap:16px;padding:24px;border-radius:28px;
  border:1px solid var(--coab-border);background:var(--coab-surface);box-shadow:var(--coab-shadow-lg)
}
.ddbz-auth-gate__dialog h3{margin:0;color:var(--coab-title);font-size:clamp(26px,4vw,34px);line-height:1.08}
.ddbz-auth-gate__dialog p{margin:0;color:var(--coab-text-2);line-height:1.7}
.ddbz-auth-gate__actions{display:flex;flex-wrap:wrap;gap:12px}
.ddbz-auth-gate__close{
  position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;border:none;border-radius:999px;
  background:var(--coab-surface-3);color:var(--coab-title);font-size:28px;line-height:1
}

@media (min-width:640px){
  .ddbz-home-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  .ddbz-home-card__cover{min-height:190px}
}
@media (min-width:1100px){
  .ddbz-home-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddbz-home-cards-grid--digital{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:899px){
  .ddbz-home-card__cover{min-height:180px;padding:24px 18px}
  .ddbz-home-card__cover h3{font-size:clamp(20px,8vw,30px)}
  .ddbz-home-card__body{padding:18px 16px 20px}
  .ddbz-home-card__price{font-size:clamp(28px,10vw,44px)}
  .ddbz-home-card__cta{width:100%;min-width:0;min-height:52px}
}


/* =========================================================
   HOME POPULAR CARDS + MARKETPLACE CARD SIZE OVERRIDES
   ========================================================= */
.ddbz-home-popular{gap:18px}
.ddbz-home-market-grid,
.ddbz-market-tiles{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(232px, 260px));
  justify-content:start;
  gap:16px;
}
.ddbz-home-market-grid--digital{grid-template-columns:repeat(auto-fill, minmax(232px, 260px))}
.ddbz-home-market-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ddbz-home-market-empty{
  padding:14px 16px;border:1px dashed var(--coab-border-strong);border-radius:18px;background:var(--coab-surface-2);color:var(--coab-text-2)
}
.ddbz-home-filter-chips,
.ddbz-market-chips{display:flex;flex-wrap:wrap;gap:10px}
.ddbz-market-chip{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;
  border:1px solid rgba(15,23,42,.10);background:var(--ddbz-chip-bg, #f4f6fb);color:var(--ddbz-chip-accent, #0f172a);
  font-weight:800;font-size:14px;transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease
}
.ddbz-market-chip:hover{transform:translateY(-1px);box-shadow:var(--coab-shadow-xs)}
.ddbz-market-chip.is-active{background:#07122f;color:#fff;border-color:#07122f;box-shadow:var(--coab-shadow-xs)}

/* Use the same premium card everywhere without stretching when only 1 or 2 items exist */
.ddbz-market-card-lite{min-width:0!important;max-width:260px;width:100%}
.ddbz-market-card-lite__link{
  display:grid!important;grid-template-rows:minmax(132px,1fr) auto!important;height:100%!important;padding:0!important;
  border-radius:24px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.06)!important;text-decoration:none!important;color:#0f172a!important
}
.ddbz-market-card-lite__top{
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  min-height:132px!important;padding:18px 14px!important;
  background:radial-gradient(circle at 18% 14%, rgba(255,255,255,.22), transparent 34%), linear-gradient(135deg, var(--ddbz-lite-start,#3b82f6) 0%, var(--ddbz-lite-end,#1d4ed8) 100%)!important
}
.ddbz-market-card-lite__name{
  display:block!important;max-width:10ch!important;margin:0 auto!important;color:#fff!important;
  font-size:clamp(16px,1.85vw,22px)!important;line-height:1.04!important;font-weight:900!important;letter-spacing:-.04em!important;text-wrap:balance!important
}
.ddbz-market-card-lite__body{
  display:grid!important;justify-items:center!important;gap:8px!important;padding:14px 14px 16px!important;background:#fff!important
}
.ddbz-market-card-lite__price{display:grid!important;justify-items:center!important;gap:1px!important;text-align:center!important;color:var(--ddbz-lite-price,#2563eb)!important}
.ddbz-market-card-lite__price small{font-size:12px!important;font-weight:800!important;opacity:.78!important}
.ddbz-market-card-lite__price strong{font-size:18px!important;line-height:1!important;letter-spacing:-.05em!important;font-weight:900!important;color:var(--ddbz-lite-price,#2563eb)!important}
.ddbz-market-card-lite__price em{font-style:normal!important;font-size:12px!important;font-weight:800!important;opacity:.9!important}
.ddbz-market-card-lite__cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;min-width:min(100%, 180px)!important;padding:0 18px!important;border-radius:999px!important;
  background:#050b18!important;color:#fff!important;font-size:15px!important;font-weight:900!important
}
.ddbz-market-card-lite__link:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,23,42,.10)!important}

body.ddbz-dark .ddbz-market-card-lite__link{background:var(--coab-surface)!important;border-color:var(--coab-border)!important}
body.ddbz-dark .ddbz-market-card-lite__body{background:var(--coab-surface)!important}

@media (max-width:980px){
  .ddbz-home-market-grid,
  .ddbz-market-tiles{grid-template-columns:repeat(3, minmax(0,1fr));gap:14px}
  .ddbz-market-card-lite{max-width:none}
  .ddbz-market-card-lite__link{grid-template-rows:minmax(132px,1fr) auto!important;border-radius:20px!important}
  .ddbz-market-card-lite__top{min-height:132px!important;padding:16px 14px!important}
  .ddbz-market-card-lite__name{font-size:20px!important;max-width:8ch!important}
  .ddbz-market-card-lite__price strong{font-size:20px!important}
}
@media (max-width:760px){
  .ddbz-home-market-grid,
  .ddbz-market-tiles{grid-template-columns:repeat(2, minmax(0,1fr));gap:12px}
}
@media (max-width:640px){
  .ddbz-market-chip{min-height:38px;padding:0 14px;font-size:13px}
  .ddbz-market-card-lite__link{grid-template-rows:minmax(112px,1fr) auto!important;border-radius:18px!important}
  .ddbz-market-card-lite__top{min-height:112px!important;padding:14px 12px!important}
  .ddbz-market-card-lite__name{font-size:18px!important;max-width:8ch!important}
  .ddbz-market-card-lite__body{padding:14px 12px 14px!important;gap:8px!important}
  .ddbz-market-card-lite__price small{font-size:11px!important}
  .ddbz-market-card-lite__price strong{font-size:18px!important}
  .ddbz-market-card-lite__price em{font-size:11px!important}
  .ddbz-market-card-lite__cta{min-height:40px!important;min-width:100%!important;font-size:12px!important;padding:0 10px!important}
  .ddbz-home-market-actions{justify-content:stretch}
  .ddbz-home-market-actions .ddbz-cta,
  .ddbz-home-market-actions .ddbz-btn{width:100%}
}

/* v19.5 home polish */
.ddbz-home-popular .ddbz-section-head h2,
.ddbz-home-faq .ddbz-section-head h2{font-size:clamp(26px,4vw,36px)}

@media (max-width:980px){
  .ddbz-hub-hero{grid-template-columns:1fr!important}
  .ddbz-hub-hero h1{max-width:13ch!important}
  .ddbz-hub-hero__aside{order:2}
}
@media (max-width:760px){
  .ddbz-faq-grid{grid-template-columns:1fr!important}
}
@media (max-width:700px){
  .ddbz-hub-hero{padding:22px!important}
  .ddbz-hub-hero h1{font-size:clamp(32px,11vw,46px)!important;max-width:11ch!important}
  .ddbz-hub-hero p{font-size:15px!important}
  .ddbz-hub-hero__actions .ddbz-cta,
  .ddbz-hub-hero__actions .ddbz-btn{width:100%;justify-content:center}
  .ddbz-hub-hero__badges{gap:8px}
  .ddbz-hub-badge{min-height:36px;padding:0 12px;font-size:12px}
  .ddbz-hub-panel{padding:18px;border-radius:22px}
  .ddbz-auth-gate__dialog{padding:20px;border-radius:24px}
  .ddbz-auth-gate__dialog h3{font-size:24px}
}


/* =========================================================
   HOME REFRESH v19.6
   - clean hero
   - simpler steps
   - valid popular cards kept
   - accordion FAQ
   - refined footer
   ======================================================= */
.ddbz-home-shell{gap:28px}
.ddbz-home-hero-v2{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:22px;
  align-items:stretch;
  padding:26px;
  border-radius:30px;
  background:
    radial-gradient(900px 300px at 0% 0%, rgba(79,70,229,.08), transparent 48%),
    radial-gradient(640px 240px at 100% 0%, rgba(234,88,12,.06), transparent 45%),
    linear-gradient(180deg,#ffffff,#fbfcff);
}
body.ddbz-dark .ddbz-home-hero-v2{
  background:
    radial-gradient(900px 300px at 0% 0%, rgba(129,140,248,.12), transparent 48%),
    radial-gradient(640px 240px at 100% 0%, rgba(249,115,22,.10), transparent 45%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));
}
.ddbz-home-hero-v2__main{display:grid;align-content:center;gap:16px}
.ddbz-home-hero-v2 h1{
  margin:0;
  max-width:11ch;
  color:var(--coab-title);
  font-size:clamp(38px,6vw,70px);
  line-height:.96;
  letter-spacing:-.05em;
}
.ddbz-home-hero-v2 p{
  margin:0;
  max-width:62ch;
  color:var(--coab-text-2);
  font-size:17px;
  line-height:1.7;
}
.ddbz-home-hero-v2__actions{display:flex;flex-wrap:wrap;gap:12px}
.ddbz-home-hero-v2__notes{display:flex;flex-wrap:wrap;gap:10px}
.ddbz-home-hero-v2__notes span{
  display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;
  border:1px solid var(--coab-border);background:rgba(255,255,255,.72);color:var(--coab-title);font-size:13px;font-weight:800;
}
body.ddbz-dark .ddbz-home-hero-v2__notes span{background:rgba(255,255,255,.04)}
.ddbz-home-hero-v2__cards{display:grid;gap:14px}
.ddbz-home-action-card{
  display:grid;gap:12px;align-content:start;padding:22px;border-radius:26px;border:1px solid var(--coab-border);
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.94));box-shadow:var(--coab-shadow-xs);
}
body.ddbz-dark .ddbz-home-action-card{background:rgba(255,255,255,.03)}
.ddbz-home-action-card__eyebrow{
  display:inline-flex;width:max-content;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;
  background:var(--coab-surface-3);color:var(--coab-text-2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.ddbz-home-action-card h2{margin:0;color:var(--coab-title);font-size:clamp(24px,3vw,34px);line-height:1.06;letter-spacing:-.03em}
.ddbz-home-action-card p{margin:0;color:var(--coab-text-2);line-height:1.65}
.ddbz-home-action-card--coab{background:linear-gradient(180deg, rgba(99,102,241,.10), rgba(255,255,255,.96))}
.ddbz-home-action-card--digital{background:linear-gradient(180deg, rgba(249,115,22,.08), rgba(255,255,255,.96))}
body.ddbz-dark .ddbz-home-action-card--coab,
body.ddbz-dark .ddbz-home-action-card--digital{background:rgba(255,255,255,.03)}

.ddbz-home-steps-v2__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.ddbz-home-step-card{
  display:grid;gap:10px;padding:22px;border:1px solid var(--coab-border);border-radius:24px;background:var(--coab-surface);box-shadow:var(--coab-shadow-xs);
}
.ddbz-home-step-card__num{
  display:inline-flex;width:max-content;min-height:34px;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;
  background:var(--coab-surface-3);color:var(--coab-brand);font-size:12px;font-weight:900;letter-spacing:.08em;
}
.ddbz-home-step-card h3{margin:0;color:var(--coab-title);font-size:22px;line-height:1.15;letter-spacing:-.03em}
.ddbz-home-step-card p{margin:0;color:var(--coab-text-2);line-height:1.65}

.ddbz-home-duo-v2__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.ddbz-home-duo-card{
  display:grid;gap:14px;padding:24px;border:1px solid var(--coab-border);border-radius:28px;background:linear-gradient(180deg, rgba(79,70,229,.06), rgba(255,255,255,.96));
  box-shadow:var(--coab-shadow-xs);
}
.ddbz-home-duo-card--soft{background:linear-gradient(180deg, rgba(249,115,22,.06), rgba(255,255,255,.96))}
body.ddbz-dark .ddbz-home-duo-card,
body.ddbz-dark .ddbz-home-duo-card--soft{background:rgba(255,255,255,.03)}
.ddbz-home-duo-card__tag{
  display:inline-flex;width:max-content;min-height:30px;align-items:center;padding:0 12px;border-radius:999px;
  background:var(--coab-surface-3);color:var(--coab-text-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;
}
.ddbz-home-duo-card h3{margin:0;color:var(--coab-title);font-size:clamp(28px,3.2vw,38px);line-height:1.04;letter-spacing:-.04em;max-width:10ch}
.ddbz-home-duo-card p{margin:0;color:var(--coab-text-2);line-height:1.7}
.ddbz-home-duo-card__actions{display:flex;flex-wrap:wrap;gap:10px}

.ddbz-home-faq-v2{gap:16px}
.ddbz-faq-accordion{display:grid;gap:12px}
.ddbz-faq-item{
  border:1px solid var(--coab-border);
  border-radius:22px;
  background:var(--coab-surface);
  box-shadow:var(--coab-shadow-xs);
  overflow:hidden;
}
.ddbz-faq-item summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:20px 56px 20px 20px;
  color:var(--coab-title);
  font-size:18px;
  font-weight:800;
  line-height:1.35;
}
.ddbz-faq-item summary::-webkit-details-marker{display:none}
.ddbz-faq-item summary::after{
  content:'+';
  position:absolute;right:20px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:999px;
  display:grid;place-items:center;
  border:1px solid var(--coab-border);
  color:var(--coab-title);
  font-size:18px;font-weight:700;
  background:var(--coab-surface-2);
}
.ddbz-faq-item[open] summary::after{content:'–'}
.ddbz-faq-item__body{
  padding:0 20px 20px;
  color:var(--coab-text-2);
  line-height:1.75;
}

.ddbz-footer{
  margin-top:var(--coab-space-8);
  padding:34px 0 calc(28px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, #07111f, #0b1627);
}
body.ddbz-dark .ddbz-footer, body.ddbz-light .ddbz-footer{background:linear-gradient(180deg, #07111f, #0b1627)}
.ddbz-footer-v2{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr .8fr 1fr;
  gap:24px;
  align-items:start;
}
.ddbz-footer-v2__brand,
.ddbz-footer-v2__links,
.ddbz-footer-v2__support{
  display:grid;gap:12px;
}
.ddbz-footer-v2__brand p,
.ddbz-footer-v2__links a,
.ddbz-footer-v2__support p{color:rgba(255,255,255,.72)}
.ddbz-footer-v2__brand p{margin:0;line-height:1.75}
.ddbz-footer-v2__brand .custom-logo-link img{max-height:58px;width:auto}
.ddbz-footer-v2__brand-name{font-size:26px;font-weight:900;color:#fff;letter-spacing:-.04em}
.ddbz-footer-v2__links h3,
.ddbz-footer-v2__support h3{margin:0;color:#fff;font-size:20px;letter-spacing:-.03em}
.ddbz-footer-v2__links a{font-weight:700;line-height:1.5}
.ddbz-footer-v2__links a:hover{color:#fff}
.ddbz-footer-v2__support{
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:rgba(255,255,255,.04);
  box-shadow:none;
}
.ddbz-footer-v2__support p{margin:0;line-height:1.7}
.ddbz-footer-v2__pills,
.ddbz-footer-v2__terms{display:flex;flex-wrap:wrap;gap:10px}
.ddbz-foot-pill,
.ddbz-foot-mini-chip{
  display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);font-size:13px;font-weight:800;
}
.ddbz-foot-mini-chip:hover{color:var(--coab-title);background:var(--coab-surface-3)}
.ddbz-copy{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);text-align:center;color:rgba(255,255,255,.72)}
.ddbz-copy a{color:#8fe8ff;font-weight:800}

@media (max-width: 1080px){
  .ddbz-home-hero-v2{grid-template-columns:1fr}
  .ddbz-home-hero-v2 h1{max-width:12ch}
  .ddbz-home-hero-v2__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddbz-footer-v2{grid-template-columns:1fr 1fr}
}
@media (max-width: 920px){
  .ddbz-home-steps-v2__grid,
  .ddbz-home-duo-v2__grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .ddbz-home-hero-v2{padding:22px;border-radius:26px}
  .ddbz-home-hero-v2 h1{font-size:clamp(34px,11vw,52px);max-width:9.5ch}
  .ddbz-home-hero-v2 p{font-size:15px}
  .ddbz-home-hero-v2__cards{grid-template-columns:1fr}
  .ddbz-home-hero-v2__actions .ddbz-cta,
  .ddbz-home-hero-v2__actions .ddbz-btn,
  .ddbz-home-duo-card__actions .ddbz-cta,
  .ddbz-home-duo-card__actions .ddbz-btn{width:100%;justify-content:center}
  .ddbz-home-step-card,
  .ddbz-home-duo-card{padding:20px}
  .ddbz-faq-item summary{font-size:17px}
  .ddbz-footer-v2{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 560px){
  .ddbz-home-shell{gap:22px}
  .ddbz-home-hero-v2 h1{font-size:clamp(30px,11vw,42px)}
  .ddbz-home-hero-v2__notes{gap:8px}
  .ddbz-home-hero-v2__notes span{min-height:34px;padding:0 12px;font-size:12px}
  .ddbz-home-step-card h3{font-size:20px}
  .ddbz-home-duo-card h3{font-size:30px}
  .ddbz-faq-item summary{padding:18px 52px 18px 18px}
  .ddbz-faq-item__body{padding:0 18px 18px}
}

/* =========================================================
   HOME / MOBILE POLISH v19.8
   - richer home colors
   - digital spotlight
   - mobile dock
   - menu universes
   ======================================================= */
.ddbz-home-hero-v2{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}
.ddbz-home-hero-v2::after{
  content:'';
  position:absolute;
  inset:auto -12% -30% auto;
  width:260px;
  height:260px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(79,70,229,.18), rgba(79,70,229,0) 68%);
  pointer-events:none;
}
.ddbz-home-hero-v2{position:relative}
.ddbz-home-action-card{
  min-height:100%;
  box-shadow:0 18px 46px rgba(15,23,42,.08);
}
.ddbz-home-action-card--coab{
  background:
    radial-gradient(circle at top right, rgba(99,102,241,.20), rgba(99,102,241,0) 34%),
    linear-gradient(180deg, rgba(99,102,241,.12), rgba(255,255,255,.98));
}
.ddbz-home-action-card--digital{
  background:
    radial-gradient(circle at top right, rgba(249,115,22,.18), rgba(249,115,22,0) 34%),
    linear-gradient(180deg, rgba(249,115,22,.10), rgba(255,255,255,.98));
}
.ddbz-home-market-actions .ddbz-btn,
.ddbz-home-market-actions .ddbz-cta,
.ddbz-home-duo-card__actions .ddbz-btn,
.ddbz-home-duo-card__actions .ddbz-cta{
  min-width:220px;
}
.ddbz-home-digital-spotlight{gap:18px}
.ddbz-home-digital-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.ddbz-digital-card{
  min-width:0;
}
.ddbz-digital-card__link{
  display:grid;
  overflow:hidden;
  min-height:100%;
  border-radius:24px;
  border:1px solid var(--coab-border);
  background:var(--coab-surface);
  box-shadow:var(--coab-shadow-sm);
}
.ddbz-digital-card__cover{
  display:grid;
  align-content:end;
  gap:10px;
  min-height:180px;
  padding:18px;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.22), rgba(255,255,255,0) 34%),
    linear-gradient(145deg, var(--ddbz-digital-start,#4f46e5), var(--ddbz-digital-end,#7c3aed));
}
.ddbz-digital-card__tag{
  display:inline-flex;
  width:max-content;
  min-height:28px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.ddbz-digital-card__cover h3{
  margin:0;
  max-width:12ch;
  color:#fff;
  font-size:clamp(22px,2vw,30px);
  line-height:1.02;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.ddbz-digital-card__body{
  display:grid;
  gap:14px;
  padding:18px;
}
.ddbz-digital-card__body p{
  margin:0;
  color:var(--coab-text-2);
  line-height:1.65;
}
.ddbz-digital-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.ddbz-digital-card__meta strong{
  color:var(--ddbz-digital-accent,#4f46e5);
  font-size:18px;
  line-height:1.1;
  letter-spacing:-.03em;
}
.ddbz-digital-card__meta span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#081120;
  color:#fff;
  font-size:13px;
  font-weight:800;
}
body.ddbz-dark .ddbz-digital-card__meta span{background:#fff;color:#081120}
.ddbz-mobile-universes{
  display:grid;
  gap:12px;
  margin-bottom:8px;
}
.ddbz-mobile-universe{
  display:grid;
  gap:8px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  box-shadow:0 14px 32px rgba(2,6,23,.18);
}
.ddbz-mobile-universe--coab{
  background:linear-gradient(135deg, #5b5cf0 0%, #3730a3 100%);
}
.ddbz-mobile-universe--digital{
  background:linear-gradient(135deg, #ff8b3d 0%, #ea580c 100%);
}
.ddbz-mobile-universe__eyebrow{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.9;
}
.ddbz-mobile-universe strong{
  font-size:18px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.ddbz-mobile-universe span:last-child{
  color:rgba(255,255,255,.88);
  line-height:1.5;
}
.ddbz-mobile-dock{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:155;
  display:none;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:10px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 44px rgba(2,6,23,.14);
}
body.ddbz-dark .ddbz-mobile-dock{
  border-color:rgba(255,255,255,.08);
  background:rgba(11,18,32,.86);
}
.ddbz-mobile-dock a{
  display:grid;
  place-items:center;
  min-height:52px;
  padding:8px 6px;
  border-radius:18px;
  color:var(--coab-text-2);
  font-size:12px;
  font-weight:800;
}
.ddbz-mobile-dock a.is-active{
  background:linear-gradient(135deg, var(--coab-brand), var(--coab-brand-2));
  color:#fff;
  box-shadow:0 12px 24px rgba(79,70,229,.26);
}
@media (max-width:1080px){
  .ddbz-home-digital-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .ddbz-home-hero-v2__notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  .ddbz-home-hero-v2__notes span{justify-content:center;text-align:center;min-height:56px;line-height:1.3;padding:10px 12px}
  .ddbz-home-digital-grid{grid-template-columns:1fr;gap:14px}
  .ddbz-digital-card__cover{min-height:150px}
  .ddbz-digital-card__cover h3{font-size:26px}
  .ddbz-home-market-actions .ddbz-btn,
  .ddbz-home-market-actions .ddbz-cta{width:100%;min-width:0}
  .ddbz-mobile-dock{display:grid}
  body{padding-bottom:92px}
  .ddbz-theme-fab{display:none!important}
}
@media (max-width:560px){
  .ddbz-home-hero-v2{
    padding:18px;
    border-radius:24px;
  }
  .ddbz-home-hero-v2__notes{grid-template-columns:1fr}
  .ddbz-home-hero-v2__notes span{min-height:40px;padding:0 12px}
  .ddbz-home-action-card,
  .ddbz-home-step-card,
  .ddbz-home-duo-card{border-radius:22px}
  .ddbz-footer{padding-bottom:calc(108px + env(safe-area-inset-bottom))}
}

/* =========================================================
   HOME / FOOTER REFOCUS v19.9
   - less text on top
   - stronger 2-universe cards
   - darker footer
   ======================================================= */
.ddbz-section-head--compact p{display:none}
.ddbz-home-hero-v3{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(240px,.95fr);
  align-items:center;
  gap:18px;
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.75);
  background:
    radial-gradient(600px 220px at 0% 0%, rgba(79,70,229,.16), transparent 52%),
    radial-gradient(440px 220px at 100% 0%, rgba(249,115,22,.16), transparent 48%),
    linear-gradient(180deg, #ffffff, #f9fbff);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}
body.ddbz-dark .ddbz-home-hero-v3{
  border-color:rgba(255,255,255,.08);
  background:
    radial-gradient(600px 220px at 0% 0%, rgba(129,140,248,.18), transparent 52%),
    radial-gradient(440px 220px at 100% 0%, rgba(249,115,22,.14), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.ddbz-home-hero-v3__content{display:grid;gap:16px;align-content:center;position:relative;z-index:2}
.ddbz-home-hero-v3 h1{
  margin:0;
  max-width:10.6ch;
  color:var(--coab-title);
  font-size:clamp(36px,6vw,72px);
  line-height:.94;
  letter-spacing:-.055em;
}
.ddbz-home-hero-v3 p{margin:0;max-width:42ch;color:var(--coab-text-2);font-size:16px;line-height:1.6}
.ddbz-home-hero-v3__actions{display:flex;flex-wrap:wrap;gap:12px}
.ddbz-home-hero-v3__visual{
  position:relative;
  min-height:220px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(145deg, rgba(255,255,255,.56), rgba(255,255,255,.14));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
body.ddbz-dark .ddbz-home-hero-v3__visual{border-color:rgba(255,255,255,.08);background:linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02))}
.ddbz-home-hero-v3__orbs i{position:absolute;border-radius:999px;display:block;filter:blur(.2px)}
.ddbz-home-hero-v3__orbs i:nth-child(1){width:160px;height:160px;left:18px;top:24px;background:radial-gradient(circle, rgba(79,70,229,.52), rgba(79,70,229,0) 68%)}
.ddbz-home-hero-v3__orbs i:nth-child(2){width:180px;height:180px;right:18px;bottom:16px;background:radial-gradient(circle, rgba(249,115,22,.46), rgba(249,115,22,0) 68%)}
.ddbz-home-hero-v3__orbs i:nth-child(3){width:110px;height:110px;right:96px;top:30px;background:radial-gradient(circle, rgba(16,185,129,.34), rgba(16,185,129,0) 70%)}
.ddbz-home-hero-v3__tag{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.01em;
  box-shadow:0 18px 34px rgba(15,23,42,.10);
}
.ddbz-home-hero-v3__tag--coab{left:24px;bottom:26px;background:#0b1220;color:#fff}
.ddbz-home-hero-v3__tag--digital{right:22px;top:26px;background:#fff;color:#0b1220;border:1px solid rgba(15,23,42,.08)}
body.ddbz-dark .ddbz-home-hero-v3__tag--coab{background:#fff;color:#0b1220}
body.ddbz-dark .ddbz-home-hero-v3__tag--digital{background:#0b1220;color:#fff;border-color:rgba(255,255,255,.08)}

.ddbz-home-duo-v2--compact{gap:16px}
.ddbz-home-duo-card{padding:22px;gap:12px}
.ddbz-home-duo-card h3{max-width:8ch}
.ddbz-home-duo-card p{max-width:36ch}
.ddbz-home-duo-card--coab-strong{
  background:
    radial-gradient(circle at top right, rgba(79,70,229,.18), rgba(79,70,229,0) 36%),
    linear-gradient(180deg, rgba(79,70,229,.08), rgba(255,255,255,.98));
}
.ddbz-home-duo-card--digital-strong{
  background:
    radial-gradient(circle at top right, rgba(249,115,22,.18), rgba(249,115,22,0) 36%),
    linear-gradient(180deg, rgba(249,115,22,.08), rgba(255,255,255,.98));
}
body.ddbz-dark .ddbz-home-duo-card--coab-strong,
body.ddbz-dark .ddbz-home-duo-card--digital-strong{background:rgba(255,255,255,.03)}
.ddbz-home-duo-card__actions .ddbz-btn,
.ddbz-home-duo-card__actions .ddbz-cta{min-width:180px}

.ddbz-home-popular .ddbz-section-head p,
.ddbz-home-digital-spotlight .ddbz-section-head p,
.ddbz-home-faq-v2 .ddbz-section-head p{display:none}
.ddbz-home-faq-v2--compact{gap:14px}
.ddbz-faq-accordion{gap:10px}
.ddbz-faq-item summary{font-size:17px;padding:18px 54px 18px 18px}
.ddbz-faq-item__body{padding:0 18px 18px;line-height:1.7}

.ddbz-footer{
  margin-top:var(--coab-space-8);
  padding:40px 0 calc(28px + env(safe-area-inset-bottom));
  border-top:0;
  background:linear-gradient(180deg, #081120, #0b1526);
}
body.ddbz-dark .ddbz-footer{background:linear-gradient(180deg, #070d19, #0a1220)}
.ddbz-footer-v2__brand p,
.ddbz-footer-v2__links a,
.ddbz-footer-v2__support p,
.ddbz-copy{color:rgba(255,255,255,.72)}
.ddbz-footer-v2__brand-name,
.ddbz-footer-v2__links h3,
.ddbz-footer-v2__support h3,
.ddbz-foot-kicker{color:#fff}
.ddbz-foot-kicker{background:rgba(255,255,255,.08)}
.ddbz-footer-v2__support{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.10);
  box-shadow:none;
}
.ddbz-foot-pill,
.ddbz-foot-mini-chip{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  color:rgba(255,255,255,.82);
}
.ddbz-foot-mini-chip:hover{background:rgba(255,255,255,.10);color:#fff}
.ddbz-copy{border-top:1px solid rgba(255,255,255,.10)}
.ddbz-footer-v2__brand .custom-logo-link img{filter:brightness(1.04) contrast(1.02)}

@media (max-width:1080px){
  .ddbz-home-hero-v3{grid-template-columns:1fr}
  .ddbz-home-hero-v3__visual{min-height:180px}
}
@media (max-width:720px){
  .ddbz-home-hero-v3{padding:20px;border-radius:24px}
  .ddbz-home-hero-v3 h1{font-size:clamp(32px,12vw,48px);max-width:10ch}
  .ddbz-home-hero-v3 p{font-size:15px}
  .ddbz-home-hero-v3__actions .ddbz-cta,
  .ddbz-home-hero-v3__actions .ddbz-btn,
  .ddbz-home-duo-card__actions .ddbz-cta,
  .ddbz-home-duo-card__actions .ddbz-btn{width:100%;min-width:0;justify-content:center}
  .ddbz-home-hero-v3__visual{min-height:150px}
  .ddbz-home-hero-v3__tag--coab{left:16px;bottom:16px}
  .ddbz-home-hero-v3__tag--digital{right:16px;top:16px}
}
@media (max-width:560px){
  .ddbz-home-hero-v3{padding:18px}
  .ddbz-home-hero-v3__visual{display:none}
  .ddbz-home-duo-card,
  .ddbz-faq-item{border-radius:20px}
  .ddbz-footer{padding-bottom:calc(108px + env(safe-area-inset-bottom))}
  .ddbz-footer-v2__terms{display:none}
}


/* v20 — home clarity + mobile drawer compact */
.ddbz-home-step-card__num{min-width:58px;justify-content:center}
.ddbz-home-hero-v3 h1{max-width:11ch}
.ddbz-home-duo-card h3{max-width:12ch}
@media (max-width:780px){
  .ddbz-home-hero-v3 h1{max-width:9ch}
  .ddbz-home-step-card{padding:18px;border-radius:20px}
}


/* v20.2 — mobile full-width + richer interactions */
html,body{overflow-x:hidden}
body{-webkit-tap-highlight-color:transparent}
.ddbz-btn,.ddbz-cta,.ddbz-market-card-lite,.ddbz-digital-card,.ddbz-home-step-card,.ddbz-home-duo-card,.ddbz-faq-item,.ddbz-mobile-universe{transform:translateZ(0);will-change:transform}
@media (hover:hover){
  .ddbz-market-card-lite:hover,.ddbz-digital-card:hover,.ddbz-home-step-card:hover,.ddbz-home-duo-card:hover,.ddbz-faq-item:hover{transform:translateY(-3px);box-shadow:var(--coab-shadow-sm)}
}
.ddbz-btn:active,.ddbz-cta:active,.ddbz-market-card-lite:active,.ddbz-digital-card:active,.ddbz-home-step-card:active,.ddbz-home-duo-card:active,.ddbz-mobile-universe:active{transform:scale(.985)}
.ddbz-home-step-card{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.ddbz-home-step-card__num{min-width:92px;padding-inline:14px;font-size:12px;letter-spacing:.03em}
.ddbz-home-hero-v3 p{max-width:52ch}
.ddbz-home-step-card p,.ddbz-faq-item__body{max-width:62ch}
@media (max-width:780px){
  :root{--coab-gutter:10px}
  .ddbz-wrap{width:100%;max-width:none;padding-inline:10px!important}
  .ddbz-container{gap:20px;padding-block:16px 34px}
  .ddbz-section{gap:14px}
  .ddbz-home-hero-v3,.ddbz-home-duo-card,.ddbz-home-step-card,.ddbz-faq-item,.ddbz-digital-card,.ddbz-market-card-lite{border-radius:20px}
  .ddbz-home-hero-v3{padding:18px;min-height:auto}
  .ddbz-home-hero-v3 h1{font-size:clamp(34px,11.5vw,48px);line-height:.94;max-width:9ch}
  .ddbz-home-hero-v3 p{font-size:15px;line-height:1.55;max-width:none}
  .ddbz-home-step-card{padding:18px}
  .ddbz-home-step-card__num{min-width:0;width:max-content;padding:0 14px;font-size:11px}
  .ddbz-home-duo-card h3{font-size:clamp(28px,8.5vw,34px);max-width:10ch}
  .ddbz-home-duo-card p{font-size:15px;line-height:1.55}
  .ddbz-mobile-dock{left:8px;right:8px;bottom:8px;border-radius:22px;padding:8px}
  body{padding-bottom:88px}
}
@media (max-width:560px){
  :root{--coab-gutter:8px}
  .ddbz-wrap{padding-inline:8px!important}
  .ddbz-panel{width:100vw!important;max-width:none!important;border-radius:0!important}
  .ddbz-panel-top{padding:calc(12px + env(safe-area-inset-top)) 12px 10px!important}
  .ddbz-panel-body{padding:10px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}
  .ddbz-panel-search form{grid-template-columns:minmax(0,1fr) 58px!important;gap:8px!important}
  .ddbz-panel-search input{height:52px!important;font-size:16px!important;border-radius:18px!important;padding:0 16px!important}
  .ddbz-panel-search button{height:52px!important;width:58px!important;min-width:58px!important;border-radius:18px!important}
  .ddbz-mobile-universes{gap:10px;margin-bottom:6px}
  .ddbz-mobile-universe{padding:15px!important;gap:5px!important;border-radius:20px!important}
  .ddbz-mobile-universe strong{font-size:17px!important;line-height:1.1!important}
  .ddbz-mobile-universe span:last-child{font-size:12.5px!important;line-height:1.42!important}
  .ddbz-section-head h2{font-size:clamp(26px,8vw,34px)}
  .ddbz-faq-item summary{font-size:16px;padding:17px 50px 17px 17px}
  .ddbz-faq-item__body{padding:0 17px 17px}
}


/* =========================================================
   MEMBER HOME — Premium connected dashboard (SAFE)
   ========================================================= */
.ddbz-member-home{gap:28px}
.ddbz-member-hero{
  display:grid;gap:22px;padding:24px;border:1px solid var(--coab-border);border-radius:26px;
  background:
    radial-gradient(circle at top right, rgba(79,70,229,.10), transparent 34%),
    radial-gradient(circle at bottom left, rgba(124,58,237,.08), transparent 28%),
    var(--coab-surface);
  box-shadow:var(--coab-shadow-sm);
}
.ddbz-member-hero__main{display:grid;gap:18px}
.ddbz-member-hero__identity{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.ddbz-member-hero__identity h1{margin:8px 0 6px;font-size:clamp(30px,4vw,44px);line-height:1.02;letter-spacing:-.04em;color:var(--coab-title)}
.ddbz-member-hero__identity p{margin:0;max-width:760px;color:var(--coab-text-2);font-size:15px;line-height:1.65}
.ddbz-member-hero__avatar{width:68px;height:68px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--coab-brand),var(--coab-brand-2));color:#fff;font-weight:900;font-size:24px;box-shadow:0 14px 28px rgba(79,70,229,.22)}
.ddbz-member-hero__avatar img{width:100%;height:100%;object-fit:cover}
.ddbz-member-hero__actions{display:flex;flex-wrap:wrap;gap:10px}
.ddbz-member-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ddbz-member-stat{display:grid;gap:4px;padding:16px;border-radius:20px;border:1px solid var(--coab-border);background:var(--coab-surface-2)}
.ddbz-member-stat__eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--coab-text-3)}
.ddbz-member-stat strong{font-size:26px;line-height:1;color:var(--coab-title)}
.ddbz-member-stat small{color:var(--coab-text-2);font-size:13px;line-height:1.45}
.ddbz-member-stat--coab{background:linear-gradient(180deg, rgba(79,70,229,.07), rgba(79,70,229,.02)), var(--coab-surface-2)}
.ddbz-member-stat--wallet{background:linear-gradient(180deg, rgba(234,88,12,.08), rgba(234,88,12,.02)), var(--coab-surface-2)}
.ddbz-member-stat--notif{background:linear-gradient(180deg, rgba(29,78,216,.08), rgba(29,78,216,.02)), var(--coab-surface-2)}
.ddbz-member-stat--trust{background:linear-gradient(180deg, rgba(21,128,61,.08), rgba(21,128,61,.02)), var(--coab-surface-2)}
.ddbz-member-savings{display:grid;gap:14px;padding:20px;border-radius:24px;border:1px solid rgba(79,70,229,.16);background:linear-gradient(180deg, rgba(79,70,229,.08), rgba(124,58,237,.05)), var(--coab-surface-2);box-shadow:var(--coab-shadow-xs)}
.ddbz-member-savings h2{margin:0;font-size:clamp(28px,4vw,40px);line-height:1;color:var(--coab-title);letter-spacing:-.04em}
.ddbz-member-savings p{margin:0;color:var(--coab-text-2);line-height:1.6}
.ddbz-member-savings__meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.65);border:1px solid rgba(79,70,229,.14)}
.ddbz-member-savings__meta span{font-size:13px;color:var(--coab-text-3)}
.ddbz-member-savings__meta strong{font-size:15px;color:var(--coab-title)}
.ddbz-member-savings__actions{display:flex;flex-wrap:wrap;gap:10px}
.ddbz-member-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ddbz-member-quick{display:grid;gap:6px;padding:18px;border-radius:22px;border:1px solid var(--coab-border);background:var(--coab-surface);box-shadow:var(--coab-shadow-xs);transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease}
.ddbz-member-quick:hover{transform:translateY(-2px);box-shadow:var(--coab-shadow-sm);border-color:var(--coab-border-strong)}
.ddbz-member-quick strong{font-size:16px;color:var(--coab-title)}
.ddbz-member-quick span{color:var(--coab-text-2);line-height:1.55}
.ddbz-member-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:18px}
.ddbz-member-panel{display:grid;gap:16px;padding:20px;border-radius:24px;border:1px solid var(--coab-border);background:var(--coab-surface);box-shadow:var(--coab-shadow-xs)}
.ddbz-member-panel__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.ddbz-member-panel__head h2{margin:8px 0 0;font-size:20px;line-height:1.15;color:var(--coab-title)}
.ddbz-member-list,.ddbz-member-notes,.ddbz-member-stack,.ddbz-member-actions-list{display:grid;gap:10px}
.ddbz-member-list__item,.ddbz-member-note,.ddbz-member-stack__item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--coab-border);background:var(--coab-surface-2)}
.ddbz-member-list__item strong,.ddbz-member-note strong,.ddbz-member-stack__item strong{display:block;color:var(--coab-title);font-size:15px}
.ddbz-member-list__item span,.ddbz-member-note span,.ddbz-member-stack__item span{display:block;color:var(--coab-text-3);font-size:13px;line-height:1.45}
.ddbz-member-list__meta{display:grid;justify-items:end;gap:6px;text-align:right}
.ddbz-member-list__meta em{font-style:normal;font-size:13px;color:var(--coab-text-2)}
.ddbz-member-note{align-items:flex-start;position:relative}
.ddbz-member-note p{margin:4px 0 0;color:var(--coab-text-2);font-size:14px;line-height:1.55}
.ddbz-member-note.is-unread{border-color:rgba(79,70,229,.28);background:linear-gradient(180deg, rgba(79,70,229,.06), rgba(79,70,229,.02)), var(--coab-surface-2)}
.ddbz-member-note.is-unread::before{content:'';position:absolute;top:18px;right:18px;width:10px;height:10px;border-radius:999px;background:var(--coab-brand)}
.ddbz-member-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ddbz-member-mini-stats > div{display:grid;gap:4px;padding:12px;border-radius:18px;background:var(--coab-surface-2);border:1px solid var(--coab-border)}
.ddbz-member-mini-stats strong{font-size:20px;color:var(--coab-title)}
.ddbz-member-mini-stats span{font-size:12px;color:var(--coab-text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.ddbz-member-actions-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--coab-border);background:var(--coab-surface-2);color:var(--coab-title);font-weight:700}
.ddbz-member-actions-list a span{color:var(--coab-text-3)}
.ddbz-empty--soft{padding:18px;border-radius:20px;background:var(--coab-surface-2);border:1px dashed var(--coab-border-strong)}
.ddbz-tone{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.03em}
.ddbz-tone--success{background:var(--coab-success-soft);color:var(--coab-success)}
.ddbz-tone--warning{background:var(--coab-warning-soft);color:var(--coab-warning)}
.ddbz-tone--muted{background:var(--coab-surface-3);color:var(--coab-text-3)}

@media (min-width:980px){
  .ddbz-member-hero{grid-template-columns:minmax(0,1.6fr) minmax(320px,.84fr);align-items:stretch}
  .ddbz-member-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ddbz-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddbz-member-panel--span2{grid-column:span 2}
}

@media (max-width:979px){
  .ddbz-member-home{gap:22px}
  .ddbz-member-hero{padding:18px;border-radius:22px}
  .ddbz-member-hero__identity{grid-template-columns:56px 1fr;gap:12px}
  .ddbz-member-hero__avatar{width:56px;height:56px;font-size:20px}
  .ddbz-member-hero__identity h1{font-size:30px}
  .ddbz-member-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddbz-member-savings__meta{display:grid;gap:6px;justify-items:start}
  .ddbz-member-quick-grid{grid-template-columns:1fr}
  .ddbz-member-panel,.ddbz-member-list__item,.ddbz-member-note,.ddbz-member-stack__item{border-radius:18px}
  .ddbz-member-list__item,.ddbz-member-stack__item{align-items:flex-start;flex-direction:column}
  .ddbz-member-list__meta{justify-items:start;text-align:left}
  .ddbz-member-mini-stats{grid-template-columns:1fr}
}


/* v3.2 member home resilience */
.ddbz-member-hero{grid-template-columns:1fr!important;align-items:stretch!important}
.ddbz-member-hero__main,.ddbz-member-hero__side{min-width:0}
.ddbz-member-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.ddbz-member-stat strong{font-size:clamp(22px,2.4vw,28px);word-break:break-word}
.ddbz-member-savings h2{font-size:clamp(28px,4vw,40px);word-break:break-word}
@media (min-width:1280px){
 .ddbz-member-hero{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr)!important}
}
@media (max-width:1100px){
 .ddbz-member-stat strong{font-size:24px}
}


/* =========================================================
   Rebuild stable v20.5.0 — header/footer safe
   ======================================================= */
:root{
  --coab-safe-bg:#f6f8fc;
  --coab-safe-surface:#ffffff;
  --coab-safe-text:#0f172a;
  --coab-safe-muted:#64748b;
  --coab-safe-border:rgba(15,23,42,.08);
  --coab-safe-border-strong:rgba(15,23,42,.14);
  --coab-safe-primary:#0f172a;
  --coab-safe-shadow:0 14px 40px rgba(15,23,42,.08);
}
body.ddbz, body.ddbz-light{background:var(--coab-safe-bg);color:var(--coab-safe-text)}
.coab-safe-lock{overflow:hidden}
.coab-safe-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.coab-safe-skip:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 14px;background:#fff;border-radius:12px;z-index:1000}
.coab-safe-wrap{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}
.coab-safe-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--coab-safe-border)}
.admin-bar .coab-safe-header{top:32px}
.coab-safe-topbar{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.coab-safe-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--coab-safe-text);font-weight:800}
.coab-safe-brand img{display:block;max-height:46px;width:auto}
.coab-safe-nav{display:flex;align-items:center;justify-content:center;gap:22px;min-width:0}
.coab-safe-nav a{color:#22324f;text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap}
.coab-safe-nav a[aria-current="page"]{color:var(--coab-safe-text)}
.coab-safe-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.coab-safe-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--coab-safe-primary);color:#fff!important;text-decoration:none;font-weight:800;border:1px solid var(--coab-safe-primary);box-shadow:none}
.coab-safe-btn--ghost{background:#fff;color:var(--coab-safe-text)!important;border-color:var(--coab-safe-border-strong)}
.coab-safe-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;border-radius:14px;border:1px solid var(--coab-safe-border-strong);background:#fff;padding:0}
.coab-safe-burger span{display:block;width:18px;height:2px;background:#0f172a;margin:0 auto;border-radius:99px}
.coab-safe-main{min-height:calc(100vh - 82px)}
.coab-safe-main--checkout{padding-top:20px}
.coab-safe-checkout-header{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid var(--coab-safe-border)}
.admin-bar .coab-safe-checkout-header{top:32px}
.coab-safe-checkout-header__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.coab-safe-checkout-header__inner .coab-safe-brand img{max-height:42px}
.coab-safe-checkout-actions{display:flex;align-items:center;gap:10px}
.coab-safe-checkout-footer{padding:20px 0 28px;color:var(--coab-safe-muted)}
.coab-safe-checkout-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--coab-safe-border);padding-top:16px;font-size:14px}
.coab-safe-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.36);z-index:79}
.coab-safe-panel{position:fixed;top:0;right:0;width:min(92vw,380px);height:100vh;background:#fff;z-index:80;transform:translateX(100%);transition:transform .25s ease;box-shadow:-14px 0 40px rgba(2,6,23,.15);display:flex;flex-direction:column}
.coab-safe-panel.is-open{transform:translateX(0)}
.coab-safe-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid var(--coab-safe-border)}
.coab-safe-panel__close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--coab-safe-border-strong);background:#fff}
.coab-safe-panel__nav{display:grid;gap:8px;padding:16px}
.coab-safe-panel__nav a{text-decoration:none;color:var(--coab-safe-text);font-weight:700;padding:14px 14px;border-radius:16px;background:#fff;border:1px solid var(--coab-safe-border)}
.coab-safe-footer{margin-top:48px;background:#0b1220;color:#e5edf8}
.coab-safe-footer__grid{display:grid;grid-template-columns:minmax(240px,1.25fr) repeat(3,minmax(140px,1fr));gap:24px;padding-top:42px;padding-bottom:26px}
.coab-safe-footer__logo img{max-width:185px;height:auto;display:block;margin-bottom:14px}
.coab-safe-footer__brand p{margin:0;line-height:1.7;color:#c6d3e5;max-width:360px}
.coab-safe-footer h3{margin:0 0 12px;font-size:16px;color:#fff}
.coab-safe-footer a{display:block;text-decoration:none;color:#d5e1f0;margin:0 0 10px}
.coab-safe-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;padding-bottom:24px;border-top:1px solid rgba(255,255,255,.10);font-size:14px;color:#a5b7ce}
.coab-safe-dock{display:none}
body.page main.ddbz-wrap, body.page .ddbz-wrap > .ddbz-container{max-width:1180px}
body.page .ddbz-article{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--coab-safe-border);box-shadow:var(--coab-safe-shadow)}
body.page .ddbz-h1{margin-top:0;font-size:42px;line-height:1.08}
@media (max-width:1100px){
  .coab-safe-nav{gap:16px}
  .coab-safe-nav a{font-size:14px}
}
@media (max-width:920px){
  .coab-safe-topbar{grid-template-columns:auto auto;grid-template-areas:'brand actions' 'nav nav';padding-top:12px;padding-bottom:12px}
  .coab-safe-brand{grid-area:brand}
  .coab-safe-actions{grid-area:actions}
  .coab-safe-nav{grid-area:nav;justify-content:flex-start;overflow:auto hidden;padding-bottom:2px}
}
@media (max-width:782px){
  .admin-bar .coab-safe-header,.admin-bar .coab-safe-checkout-header{top:46px}
}
@media (max-width:700px){
  .coab-safe-nav{display:none}
  .coab-safe-burger{display:flex}
  .coab-safe-btn--hide-mobile{display:none}
  .coab-safe-topbar{grid-template-columns:auto 1fr;min-height:74px}
  .coab-safe-brand img{max-height:40px}
  .coab-safe-footer__grid{grid-template-columns:1fr 1fr;gap:20px}
}
@media (max-width:560px){
  .coab-safe-wrap{padding-left:14px;padding-right:14px}
  .coab-safe-topbar{gap:12px}
  .coab-safe-actions{gap:8px}
  .coab-safe-btn{min-height:40px;padding:0 14px;font-size:14px}
  .coab-safe-checkout-header__inner{min-height:68px}
  .coab-safe-footer__grid{grid-template-columns:1fr}
  .coab-safe-footer__bottom{padding-bottom:86px}
  .coab-safe-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:65;border-radius:22px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid var(--coab-safe-border);box-shadow:0 20px 40px rgba(2,6,23,.14);padding:8px}
  .coab-safe-dock a{display:grid;place-items:center;gap:4px;text-decoration:none;color:var(--coab-safe-text);padding:6px 0;font-size:12px;font-weight:700}
  .coab-safe-dock span{font-size:20px;line-height:1}
  body.page .ddbz-article{padding:18px;border-radius:18px}
  body.page .ddbz-h1{font-size:34px}
}


.coab-safe-footer__credit a,
.coab-safe-member-credit a{
  color:#ffffff;
  font-weight:900;
  text-decoration:none;
}
.coab-safe-footer__credit a:hover,
.coab-safe-member-credit a:hover{
  text-decoration:underline;
}
.coab-safe-member-credit{
  margin:10px auto 14px;
  color:#64748b;
  font-size:13px;
  font-weight:800;
  text-align:center;
}
.coab-safe-member-credit a{
  color:#2455d7;
}
@media (max-width:560px){
  .coab-safe-member-credit{display:none!important}
}

body.home .coabv8-wrap{padding-bottom:18px!important;}
@media (max-width:640px){body.home .coabv8-wrap{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;}}

/* coab-theme-tight-home-bottom-v2056 */
body.home .coabv8-wrap{padding-bottom:18px!important;}
body.home .coabv8-section:last-child{margin-bottom:0!important;}
body.home .coab-safe-member-credit + *{margin-top:0!important;}
@media (max-width:640px){
  body.home .coabv8-wrap{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;}
  body.home .coabv8-cta-grid.is-compact,
  body.home .coabv8-cta-grid--return{margin-bottom:0!important;}
}

/* coab-safe-footer-credit-v2056 */
.coab-safe-footer__credit{
  display:inline-flex;
  align-items:center;
  gap:4px;
  opacity:.88;
}
.coab-safe-footer__credit a{
  color:#ffffff;
  font-weight:950;
  text-decoration:none;
}
@media(max-width:560px){
  .coab-safe-footer__credit{width:100%;justify-content:flex-start}
}


/* v20.5.7 footer agence plus propre */
.coab-safe-footer__credit{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#c6d3e5;
}
.coab-safe-footer__credit a{
  color:#fff!important;
  font-weight:950;
  text-decoration:none!important;
}
.coab-safe-footer__credit a:hover{
  text-decoration:underline!important;
}
@media(max-width:560px){
  .coab-safe-footer__credit{
    padding:0;
    background:transparent;
    width:100%;
    justify-content:flex-start;
  }
  .coab-safe-member-credit{
    display:none!important;
  }
  body.home .coabv8-wrap{
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
}


/* v20.5.9 : retrait des crédits agence du thème et espaces vides mobile */
.coab-safe-footer__credit,
.coab-safe-member-credit{
  display:none!important;
}
body{
  overflow-x:hidden;
}
@media(max-width:640px){
  body.page .ddbz-wrap,
  body.page main.ddbz-wrap,
  body.home .coabv8-wrap{
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
  body.page .ddbz-article,
  body.page .ddbz-wrap > .ddbz-container{
    margin-bottom:0!important;
  }
}


/* v20.6.1 : footer géré par plugin, pas par thème */
.coab-safe-footer__credit,
.coab-safe-member-credit{display:none!important}
html,body{overflow-x:hidden}
@media(max-width:640px){
  body.home .coabv8-wrap,
  body.page main.ddbz-wrap,
  body.page .ddbz-wrap{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
}


/* v20.6.3 : suppression des grands espaces vides mobile */
html,
body{
  min-height:0!important;
  overflow-x:hidden!important;
}
body{
  background:#f3f8fd;
}
main,
#content,
.ddbz-wrap,
.coabv8-wrap,
.coab-safe-wrap,
.ddbz-container,
.ddbz-article{
  max-width:100%;
}
@media(max-width:700px){
  body{min-height:0!important}
  main,
  #content,
  .ddbz-wrap,
  main.ddbz-wrap,
  .coabv8-wrap,
  .ddbz-container,
  .ddbz-article{
    min-height:0!important;
  }
  body.home .coabv8-wrap,
  body:not(.logged-in) .coabv8-wrap,
  body.page .ddbz-wrap,
  body.page main.ddbz-wrap,
  body.single .ddbz-wrap,
  body.archive .ddbz-wrap,
  body.search .ddbz-wrap{
    padding-bottom:12px!important;
  }
  body.home .coabv8-section:last-child,
  body.home .coabv8-seo:last-child,
  body.home .coabv8-testimonials:last-child,
  body.page .ddbz-article:last-child,
  body.page .ddbz-container:last-child{
    margin-bottom:0!important;
  }
  .coab-safe-footer{margin-top:24px!important}
  .coab-safe-footer__grid{
    padding-top:24px!important;
    padding-bottom:14px!important;
  }
  .coab-safe-footer__bottom{
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
  .coab-legal-footer{
    margin:0!important;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;
    min-height:0!important;
    line-height:1.35!important;
  }
  .coab-legal-footer .coab-legal-links{
    margin:0 auto!important;
    padding:0!important;
    line-height:1.35!important;
  }
  .coab-legal-footer .coab-legal-powered{
    margin:6px auto 0!important;
  }
  .coab-legal-trustbar{
    margin-bottom:6px!important;
    gap:6px!important;
  }
  .coab-legal-trustbar span{
    padding:5px 8px!important;
    font-size:11px!important;
  }
}
@media(max-width:560px){
  body.home .coabv8-wrap,
  body:not(.logged-in) .coabv8-wrap,
  body.page .ddbz-wrap,
  body.page main.ddbz-wrap,
  body.single .ddbz-wrap,
  body.archive .ddbz-wrap,
  body.search .ddbz-wrap{
    padding-bottom:8px!important;
  }
  .coab-safe-footer{margin-top:18px!important}
  .coab-safe-footer__grid{
    padding-top:20px!important;
    padding-bottom:10px!important;
    gap:14px!important;
  }
  .coab-safe-footer__bottom{padding-bottom:10px!important}
  .coab-legal-footer{
    padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  }
}


/* v20.6.4 : header blanc premium avec reflet bleuté */
.coab-safe-header{
  background:linear-gradient(180deg,rgba(248,252,255,.98),rgba(255,255,255,.94))!important;
  border-bottom:1px solid rgba(37,99,235,.10)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.045)!important;
  backdrop-filter:saturate(1.08) blur(14px)!important;
}
.coab-safe-topbar{
  min-height:78px!important;
}
.coab-safe-brand{
  border-radius:18px;
}
.coab-safe-nav{
  gap:20px!important;
}
.coab-safe-nav a{
  color:#17233b!important;
  font-weight:850!important;
  letter-spacing:-.01em;
}
.coab-safe-nav a:hover{
  color:#2455d7!important;
}
.coab-safe-btn{
  min-height:46px!important;
  padding:0 18px!important;
  box-shadow:0 10px 22px rgba(15,23,42,.055)!important;
}
.coab-safe-btn--ghost{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(37,99,235,.14)!important;
  color:#07122f!important;
}
.coab-safe-btn--ghost:hover{
  border-color:rgba(37,99,235,.28)!important;
  background:#fff!important;
}
.coab-safe-actions select,
.coab-safe-actions .coab-safe-currency,
.coab-safe-actions [name="currency"],
.coab-safe-actions [name="cur"]{
  background:#fff!important;
  border-color:rgba(37,99,235,.14)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.04)!important;
}
.coab-safe-burger{
  background:#fff!important;
  border-color:rgba(37,99,235,.14)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.045)!important;
}
@media(max-width:920px){
  .coab-safe-header{
    background:rgba(248,252,255,.97)!important;
  }
  .coab-safe-topbar{
    min-height:72px!important;
  }
}
@media(max-width:560px){
  .coab-safe-wrap{padding-left:14px!important;padding-right:14px!important}
  .coab-safe-header{
    border-bottom-color:rgba(37,99,235,.08)!important;
  }
  .coab-safe-topbar{
    min-height:66px!important;
  }
  .coab-safe-brand img{
    max-height:38px!important;
  }
}


/* v20.6.5 : correction forte pages courtes + proposer non connecté */
html, body{
  min-height:auto!important;
  overflow-x:hidden!important;
}
body{
  background:#f4f8fd!important;
}
main.ddbz-wrap,
.ddbz-wrap,
.ddbz-container,
.ddbz-article,
.coabv8-wrap{
  min-height:0!important;
}
body.page main.ddbz-wrap,
body.single main.ddbz-wrap,
body.archive main.ddbz-wrap,
body.search main.ddbz-wrap{
  padding-top:28px!important;
  padding-bottom:20px!important;
}
body.page .ddbz-container,
body.single .ddbz-container,
body.archive .ddbz-container,
body.search .ddbz-container{
  min-height:0!important;
}
body.page .ddbz-article{
  margin-bottom:0!important;
}
body.page .ddbz-content > :last-child,
body.page .ddbz-article > :last-child{
  margin-bottom:0!important;
}

/* Pages courtes : éviter le grand vide avant le footer légal */
@media(max-width:760px){
  body.page main.ddbz-wrap,
  body.single main.ddbz-wrap,
  body.archive main.ddbz-wrap,
  body.search main.ddbz-wrap{
    padding-top:18px!important;
    padding-bottom:6px!important;
    min-height:0!important;
  }
  body.page .ddbz-article{
    padding-bottom:16px!important;
    min-height:0!important;
  }
  body.page .ddbz-content{
    min-height:0!important;
  }
  .coab-legal-footer{
    margin-top:0!important;
    padding-top:8px!important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  }
}

/* Design propre pour les pages/shortcodes demandant connexion */
body.page .ddbz-content .ddbz-empty,
body.page .ddbz-content .ddbz-notice,
body.page .ddbz-content > p:has(a[href*="connexion"]),
body.page .ddbz-content > p:has(a[href*="login"]),
body.page .ddbz-content > div:has(a[href*="connexion"]),
body.page .ddbz-content > div:has(a[href*="login"]){
  width:min(100%,980px);
  margin:0 auto!important;
  padding:28px!important;
  border-radius:28px!important;
  border:1px solid rgba(37,99,235,.10)!important;
  background:
    radial-gradient(circle at 92% 0%, rgba(37,99,235,.09), transparent 34%),
    linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.06)!important;
  color:#0f172a!important;
}

/* Cas spécifique : titre Proposer un co-abonnement + bloc connexion */
body.page .ddbz-article:has(.ddbz-content a[href*="connexion"]) .ddbz-h1,
body.page .ddbz-article:has(.ddbz-content a[href*="login"]) .ddbz-h1{
  font-size:clamp(36px,4vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  margin-bottom:18px!important;
}
body.page .ddbz-content a[href*="connexion"],
body.page .ddbz-content a[href*="login"],
body.page .ddbz-content a[href*="mon-compte"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  background:#07122f!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950!important;
  margin-top:12px!important;
}

/* Si le shortcode renvoie seulement "Connexion requise. Se connecter..." */
body.page .ddbz-content{
  color:#334155;
  font-size:17px;
  line-height:1.6;
}
body.page .ddbz-content strong:first-child{
  color:#0f172a;
  font-size:1.05em;
}

/* Réduction forte des espaces après les cartes de catalogue/coabonnement sur mobile */
@media(max-width:760px){
  .ddbz-coab,
  .ddbz-archive,
  .ddbz-catalog,
  .ddbz-products,
  .ddbz-grid,
  .ddbz-list,
  .coabv8-wrap{
    margin-bottom:0!important;
    padding-bottom:6px!important;
  }
  .ddbz-coab > :last-child,
  .ddbz-archive > :last-child,
  .ddbz-catalog > :last-child,
  .ddbz-products > :last-child,
  .ddbz-grid > :last-child,
  .ddbz-list > :last-child,
  .coabv8-wrap > :last-child{
    margin-bottom:0!important;
  }
}

/* Footer légal plus proche du contenu */
.coab-legal-footer{
  margin-top:0!important;
}
.coab-legal-footer .coab-legal-links{
  margin-bottom:0!important;
}


/* v20.6.5 : pages proposer en carte propre */
.ddbz-article--auth-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.ddbz-article--auth-card .ddbz-article-head{
  margin-bottom:18px!important;
}
.ddbz-article--auth-card .ddbz-h1{
  font-size:clamp(36px,4vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
}
.ddbz-article--auth-card .ddbz-content{
  width:min(100%,980px);
  padding:28px!important;
  border-radius:28px!important;
  border:1px solid rgba(37,99,235,.10)!important;
  background:radial-gradient(circle at 92% 0%, rgba(37,99,235,.09), transparent 34%),linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.06)!important;
}
@media(max-width:760px){
  .ddbz-article--auth-card .ddbz-content{
    padding:20px!important;
    border-radius:22px!important;
  }
}


/* v20.6.6 : proposer pages + footer légal mobile plus propres */
.ddbz-article--auth-card{
  width:min(100%,1180px);
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.ddbz-article--auth-card .ddbz-article-head{
  margin:0 0 18px!important;
}
.ddbz-article--auth-card .ddbz-h1{
  margin:0!important;
  font-size:clamp(42px,5.4vw,76px)!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
}
.ddbz-auth-required-card{
  width:min(100%,1060px)!important;
  margin:0!important;
  padding:30px 34px!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border-radius:30px!important;
  border:1px solid rgba(37,99,235,.11)!important;
  background:
    radial-gradient(circle at 92% 0%, rgba(37,99,235,.10), transparent 34%),
    linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.055)!important;
}
.ddbz-auth-required-card__copy{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-width:0;
}
.ddbz-auth-required-card__icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#eef6ff;
  color:#2455d7;
  font-weight:950;
  font-size:22px;
}
.ddbz-auth-required-card h2{
  margin:0!important;
  color:#0f172a!important;
  font-size:clamp(24px,2.8vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
.ddbz-auth-required-card p{
  margin:8px 0 0!important;
  max-width:650px;
  color:#64748b!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.ddbz-auth-required-card__button{
  flex:0 0 auto;
  min-height:54px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 26px!important;
  border-radius:999px!important;
  background:#07122f!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950!important;
  box-shadow:0 16px 28px rgba(7,18,47,.16)!important;
}

/* Footer légal injecté : plus compact et plus app-like */
@media(max-width:700px){
  body.page main.ddbz-wrap,
  body.single main.ddbz-wrap,
  body.archive main.ddbz-wrap,
  body.search main.ddbz-wrap{
    padding-bottom:0!important;
  }
  .coab-legal-footer{
    margin-top:0!important;
    padding:8px 10px calc(6px + env(safe-area-inset-bottom))!important;
    background:#f6faff!important;
    border-top:1px solid rgba(15,23,42,.05)!important;
    box-shadow:none!important;
  }
  .coab-legal-trustbar{
    display:flex!important;
    gap:6px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    margin:0 0 8px!important;
    padding:0 2px 2px!important;
    scrollbar-width:none!important;
  }
  .coab-legal-trustbar::-webkit-scrollbar{display:none}
  .coab-legal-trustbar span{
    flex:0 0 auto!important;
    padding:6px 9px!important;
    font-size:11px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }
  .coab-legal-footer .coab-legal-links{
    max-width:100%!important;
    margin:0 auto!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid rgba(15,23,42,.06)!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  .coab-legal-footer .coab-legal-powered{
    margin:7px auto 0!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
}
@media(max-width:760px){
  .ddbz-article--auth-card .ddbz-h1{
    font-size:38px!important;
  }
  .ddbz-auth-required-card{
    padding:20px!important;
    border-radius:24px!important;
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
  }
  .ddbz-auth-required-card__copy{
    gap:12px;
  }
  .ddbz-auth-required-card__icon{
    width:42px;
    height:42px;
    flex-basis:42px;
    border-radius:15px;
    font-size:19px;
  }
  .ddbz-auth-required-card h2{
    font-size:25px!important;
  }
  .ddbz-auth-required-card p{
    font-size:14.5px!important;
  }
  .ddbz-auth-required-card__button{
    width:100%;
    min-height:52px;
  }
}


/* v20.6.9 — Proposer CoAbonnement: laisser le shortcode gérer le tunnel type app/Spliiit */
body.ddbz-coab-offer-wizard-page .ddbz-wrap{padding-top:28px!important;padding-bottom:0!important;background:#fff!important;}
body.ddbz-coab-offer-wizard-page .ddbz-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
body.ddbz-coab-offer-wizard-page article.ddbz-article,
body.ddbz-coab-offer-wizard-page .ddbz-article--auth-card{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}
body.ddbz-coab-offer-wizard-page .ddbz-article-head{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
body.ddbz-coab-offer-wizard-page .ddbz-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
body.ddbz-coab-offer-wizard-page .coab-lts-footer,
body.ddbz-coab-offer-wizard-page .coab-legal-footer,
body.ddbz-coab-offer-wizard-page .coab-trust-footer,
body.ddbz-coab-offer-wizard-page .site-footer{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important;}
@media(max-width:760px){body.ddbz-coab-offer-wizard-page .ddbz-wrap{padding-top:0!important;}}

/* v20.7.1 — polish home visiteur + footer public centré + marges mobiles */
body:not(.logged-in) .coab-safe-footer{
  margin-top:40px!important;
  background:radial-gradient(circle at 12% 0%,rgba(45,182,223,.18),transparent 34%),linear-gradient(180deg,#07111f 0%,#08111d 100%)!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
body:not(.logged-in) .coab-safe-footer .coab-safe-wrap{
  max-width:1180px!important;
  width:min(1180px,calc(100% - 40px))!important;
  padding-left:0!important;
  padding-right:0!important;
}
body:not(.logged-in) .coab-safe-footer__grid{
  grid-template-columns:minmax(250px,1.15fr) repeat(3,minmax(150px,.75fr))!important;
  align-items:start!important;
  gap:clamp(22px,4vw,56px)!important;
  padding-top:46px!important;
  padding-bottom:30px!important;
}
body:not(.logged-in) .coab-safe-footer__brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  max-width:330px!important;
}
body:not(.logged-in) .coab-safe-footer__logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0 auto 14px!important;
}
body:not(.logged-in) .coab-safe-footer__logo img{
  display:block!important;
  width:min(210px,100%)!important;
  max-width:210px!important;
  max-height:82px!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
body:not(.logged-in) .coab-safe-footer__brand p{
  max-width:310px!important;
  margin:0 auto!important;
  color:#cdd8e8!important;
  font-size:15px!important;
  line-height:1.7!important;
}
body:not(.logged-in) .coab-safe-footer h3{
  color:#fff!important;
  font-size:15px!important;
  letter-spacing:.01em!important;
}
body:not(.logged-in) .coab-safe-footer a{
  color:#dbe7f6!important;
  font-size:15px!important;
  line-height:1.55!important;
}
body:not(.logged-in) .coab-safe-footer a:hover{color:#55d8ff!important}
body:not(.logged-in) .coab-safe-footer__bottom{
  justify-content:center!important;
  text-align:center!important;
  color:#aebed2!important;
  padding-top:18px!important;
  padding-bottom:24px!important;
}
.coabv8-public-showcase{
  width:100%;
}
.coabv8-public-showcase__head{
  padding:0 2px;
}
.coabv8-public-item{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.coabv8-public-item:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 46px rgba(15,23,42,.12);
  border-color:rgba(45,182,223,.42)!important;
}
@media(max-width:980px){
  body:not(.logged-in) .coab-safe-footer__grid{
    grid-template-columns:1fr 1fr!important;
  }
  body:not(.logged-in) .coab-safe-footer__brand{
    grid-column:1/-1!important;
    justify-self:center!important;
  }
}
@media(max-width:640px){
  body:not(.logged-in) .coab-safe-footer{margin-top:26px!important}
  body:not(.logged-in) .coab-safe-footer .coab-safe-wrap{
    width:calc(100% - 28px)!important;
  }
  body:not(.logged-in) .coab-safe-footer__grid{
    grid-template-columns:1fr!important;
    text-align:center!important;
    gap:24px!important;
    padding-top:34px!important;
    padding-bottom:24px!important;
  }
  body:not(.logged-in) .coab-safe-footer__brand,
  body:not(.logged-in) .coab-safe-footer__grid > div{
    align-items:center!important;
    justify-items:center!important;
    text-align:center!important;
  }
  body:not(.logged-in) .coab-safe-footer a{margin-left:auto!important;margin-right:auto!important}
  body:not(.logged-in) .coab-safe-footer__bottom{font-size:12.5px!important;padding-bottom:88px!important}
  body.home:not(.logged-in) .coabv8-wrap,
  body:not(.logged-in) .coabv8-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.home:not(.logged-in) .coabv8-card,
  body.home:not(.logged-in) .coabv8-hero,
  body.home:not(.logged-in) .coabv8-cta-grid,
  body.home:not(.logged-in) .coabv8-public-showcase,
  body.home:not(.logged-in) .coabv8-testimonials,
  body.home:not(.logged-in) .coabv8-final-cta{
    margin-left:0!important;
    margin-right:0!important;
  }
  .coabv8-public-showcase__grid{
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .coabv8-public-item{flex-basis:84%!important}
}

/* v20.7.2 — home publique : sections dynamiques sans débordement */
body.home:not(.logged-in) .coabv8-home-paths{display:none!important}
body.home:not(.logged-in) .coabv8-public-showcase{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
body.home:not(.logged-in) .coabv8-public-showcase__grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important;max-width:100%!important;overflow:visible!important}
body.home:not(.logged-in) .coabv8-public-item{min-width:0!important;width:100%!important;flex:initial!important}
body.home:not(.logged-in) .coabv8-public-item__media img{object-fit:contain!important;background:#f4f7fb!important}
@media(max-width:640px){
  body.home:not(.logged-in) .coabv8-public-showcase{padding-left:0!important;padding-right:0!important;overflow:visible!important}
  body.home:not(.logged-in) .coabv8-public-showcase__grid{grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important;margin:0!important;padding:0!important}
  body.home:not(.logged-in) .coabv8-public-item{min-height:216px!important;border-radius:22px!important}
  body.home:not(.logged-in) .coabv8-public-item__media{height:110px!important;border-radius:17px!important}
}


/* v20.7.4 — footer public centré + logo lisible, sans toucher aux flows */
body:not(.logged-in) footer.coab-safe-footer{
  margin-top:40px!important;
}
body:not(.logged-in) footer.coab-safe-footer > .coab-safe-wrap{
  width:min(1180px,calc(100vw - 80px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__grid{
  display:grid!important;
  grid-template-columns:minmax(280px,.95fr) repeat(3,minmax(145px,.65fr))!important;
  gap:clamp(34px,5vw,76px)!important;
  align-items:start!important;
}
body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__brand{
  justify-self:start!important;
  align-items:flex-start!important;
  text-align:left!important;
  max-width:340px!important;
}
body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__logo{
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  margin:0 0 16px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.16)!important;
}
body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__logo img{
  width:min(190px,100%)!important;
  max-width:190px!important;
  max-height:62px!important;
  margin:0!important;
  object-fit:contain!important;
}
body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__brand p{
  margin:0!important;
  max-width:340px!important;
  text-align:left!important;
}
@media(max-width:980px){
  body:not(.logged-in) footer.coab-safe-footer > .coab-safe-wrap{
    width:min(720px,calc(100vw - 44px))!important;
  }
  body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__grid{
    grid-template-columns:1fr 1fr!important;
    gap:28px 42px!important;
  }
  body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__brand{
    grid-column:1/-1!important;
    justify-self:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__brand p{
    text-align:center!important;
  }
}
@media(max-width:640px){
  body:not(.logged-in) footer.coab-safe-footer > .coab-safe-wrap{
    width:calc(100vw - 28px)!important;
  }
  body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
    text-align:center!important;
  }
  body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__grid > div,
  body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__brand{
    justify-self:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  body:not(.logged-in) footer.coab-safe-footer .coab-safe-footer__brand p{
    text-align:center!important;
  }
}


/* v20.7.6 — footer logo alignment fallback */
footer.coab-safe-footer > .coab-safe-wrap{width:min(1120px,calc(100vw - 96px))!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;}
footer.coab-safe-footer .coab-safe-footer__grid{justify-content:center!important;gap:clamp(34px,4.8vw,72px)!important;}
footer.coab-safe-footer .coab-safe-footer__logo{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:230px!important;min-height:74px!important;padding:10px 14px!important;margin:0 0 16px 0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important;overflow:hidden!important;}
footer.coab-safe-footer .coab-safe-footer__logo img{display:block!important;width:auto!important;max-width:200px!important;max-height:58px!important;height:auto!important;margin:0!important;object-fit:contain!important;}
@media(max-width:980px){footer.coab-safe-footer > .coab-safe-wrap{width:min(760px,calc(100vw - 44px))!important;}footer.coab-safe-footer .coab-safe-footer__brand{grid-column:1/-1!important;justify-self:center!important;align-items:center!important;text-align:center!important;}footer.coab-safe-footer .coab-safe-footer__brand p{text-align:center!important;}}
@media(max-width:640px){footer.coab-safe-footer > .coab-safe-wrap{width:calc(100vw - 28px)!important;}footer.coab-safe-footer .coab-safe-footer__grid{grid-template-columns:1fr!important;text-align:center!important;}footer.coab-safe-footer .coab-safe-footer__grid > div,footer.coab-safe-footer .coab-safe-footer__brand{justify-self:center!important;align-items:center!important;text-align:center!important;}footer.coab-safe-footer .coab-safe-footer__brand p{text-align:center!important;}footer.coab-safe-footer .coab-safe-footer__logo{margin-left:auto!important;margin-right:auto!important;min-height:66px!important;}}