.daires26-slider {
    margin-top: 30px;
}

.daires26-slider-window {
    overflow: hidden;
    padding: 8px 0 30px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}

.daires26-slider .daires26-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    width: max-content;
    margin: 0 !important;
    animation: daires26-scroll var(--daires26-duration, 60s) linear infinite;
    will-change: transform;
}

.daires26-slider .daires26-grid > div {
    flex: 0 0 auto;
    width: clamp(280px, 28vw, 350px);
    max-width: none;
    margin: 0;
    padding: 0;
}

.daires26-slider .daires26-card {
    border: 2px solid #b38aff;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgb(65 35 110 / 8%);
}

.daires26-slider-window:hover .daires26-grid,
.daires26-slider-window:focus-within .daires26-grid,
.daires26-slider.is-paused .daires26-grid {
    animation-play-state: paused;
}

.daires26-slider-toggle {
    display: none;
    margin: 0 auto;
    padding: 7px 16px;
    border: 1px solid #b38aff;
    border-radius: 999px;
    background: #fff;
    color: #60349b;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.daires26-slider-toggle:focus-visible {
    outline: 2px solid #60349b;
    outline-offset: 3px;
}

@keyframes daires26-scroll {
    to { transform: translateX(var(--daires26-offset)); }
}

@media (max-width: 767.98px) {
    .daires26-slider-toggle { display: block; }
}

@media (prefers-reduced-motion: reduce) {
    .daires26-slider-window { overflow-x: auto; }
    .daires26-slider .daires26-grid { animation: none; will-change: auto; }
    .daires26-slider [data-slider-clone],
    .daires26-slider-toggle { display: none; }
}