.ect-cmsl{margin:24px 0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e5d9e8;box-shadow:0 8px 24px rgba(63,40,68,.08)}
.ect-cmsl__hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px;background:linear-gradient(135deg,#694075,#9862a6 58%,#c29acc);color:#fff}
.ect-cmsl__eyebrow{font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;opacity:.82;margin-bottom:5px}
.ect-cmsl h3{margin:0 0 6px;color:#fff;font-size:28px;line-height:1.1}.ect-cmsl__hero p{margin:0;color:#fff;opacity:.95}
.ect-cmsl__info{flex:0 0 auto;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}
.ect-cmsl__body{padding:20px 22px 22px}.ect-cmsl__tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ect-cmsl__tier{position:relative;text-align:center;border:1px solid #e6dce8;border-radius:13px;padding:13px 8px;background:#fff}.ect-cmsl__tier strong{display:block;font-size:20px;color:#4e2d56}.ect-cmsl__tier span{font-size:12px;color:#756c77}
.ect-cmsl__tier.is-active{background:#f6edf8;border-color:#9a68a6;box-shadow:inset 0 0 0 1px #9a68a6}.ect-cmsl__tier.is-active:after{content:'✓';position:absolute;right:-6px;top:-7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#684074;color:#fff;font-size:12px;font-weight:900}
.ect-cmsl__progress{height:11px;background:#efe8f1;border-radius:999px;overflow:hidden;margin:14px 0}.ect-cmsl__progress span{display:block;height:100%;background:linear-gradient(90deg,#694075,#b57cc1);border-radius:999px}
.ect-cmsl__message{padding:16px;border-radius:13px;background:#f1e5f4;border:1px solid #dec9e3;color:#4e2d56;font-size:17px;font-weight:900;line-height:1.35}.ect-cmsl__fine{font-size:12px;color:#766f78;margin:9px 2px 0}
.ect-cmsl-mini{margin:14px 0;padding:12px 14px;border-radius:11px;background:#f7eff9;border:1px solid #dec9e3;font-size:13px}
.ect-cmsl-modal[hidden]{display:none!important}.ect-cmsl-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(31,23,33,.58)}
.ect-cmsl-modal__card{position:relative;width:min(520px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.26)}.ect-cmsl-modal__card h4{margin:0 40px 8px 0;font-size:23px;color:#4e2d56}.ect-cmsl-modal__card p{margin:0 0 14px}.ect-cmsl-modal__close{position:absolute;right:14px;top:14px;border:0;background:#f3edf4;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}.ect-cmsl-modal__tiers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.ect-cmsl-modal__tiers div{border:1px solid #e5d9e8;background:#faf6fb;border-radius:12px;padding:12px}.ect-cmsl-modal__tiers strong{display:block;color:#4e2d56;font-size:18px}.ect-cmsl-modal__tiers span{font-size:13px;color:#756c77}
@media(max-width:700px){.ect-cmsl__hero{padding:18px;flex-direction:column}.ect-cmsl h3{font-size:24px}.ect-cmsl__body{padding:16px}.ect-cmsl__tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.ect-cmsl-modal__tiers{grid-template-columns:1fr}.ect-cmsl__info{align-self:flex-start}}


/* Product-page promo: rich on desktop, intentionally compact on mobile. */
.ect-cmsl-product-wrap{margin:14px 0 8px}
.ect-cmsl-product{padding:16px;border:1px solid #d7bfdc;border-radius:15px;background:linear-gradient(135deg,#fce8f2 0%,#f2e8fa 48%,#e8f5f2 100%);box-shadow:0 4px 16px rgba(63,40,68,.06)}
.ect-cmsl-product__top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.ect-cmsl-product__eyebrow{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;opacity:.72;margin-bottom:3px}
.ect-cmsl-product__title{font-size:20px;line-height:1.15;font-weight:900;color:#57315f;margin:0 0 4px}
.ect-cmsl-product__intro{margin:0;color:#504552;font-size:14px;line-height:1.35}
.ect-cmsl-product__info{flex:0 0 auto;border:1px solid #cdaed6;background:#fff;color:#673a70;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}
.ect-cmsl-product__tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 10px}
.ect-cmsl-product__tiers span{display:block;text-align:center;border:1px solid #dcc8e2;background:rgba(255,255,255,.9);border-radius:12px;padding:10px 8px}
.ect-cmsl-product__tiers strong{display:block;color:#673a70;font-size:16px;line-height:1.15}
.ect-cmsl-product__tiers em{display:block;font-style:normal;font-size:12px;color:#625866;margin-top:3px}
.ect-cmsl-product__fine{font-size:12px;color:#625866;margin:0}

.ect-cmsl-mobile{display:none}

@media(max-width:767px){
  .ect-cmsl-product-wrap{margin:0}
  .ect-cmsl-product--desktop{display:none!important}
  .ect-cmsl-mobile{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 6px;padding:11px 12px;border:1px solid #dcc8e2;border-radius:12px;background:linear-gradient(135deg,#fcecf3 0%,#f2eafb 55%,#e9f5f2 100%);box-shadow:none}
  .ect-cmsl-mobile__copy{min-width:0;display:flex;flex-direction:column;gap:2px}
  .ect-cmsl-mobile__copy strong{font-size:13px;line-height:1.2;color:#57315f}
  .ect-cmsl-mobile__copy span{font-size:11px;line-height:1.3;color:#5e5562;white-space:normal}
  .ect-cmsl-mobile__copy .ect-cmsl-mobile__tagline{font-size:11px;font-weight:700;color:#4f4652}
  .ect-cmsl-mobile__info{flex:0 0 auto;border:0;background:transparent;color:#673a70;padding:7px 4px;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
}