.sbcm{position:relative;overflow:hidden;background:#e8e6df;border-radius:14px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;isolation:isolate}
.sbcm.sbcm-drag{cursor:grabbing}
.sbcm .sbcm-tiles,.sbcm .sbcm-marks{position:absolute;inset:0;overflow:hidden}
.sbcm .sbcm-t{position:absolute;left:0;top:0;width:256px;height:256px;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;will-change:transform;pointer-events:none}
.sbcm .sbcm-marks{pointer-events:none}
.sbcm .sbcm-m{position:absolute;left:-14px;top:-37px;width:28px;height:38px;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;cursor:pointer;pointer-events:auto;line-height:0;will-change:transform}
.sbcm .sbcm-m svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transition:transform .15s}
.sbcm .sbcm-m:hover svg,.sbcm .sbcm-m:focus-visible svg{transform:scale(1.15)}
.sbcm .sbcm-ctl{position:absolute;right:10px;top:10px;display:grid;gap:6px;z-index:5}
.sbcm .sbcm-ctl button{width:38px;height:38px;border-radius:50%!important;border:0!important;background:#31363e!important;color:#fff!important;font-size:22px;line-height:1;padding:0!important;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25)!important}
.sbcm .sbcm-ctl button:hover{background:#4b5260!important}
.sbcm .sbcm-att{position:absolute;right:0;bottom:0;background:rgba(255,255,255,.85);font:11px/1.6 sans-serif;padding:0 6px;border-top-left-radius:6px;z-index:5}
.sbcm .sbcm-att a{color:#333}
.sbcm .sbcm-hint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);background:rgba(49,54,62,.9);color:#fff;font:13px/1.3 sans-serif;padding:8px 14px;border-radius:20px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:6;white-space:nowrap;max-width:92%}
.sbcm.sbcm-th .sbcm-hint{opacity:1}
.sbcm.sbcm-wh .sbcm-hint{opacity:1}
.sbcm.sbcm-wh .sbcm-hint::after{content:''}
.sbcm .sbcm-pop{position:absolute;left:0;top:0;z-index:7;width:280px;margin-left:-140px;transform-origin:0 0;background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.28);cursor:default;color:#31363e;text-align:left}
.sbcm .sbcm-pop::after{content:'';position:absolute;left:calc(50% + var(--ax,0px));bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:#fff}
.sbcm .sbcm-pop[hidden]{display:none}
.sbcm .sbcm-x{position:absolute;right:6px;top:6px;width:30px;height:30px;border-radius:50%!important;border:0!important;background:rgba(49,54,62,.85)!important;color:#fff!important;font-size:20px;line-height:1;padding:0!important;cursor:pointer;z-index:2}
.sbco-ph{position:relative;background:#ddd;border-radius:14px 14px 0 0;overflow:hidden;line-height:0}
.sbco-ph img{width:100%;height:var(--ph,170px);object-fit:cover;display:block;max-width:none!important;border:0!important;border-radius:0!important}
.sbco-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%!important;border:0!important;background:rgba(49,54,62,.8)!important;color:#fff!important;font-size:22px;line-height:1;padding:0!important;cursor:pointer}
.sbco-prev{left:8px}.sbco-next{right:8px}
.sbco-cnt{position:absolute;left:8px;bottom:8px;background:rgba(49,54,62,.8);color:#fff;font:12px/1 sans-serif;padding:4px 8px;border-radius:10px}
.sbco-cnt:empty{display:none}
.sbco-pb{padding:12px 14px 14px}
.sbco-pt{font-weight:700;font-size:16px;line-height:1.3;margin-bottom:4px}
.sbco-pm{font-size:13px;color:#6b7280;margin-bottom:6px}
.sbco-pd{font-size:14px;line-height:1.45;margin-bottom:8px;max-height:96px;overflow:auto}
.sbco-pl{display:inline-block;background:#31363e;color:#fff!important;text-decoration:none!important;border-radius:30px;padding:8px 20px;font-size:14px}
.sbc-objects{margin:20px 0}
.sbc-ofilters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.sbc-ofilters button{border:1px solid #c5ccd5!important;background:#fff!important;color:#31363e!important;border-radius:30px!important;padding:7px 16px!important;font-size:14px;cursor:pointer;box-shadow:none!important}
.sbc-ofilters button.on{background:#31363e!important;color:#fff!important;border-color:#31363e!important}
.sbco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:18px}
.sbco-card{display:flex;flex-direction:column;text-align:left;border:1px solid #e3e6ea!important;background:#fff!important;border-radius:14px!important;padding:0!important;overflow:hidden;cursor:pointer;color:#31363e!important;box-shadow:none!important;font:inherit}
.sbco-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)!important}
.sbco-card img{width:100%;height:140px;object-fit:cover;display:block;max-width:none!important;border:0!important;border-radius:0!important}
.sbco-ct{padding:10px 12px 12px;display:grid;gap:3px}
.sbco-ct b{font-size:15px;line-height:1.3}
.sbco-ct span{font-size:13px;color:#6b7280}
.sbco-more{display:block;margin:18px auto 0;background:#31363e!important;color:#fff!important;border:0!important;border-radius:30px!important;padding:10px 26px!important;font-size:16px;cursor:pointer}
.sbco-empty{text-align:center;color:#6b7280}
@media(max-width:600px){.sbcm .sbcm-pop{width:250px;margin-left:-125px;--ph:140px}}
/* админка */
.sbc-oa .sbc-oform{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px 20px;max-width:760px;margin:12px 0 24px;display:grid;gap:12px}
.sbc-oa .sbc-oform label{display:grid;gap:4px;font-weight:600}
.sbc-oa .sbc-oform input[type=text],.sbc-oa .sbc-oform input[type=url],.sbc-oa .sbc-oform input[type=month],.sbc-oa .sbc-oform textarea{width:100%;max-width:none;box-sizing:border-box}
.sbc-oa .sbc-orow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sbc-oa .sbc-orow2{grid-template-columns:1fr auto;align-items:end}
.sbc-oa .sbc-orow2:has(label){grid-template-columns:1fr 1fr}
.sbc-oa .sbc-ochk{display:flex!important;gap:8px;font-weight:400!important;align-items:flex-start}
.sbc-oa .sbc-oth{position:relative;display:inline-block;margin:6px 8px 6px 0}
.sbc-oa .sbc-oth img{width:76px;height:76px;object-fit:cover;border-radius:8px;display:block}
.sbc-oa .sbc-oth button{position:absolute;right:-6px;top:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#31363e;color:#fff;cursor:pointer;line-height:1;padding:0}
.sbc-oa .sbc-omsg{font-size:13px;color:#2a6;min-height:18px}
.sbc-oa .sbc-omsg.bad{color:#b32d2e}
.sbc-oa .sbc-otable td{vertical-align:middle}
@media(max-width:700px){.sbc-oa .sbc-orow{grid-template-columns:1fr}}

.sbc-oa .sbc-oimp{background:#fff8e1;border:1px solid #f0d98a;border-radius:10px;padding:12px 16px;margin:10px 0;max-width:760px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}

.sbcm .sbcm-title{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:5;max-width:calc(100% - 120px);background:rgba(255,255,255,.92);color:#31363e;font-family:inherit;font-size:14px;font-weight:500;line-height:1.3;text-align:center;padding:7px 18px;border-radius:30px;box-shadow:0 1px 5px rgba(0,0,0,.18);pointer-events:none}
@media(max-width:600px){.sbcm .sbcm-title{font-size:13px;padding:6px 14px}}

.sbcm .sbcm-pop.below::after{bottom:auto;top:-8px;border-top:0;border-bottom:8px solid #fff;border-top-color:transparent}
.sbcm .sbcm-pop>.sbco-pop{border-radius:14px}

.sbcm .sbcm-pop{--ph:170px}
@media(max-width:600px){.sbcm .sbcm-pop{--ph:140px}}
.sbcm .sbcm-pop.rt::after,.sbcm .sbcm-pop.lf::after{bottom:auto;margin:0;top:calc(var(--ay,40px) - 8px);border:8px solid transparent}
.sbcm .sbcm-pop.rt::after{left:-8px;right:auto;border-left:0;border-right-color:#fff}
.sbcm .sbcm-pop.lf::after{left:auto;right:-8px;border-right:0;border-left-color:#fff}
.sbco-ph{aspect-ratio:auto}

.sbcm .sbcm-pop.compact .sbco-pd{display:none}
.sbco-pt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.sbcm .sbcm-pop .sbco-pb{padding:10px 14px 12px}
.sbcm .sbcm-pop.compact .sbco-pt{-webkit-line-clamp:2;font-size:15px}
.sbcm .sbcm-pop.compact .sbco-pb{padding:8px 12px 10px}
.sbcm .sbcm-pop.compact .sbco-pl{padding:6px 18px}
.sbcm .sbcm-pop.compact .sbco-pm{margin-bottom:6px}