/* Commission blocks (/devino-partener, /termeni-parteneri) – mobile-first */
.cm-head{margin-bottom:14px}
.cm-cards{display:grid;gap:14px}
.cm-card{position:relative;background:var(--card,#fffafa);border:1px solid #efe0dc;border-radius:22px;padding:20px;box-shadow:var(--shadow)}
.cm-card h3{margin:10px 0 6px;font-family:var(--disp);font-size:1.2rem;color:var(--ink)}
.cm-ic{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;font-size:26px;color:#fff;background:linear-gradient(180deg,#d4673e,#bd4b28);box-shadow:0 8px 18px rgba(189,75,40,.25)}
.cm-card.ol .cm-ic{background:linear-gradient(180deg,#5a5b3c,#444529);box-shadow:0 8px 18px rgba(68,69,41,.25)}
.cm-price{margin:0 0 10px;font-size:1.05rem}.cm-price b{color:var(--or-d,#b2452a);font-size:1.15rem}.cm-card.ol .cm-price b{color:var(--ol)}.cm-price span{color:#6a6a70;margin:0 4px}
.cm-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#e8f2e5;color:#245c2c;font-weight:700;font-size:.9rem}
.cm-txt{margin:10px 0 0;color:var(--mut)}
.cm-ex{margin-top:14px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#fbf3f0,#f6ebe7);border:1px dashed #e4cfc8}
.cm-ex small{display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.72rem;color:#8a7d78;margin-bottom:4px}
.cm-ex div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600}.cm-ex .ico{color:var(--or)}.cm-ex b{color:var(--ink)}
.cm-cards.compact .cm-card{padding:16px}
.cm-grid2{display:grid;gap:14px;margin-top:14px}
.cm-stmt-h{display:flex;gap:14px;align-items:center}.cm-stmt-h h3{margin:0 0 2px}.cm-stmt-h p{margin:0;color:var(--mut)}
.cm-cal{flex:none;width:58px;height:62px;border-radius:14px;background:#fff;border:1px solid #e6d6d1;overflow:hidden;display:grid;grid-template-rows:20px 1fr;text-align:center;box-shadow:0 4px 12px rgba(84,46,40,.1)}
.cm-cal small{background:var(--or);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;line-height:20px}.cm-cal b{font-family:var(--disp);font-size:24px;line-height:40px;color:var(--ink)}
.cm-mock{margin-top:14px;border:1px solid #eadcd7;border-radius:14px;background:#fff;overflow:hidden;font-size:.92rem}
.cm-mock-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;background:#f7efec;font-weight:700;color:#5b504c}
.cm-badges{display:flex;gap:6px}.cm-badges i{font-style:normal;display:inline-flex;gap:4px;align-items:center;font-size:.75rem;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid #e4d4cf;color:var(--ol)}
.cm-mock ul{list-style:none;margin:0;padding:0}.cm-mock li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #f2e7e4}
.cm-mock li small{display:block;color:#7a7076;font-size:.8rem}.cm-mock li b{font-size:.85rem}
.cm-mock-t{display:flex;justify-content:space-between;padding:10px 12px;border-top:2px solid #e6d6d1;font-weight:700}.cm-mock-t b{color:var(--or-d,#b2452a)}
.cm-no{background:linear-gradient(180deg,#fff6f4,#fdecea);border-color:#f3cfc8}
.cm-no h3{display:flex;gap:8px;align-items:center;margin-top:0;color:#8c2f1c}
.cm-no ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.cm-no li{display:flex;gap:10px;align-items:center;font-weight:600;color:#4a2a23}
.cm-x{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fbd9d2;color:#b8341c}
.cm-band{margin-top:18px;display:flex;gap:16px;align-items:center;background:linear-gradient(180deg,#4d4b31,#43432a);color:#fff;border-radius:26px;padding:22px 20px;box-shadow:0 12px 30px rgba(60,61,37,.22)}
.cm-band>.ico{flex:none;font-size:46px;stroke-width:1.3;color:#fff}
.cm-band h3{margin:0 0 4px;font-family:var(--disp);font-size:1.25rem;color:#fff}.cm-band p{margin:0;color:rgba(255,255,255,.88);line-height:1.45}
@media (min-width:760px){
  .cm-cards{grid-template-columns:1fr 1fr}
  .cm-grid2{grid-template-columns:1.2fr 1fr}
  .cm-card{padding:26px}
  .cm-band{padding:24px 34px}
  .cm-band>.ico{font-size:56px}
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .cm-rv{animation:cmIn linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  }
  @keyframes cmIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .cm-card{transition:transform .2s,box-shadow .2s}.cm-card:hover{transform:translateY(-2px)}
}
@media print{.cm-rv{animation:none!important;opacity:1!important;transform:none!important}}
/* "0 € comision pentru" – reassuring tiles */
.cm-zero{background:linear-gradient(180deg,#fbfbf6,#f4f6ee);border:1px solid #e2e6d3}
.cm-zero-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cm-zero-h h3{margin:0;font-size:19px}
.cm-zero-badge{display:inline-grid;place-items:center;min-width:56px;height:34px;padding:0 10px;border-radius:999px;background:#2f7a3a;color:#fff;font-family:var(--disp);font-weight:800;font-size:17px}
.cm-zero-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:1000px){.cm-zero-grid{grid-template-columns:repeat(4,1fr)}}
.cm-zero-grid li{background:#fff;border:1px solid #ebe6df;border-radius:14px;padding:12px;display:grid;gap:4px;align-content:start}
.cm-zero-grid b{font-size:15px;color:var(--ink);line-height:1.25}.cm-zero-grid small{color:#5b5b60;font-size:13.5px;line-height:1.35}
.cm-zero-ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fbeae5;color:#b9472a;font-size:16px;margin-bottom:2px}
.cm-zero-link{display:inline-flex;gap:6px;align-items:center;margin-top:12px;font-size:14px;color:var(--ol);text-decoration:underline;text-underline-offset:3px}