.refre-hero { position:relative; width:100%; overflow:hidden; background:#e5dfff; }
.refre-hero .refre-hero-slide[hidden], .refre-hero .refre-hero-controls[hidden] { display:none!important; }
.refre-hero .refre-hero-slide img { display:block; width:100%; height:auto; margin:0; }
.refre-hero .refre-hero-slide a { display:block; }
.refre-hero button { cursor:pointer; border:0; }
.refre-hero button:focus-visible { outline:3px solid #542980; outline-offset:2px; }
.refre-hero-controls { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; align-items:center; max-width:calc(100% - 24px); padding:2px 6px; border-radius:28px; background:rgba(255,255,255,.9); }
.refre-hero-prev,.refre-hero-next { flex-shrink:0; width:36px; height:36px; border-radius:50%; background:transparent; color:#7545ad; font-size:20px; line-height:1; }
.refre-hero-dots { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:2px; }
.refre-hero-dots [data-slide] { width:28px; height:28px; padding:8px; background:transparent; }
.refre-hero-dots [data-slide]::after { content:''; display:block; width:12px; height:12px; border-radius:50%; background:#c0addc; }
.refre-hero-dots [aria-current="true"]::after { background:#7545ad; }
.refre-hero-slide { animation:refre-hero-appear .45s ease-out; }
@keyframes refre-hero-appear { from { opacity:.3; } to { opacity:1; } }
@media(max-width:576px) { .refre-hero-controls { bottom:4px; padding:0 4px; }.refre-hero-prev,.refre-hero-next { width:30px; height:30px; font-size:16px; }.refre-hero-dots { gap:0; }.refre-hero-dots [data-slide] { width:24px; height:24px; padding:7px; }.refre-hero-dots [data-slide]::after { width:10px; height:10px; } }
@media(prefers-reduced-motion:reduce) { .refre-hero-slide { animation:none; } }