/* Shared zoom controls for bed, mattress, sommier and boiserie galleries. */
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom{width:94vw;max-width:1500px;height:92vh;max-height:92vh;padding:18px 64px 38px;box-sizing:border-box;overflow:hidden;border:0;border-radius:15px;background:#fff;color:#123448}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom[open]{display:flex;flex-direction:column;align-items:stretch;gap:12px}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;flex-wrap:wrap}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-toolbar button{margin:0;min-height:40px;cursor:pointer}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-toolbar>button{position:static;flex:0 0 auto;align-self:center;transform:none}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-controls{display:flex;align-items:center;gap:6px}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-controls button{display:grid;place-items:center;padding:0;width:40px;height:40px;min-height:40px;border:1px solid #cbd5d9;border-radius:50%;background:#fff;color:#123448;font:600 22px/1 "Segoe UI",Arial,sans-serif;box-shadow:none}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-controls .zoom-reset{width:64px;border-radius:22px;font-size:12px;font-variant-numeric:tabular-nums}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-controls button:disabled{opacity:.4;cursor:default}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-controls button:hover:not(:disabled){background:#edf2f3}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-stage{position:relative;display:grid;place-items:center;width:100%;min-width:0;min-height:0;flex:1 1 0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-canvas{width:100%;height:100%;min-width:0;min-height:0;transform-origin:center;pointer-events:none}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-canvas>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-stage.is-zoomed{cursor:grab}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-stage.is-dragging{cursor:grabbing}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-hint{flex:0 0 auto;margin:0;padding:0;font-weight:400;text-align:center;color:#61717a;font-size:11px;line-height:1.4}
:is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-caption{flex:0 0 auto;margin:0;padding:0;text-align:center;font-size:13px;line-height:1.4}
@media(max-width:760px){
  :is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom{padding:12px 40px 34px;height:90vh;max-height:90vh;height:90dvh;max-height:90dvh}
  :is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-toolbar{gap:6px}
  :is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-toolbar>button{padding:9px 12px;font-size:12px}
  :is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-controls{gap:4px;margin-left:auto}
  :is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-controls button{width:36px;height:36px;min-height:36px}
  :is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-controls .zoom-reset{width:56px}
  :is(#lightbox,#sommier-photo-dialog,#bedline-bed-lightbox).lightbox-zoom .zoom-hint{font-size:10px}
}