.sendev-pc{
    font-family: var(--font-secondary);

    --pc-icon-size: 48px;
    --pc-icon-gap: 16px;

    --pc-aspect-ratio: 920/520;
    --pc-before-text: "До";
    --pc-after-text: "После";
    --pc-main-width: 920px;

    --pc-thumb-bg: #fff;
    --pc-divider-color: #fff;
    --pc-divider-width: 2px;
}

/* title/label */
.sendev-pc__title{margin:0 0 24px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;}
.sendev-pc__label{margin:0 0 14px;text-transform:uppercase;letter-spacing:.02em;opacity:.75;}

/* layout */
.sendev-pc__layout{display:flex;gap:24px;align-items:flex-start;}
.sendev-pc__main{flex:1 1 auto;min-width:0;}
.sendev-pc__buttons{flex:0 0 auto;}

/* icon positions (desktop) */
.sendev-pc--icons-top .sendev-pc__layout,
.sendev-pc--icons-bottom .sendev-pc__layout{flex-direction:column;align-items:stretch;}
.sendev-pc--icons-left .sendev-pc__layout,
.sendev-pc--icons-right .sendev-pc__layout{flex-direction:row;align-items:flex-start;}

.sendev-pc--icons-top .sendev-pc__buttons{order:0;}
.sendev-pc--icons-top .sendev-pc__main{order:1;}
.sendev-pc--icons-bottom .sendev-pc__main{order:0;}
.sendev-pc--icons-bottom .sendev-pc__buttons{order:1;}
.sendev-pc--icons-left .sendev-pc__buttons{order:0;}
.sendev-pc--icons-left .sendev-pc__main{order:1;}
.sendev-pc--icons-right .sendev-pc__main{order:0;}
.sendev-pc--icons-right .sendev-pc__buttons{order:1;}

/* buttons base */
.sendev-pc__buttons{display:flex;gap:var(--pc-icon-gap); padding: 4px;}
.sendev-pc--icons-top .sendev-pc__buttons,
.sendev-pc--icons-bottom .sendev-pc__buttons{flex-direction:row;justify-content:center;flex-wrap:wrap;}

/* LEFT/RIGHT: без скроллов */
.sendev-pc--icons-left .sendev-pc__buttons,
.sendev-pc--icons-right .sendev-pc__buttons{
    flex-direction:column;
    align-items:center;
    flex-wrap:nowrap;
    align-self: center;
    overflow: visible;
    max-height: none;
}

.sendev-pc__button{
    appearance:none;border:0;background:none;padding:0;cursor:pointer;
    width:var(--pc-icon-size);height:var(--pc-icon-size);border-radius:999px;position:relative;
}
.sendev-pc__button picture,.sendev-pc__button img{width:100%;height:100%;border-radius:999px;display:block;}
.sendev-pc__button::after{content:"";position:absolute;inset:-6px;border-radius:999px;border:1px solid transparent;pointer-events:none;}
.sendev-pc__button.is-active::after{border-color:var(--color-a3a3a3);}
.sendev-pc__button:focus-visible{outline:2px solid currentColor;outline-offset:4px;}

/* slider */
.sendev-pc__slider{width:min(100%, var(--pc-main-width)); margin:0 auto;}
.sendev-pc__images{
    --pc-position:50;
    --pc-logo:none;
    --pc-thumb:44px;

    --pc-cut: calc(var(--pc-position) * 1% - (var(--pc-position) - 50) * var(--pc-thumb) / 100);

    position:relative;
    aspect-ratio: var(--pc-aspect-ratio);
    border-radius:18px;
    overflow:hidden;
    background:transparent;
}
@media (max-width:768px){ .sendev-pc__images{--pc-thumb:38px;} }

.sendev-pc__image{position:absolute;inset:0;}
.sendev-pc__image img{width:100%;height:100%;display:block;object-fit:cover;user-select:none;-webkit-user-drag:none;}
.sendev-pc__image--before{clip-path: inset(0 calc(100% - var(--pc-cut)) 0 0);}
.sendev-pc__image--after{clip-path: inset(0 0 0 var(--pc-cut));}

/* badges */
.sendev-pc__image::before{
    position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;
    background:rgba(0,0,0,.55);color:#fff;font-weight:600;font-size:14px;line-height:1.2;content:"";z-index:2;
}
.sendev-pc__image--before::before{content:var(--pc-before-text);}
.sendev-pc__image--after::before{content:var(--pc-after-text);left:auto;right:12px;}
.sendev-pc--no-badges .sendev-pc__image::before{content:none;}

/* overlay mode */
.sendev-pc__slider--overlay{position:relative;}
.sendev-pc__slider--overlay .sendev-pc__images::after{
    content:"";position:absolute;inset-block:0;width:var(--pc-divider-width);left:var(--pc-cut);transform:translateX(-50%);
    background:var(--pc-divider-color);z-index:3;pointer-events:none;
}
.sendev-pc__slider--overlay .sendev-pc__images::before{
    content:"";position:absolute;top:50%;left:var(--pc-cut);width:var(--pc-thumb);height:var(--pc-thumb);
    transform:translate(-50%,-50%);border-radius:999px;
    background-color:var(--pc-thumb-bg);
    background-image:var(--pc-logo);
    background-repeat:no-repeat;background-position:center;background-size:70% 70%;
    z-index:4;pointer-events:none;
    box-shadow:0 10px 30px rgba(0,0,0,.30),0 0 0 6px rgba(0,0,0,.16);
}
.sendev-pc__slider--overlay .sendev-pc__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:10;}

/* bar mode */
.sendev-pc__slider--bar{display:flex;flex-direction:column;gap:12px;}
.sendev-pc__slider--bar .sendev-pc__range{width:100%;margin:0;cursor:ew-resize;}

/* MOBILE FORCE BOTTOM */
.sendev-pc.sendev-pc--mobile-bottom .sendev-pc__layout{flex-direction:column;align-items:stretch;}
.sendev-pc.sendev-pc--mobile-bottom .sendev-pc__main{order:0;}
.sendev-pc.sendev-pc--mobile-bottom .sendev-pc__buttons{
    order:1;
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
    align-self: stretch;
}