.lia-echo-widget {
    --le-primary: var(--primary-color, var(--lia-green-300, #9cbe9c));
    --le-heading-font: var(--secondary-font, Marcellus, serif);
    --le-body-font: var(--primary-font, 'Nunito Sans', sans-serif);
    --le-heading-color: var(--heading-color, #262525);
    max-width: 720px; margin: 0 auto; text-align: center; font-family: var(--le-body-font);
}
.lia-echo-widget-slides {
    position: relative; background: #fff; border-radius: 8px;
    border: 1px solid #eee; box-shadow: 0 10px 30px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.06);
    padding: 36px 40px;
}
.lia-echo-widget-slide {
    position: absolute; top: 36px; left: 40px; width: calc(100% - 80px);
    opacity: 0; visibility: hidden; transition: opacity .6s ease;
}
.lia-echo-widget-slide.is-active { position: relative; top: 0; left: 0; width: 100%; opacity: 1; visibility: visible; }
.lia-echo-widget-content {
    font-family: var(--le-heading-font); color: var(--le-heading-color);
    font-size: 1.1em; line-height: 1.6; margin: 0 0 10px;
}
.lia-echo-widget-author { color: #999; font-size: 0.9em; margin: 0; }
.lia-echo-widget-dots { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
.lia-echo-widget-dot {
    width: 10px; height: 10px; border-radius: 50%; border: none; padding: 0;
    background: color-mix(in srgb, var(--lia-green-300, #9cbe9c) 30%, transparent); cursor: pointer;
}
.lia-echo-widget-dot.is-active { background: var(--le-primary); }
.lia-echo-widget-link { margin-top: 14px; }
.lia-echo-widget-link a {
    display: inline-block; background: var(--le-primary); color: #fff; border: 1px solid var(--le-primary);
    border-radius: 40px; padding: 12px 28px; font-weight: 700; letter-spacing: 1px;
    text-transform: uppercase; font-size: 0.8em; text-decoration: none; transition: all .35s ease;
}
.lia-echo-widget-link a:hover { background: #fff; color: var(--le-primary); }