/* GP-PLSL (23.10.2026): две плашки на фото товара → одна плашка с листами (js/gp-plsl.js).
   Фон и тень — как у плашки подбора (css/gp-gank.css), сами плашки внутри теряют свой фон. */
html body .gpc .gal__stage .gpsl{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;overflow:hidden;
  background:rgba(35,43,70,.94);border-radius:12px;box-shadow:0 8px 24px rgba(20,26,45,.22);color:#fff}
html body .gpc .gal__stage .gpsl[hidden]{display:none}
html body .gpsl__track{display:flex;transition:transform .32s cubic-bezier(.2,0,0,1)}
html body .gpsl__s{flex:0 0 100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
html body .gpsl__s:not(.is-cur){visibility:hidden;transition:visibility 0s .32s}

/* плашки внутри листа: без своего положения, фона и тени */
html body .gpc .gal__stage .gpsl .gpgk__bar,
html body .gpc .gal__stage .gpsl .gpkv__bar,
html body .gpc .gal__stage .gpsl .gpo-ov{position:static;left:auto;right:auto;bottom:auto!important;z-index:auto;
  background:none;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
html body .gpc .gal__stage .gpsl .gpgk__bar,
html body .gpc .gal__stage .gpsl .gpkv__bar{padding:10px 10px 4px 14px}
html body .gpc .gal__stage .gpsl .gpo-ov{padding:10px 12px 4px 14px}
/* у листа «Где применяют» сворачивание своё не нужно: сворачивает крестик плашки подбора */
html body .gpsl .gpo-ov__x{display:none}
html body .gpsl .gpo-ov.is-min .gpo-ov__b{display:block}
html body .gpsl .gpo-ov.is-min .gpo-ov__h{margin:0 0 8px}

/* навигация: стрелки по краям, точки по центру */
html body .gpsl__nav{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px 6px}
html body .gpc .gal__stage .gpsl .gpsl__arr{width:28px;height:28px;min-width:0;border:0;border-radius:8px;background:transparent;
  box-shadow:none;display:grid;place-items:center;padding:0;cursor:pointer;color:#aeb8d3}
html body .gpc .gal__stage .gpsl .gpsl__arr:hover{background:rgba(255,255,255,.1);color:#fff}
html body .gpsl__arr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .gpsl__dots{display:flex;gap:2px}
/* кнопка-точка 24×24 ради попадания пальцем, видимая точка — псевдоэлемент */
html body .gpc .gal__stage .gpsl .gpsl__dot{width:24px;height:24px;min-width:0;border:0;background:transparent;box-shadow:none;padding:0;cursor:pointer;display:grid;place-items:center}
html body .gpsl__dot:before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .25s}
html body .gpsl__dot[aria-current=true]:before{width:18px;border-radius:4px;background:#ff6635}
html body .gpsl__dot:hover:before{background:rgba(255,255,255,.7)}
html body .gpsl__dot[aria-current=true]:hover:before{background:#ff6635}
html body .gpsl__arr:focus-visible,html body .gpsl__dot:focus-visible{outline:2px solid #a9c1ff;outline-offset:-2px}

/* точки галереи — над плашкой (высоту считает скрипт) */
html body .gpc .gal__stage.gpsl-on .gal__dots{bottom:var(--gpsl-lift,12px)!important}

@media(max-width:960px){
  html body .gpc .gal__stage .gpsl{left:8px;right:8px;bottom:8px}
  html body .gpc .gal__stage .gpsl .gpgk__bar,
  html body .gpc .gal__stage .gpsl .gpkv__bar{padding:8px 8px 2px 12px}
  html body .gpc .gal__stage .gpsl .gpo-ov{padding:8px 10px 2px 12px}
  html body .gpsl__nav{padding:0 4px 4px}
}
@media(prefers-reduced-motion:reduce){
  html body .gpsl__track,html body .gpsl__dot:before{transition:none}
  html body .gpsl__s:not(.is-cur){transition:none}
}
/* 24.10: крестик на листах плагина - тот же, что у плашки подбора; не раздувает строку заголовка */
html body .gpc .gal__stage .gpsl .gpo-ov__h .gpsl__x{flex:none;margin:-4px -4px -4px 0}
