.photo-modal-navigation { position:absolute; bottom:16px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:18px; padding:10px 14px; background:rgba(15,25,35,.94); border-radius:6px; color:white; z-index:10001; font:16px Arial,sans-serif; white-space:nowrap; }
.photo-modal-navigation button { background:#244a66; color:white; border:1px solid #97bad4; border-radius:4px; padding:12px 18px; cursor:pointer; font:inherit; }
.photo-modal-navigation button:hover,.photo-modal-navigation button:focus-visible { background:#416f90; outline:2px solid white; }
.photo-modal-navigation button:disabled { opacity:.5; cursor:default; }
.photo-modal-content { box-sizing:border-box; padding:12px 12px 90px; }
@media(max-width:600px){.photo-modal-navigation { gap:8px; padding:8px; width:calc(100% - 24px); justify-content:space-between; box-sizing:border-box; font-size:12px; }.photo-modal-navigation button {padding:10px 8px;}.photo-modal-position {white-space:normal;text-align:center;}}