.wb-cl-mock { margin-top: 16px; border: 1px solid var(--wb-border, #2a2d31); border-radius: 12px;
    background: var(--wb-surface-2, #131315); padding: 26px 20px; }
  .wb-cl-pagina { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
  .wb-cl-kop { color: var(--wb-text, #fff); font: 600 var(--wb-fs-body)/1.3 "Inter Tight", sans-serif; }
  .wb-cl-skelet { display: block; width: 72%; height: 8px; border-radius: 999px; background: var(--wb-surface-4, #1c1e20); }
  .wb-cl-knop { position: relative; display: inline-flex; align-items: center; justify-content: center;
    border: 1px dashed var(--wb-border-strong, #5f636c); color: var(--wb-text-nav, #adb0b7);
    font: 600 var(--wb-fs-label)/1 "Inter Tight", sans-serif; padding: 12px 18px; border-radius: 10px; margin-top: 4px; }
  .wb-cl-klik { position: absolute; }
  .wb-cl-caption { color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1.4 "Inter Tight", sans-serif; margin-top: 6px; }
  .wb-cl-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); margin-top: 16px;
    border-top: 1px solid var(--wb-border, #2a2d31); padding-top: 14px; }
  .wb-cl-stat { text-align: center; border-left: 1px solid var(--wb-border, #2a2d31); }
  .wb-cl-stat:first-child { border-left: 0; }
  .wb-cl-stat b { display: block; color: var(--wb-text, #fff); font: 700 var(--wb-fs-body)/1.2 "Inter Tight", sans-serif; }
  .wb-cl-stat > span:last-child { display: block; margin-top: 3px;
    color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1.3 "Inter Tight", sans-serif; }