/* Галереи решений: одна строка, реальная прокрутка и одинаковые пропорции карточек. */
.product-screens-heading>div:first-child{min-width:0;display:grid;gap:8px}
.gallery-hint{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.gallery-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.gallery-controls[hidden]{display:none}
.gallery-position{min-width:70px;text-align:center;color:var(--muted);font:14px var(--mono);font-variant-numeric:tabular-nums}
.gallery-controls button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--button-secondary-border);border-radius:8px;background:var(--button-secondary-default);color:var(--button-secondary-text);cursor:pointer;transition:background-color .16s,border-color .16s}
.gallery-controls button:hover{background:var(--button-secondary-hover);border-color:var(--button-secondary-hoverBorder)}
.gallery-controls button:active{background:var(--button-secondary-pressed);border-color:var(--button-secondary-pressedBorder)}
.gallery-controls button:disabled{opacity:.3;cursor:default;background:var(--button-secondary-default);border-color:var(--button-secondary-border)}
.gallery-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.product-screens .screens-row{--gallery-gap:24px;display:flex;flex-wrap:nowrap;gap:var(--gallery-gap);overflow-x:auto;overflow-y:hidden;padding:6px 2px 14px;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain}
.product-screens .screens-row figure{flex:0 0 calc((100% - var(--gallery-gap)*2)/3);margin:0;scroll-snap-align:start;scroll-snap-stop:normal}
.product-screens .screens-row figcaption{min-height:60px;align-items:flex-start}
.product-screens .screens-row figcaption strong{line-height:1.45}
.gallery-controls button:focus-visible,.product-screens .screens-row:focus-visible,.product-screens .screens-row figure>a:focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(max-width:1100px){.product-screens .screens-row{--gallery-gap:18px}.product-screens .screens-row figure{flex-basis:calc((100% - var(--gallery-gap))/2)}}
@media(max-width:760px){.product-screens-heading{flex-direction:row;align-items:flex-end;gap:12px}.gallery-controls{gap:6px}.gallery-controls button{width:44px;height:44px}.gallery-position{min-width:50px;font-size:12px}.gallery-hint{font-size:14px}.product-screens .screens-row{--gallery-gap:14px}.product-screens .screens-row figure{flex-basis:86%}}
@media(prefers-reduced-motion:reduce){.gallery-controls button{transition:none}}