.srslider-editor-toolbar {
    margin-bottom: 16px;
}
.srslider-admin-grid {
    display: grid;
    grid-template-columns: repeat( 4, 1fr );
    gap: 16px;
}
@media ( max-width: 900px ) {
    .srslider-admin-grid {
        grid-template-columns: repeat( 2, 1fr );
    }
}
.srslider-admin-item {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    background: #fff;
}
.srslider-admin-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 8px;
    background: #111;
}
.srslider-admin-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.srslider-admin-actions {
    display: flex;
    gap: 6px;
    margin-top: 6px;
}
/* ============================
   Frontend slider
   ============================ */
.srslider-wrapper {
    position: relative;
    width: 100%;
}
.srslider {
    position: relative;
    overflow: hidden;
}
.srslider-track {
    display: flex;
    gap: 20px;
    transition: transform 0.5s cubic-bezier( 0.25, 0.8, 0.25, 1 );
    will-change: transform;
}

.srslider-slide {
    flex: 0 0 calc( 50% - 10px );
    min-width: 0;
}

@media ( max-width: 782px ) {
    .srslider-slide {
        flex: 0 0 88%;
    }
}
.srslider-image-shell {
    position: relative;
/*    aspect-ratio: 1 / 1;*/
    border-radius: 0px;
    overflow: hidden;
    background: #000;
}
.srslider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.srslider-inset-shadow {
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 100px 1100px 70px rgba( 0, 0, 0, 0.95 ), inset 0 0 60px 0 rgba( 0, 0, 0, 0.95 );
}
.srslider-heading {
    position: absolute;
    top: 28px;
    left: 28px;
    right: 28px;
    margin: 0;
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.15;
    z-index: 2;
    text-shadow: 0 2px 12px rgba( 0, 0, 0, 0.4 );
    font-family: 'dm_sansmedium';
    padding: 0px 60px;
    letter-spacing: -3px;
}
.srslider-nav {
    position: absolute;
    top: 50%;
    transform: translateY( -50% );
    width: 48px;
    height: calc(100% - 4px);
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    box-shadow: 0 4px 16px rgba( 0, 0, 0, 0.25 );
    transition: transform 0.2s ease, background 0.2s ease;
    border-radius: 0;
    padding: 0;
    border: 0px;
}
.srslider-nav:hover {
    background: #E8176A !important;
/*    transform: translateY( -50% ) scale( 1.06 );*/
}
.srslider-nav svg {
    width: 40px;
    height: 40px;
}
.srslider-prev {
    left: 0px;
}
.srslider-next {
    right: 0px;
}