@media(max-width:700px){#galeria #grid>.photo{translate:0 0!important;max-width:100%!important}#galeria #grid{gap:4px!important;overflow:visible!important}#galeria #grid>.photo .frame{max-width:100%!important}#galeria #grid>.photo .frame img{max-width:100%!important}}
@media(max-width:700px){#galeria #grid>.photo{translate:0 0!important;max-width:100%!important}#galeria #grid{overflow:visible!important}#galeria #grid>.photo .frame{max-width:100%!important}}

/* The last photo uses the same automatic sizing and row-centering as its neighbours. */
#galeria #grid:not(.gallery-large) > .photo:has(img[data-photo-id="kadr-07-v34"]) {
  translate: 0 0 !important; transform: none !important;
}
@media (max-width:700px) {
  #galeria #grid:not(.gallery-large) > .photo:has(img[data-photo-id="kadr-07-v34"]) {max-width:100%!important;}
}


/* The native dialog is only an invisible positioning layer. */
html body #viewer[open]{
  position:fixed!important;inset:0!important;margin:auto!important;
  width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;
  padding:clamp(8px,1.4vh,16px)!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;outline:0!important;
  overflow:hidden!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:5px!important;
}
html body #viewer::backdrop{
  background:rgba(0,0,0,.46)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}
html body #viewer .bar{position:relative!important;flex:0 0 auto!important;width:min(96vw,1100px)!important;max-height:38px!important;margin:0!important;background:transparent!important}
html body #viewer .viewer-layout{
  flex:0 1 auto!important;min-height:0!important;min-width:0!important;
  width:max-content!important;max-width:calc(100vw - 30px)!important;
  max-height:calc(100dvh - 120px)!important;
  overflow:hidden!important;background:transparent!important;
  box-shadow:none!important;border:0!important;padding:0!important;
  align-items:center!important;justify-content:center!important;
}
html body #viewer .image-stage{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 1 auto!important;min-height:0!important;
  overflow:hidden!important;background:transparent!important;
  box-shadow:none!important;border:0!important;
}
html body #viewer .image-stage img#full{
  display:block!important;width:auto!important;height:auto!important;
  max-width:min(66vw,960px)!important;max-height:calc(100dvh - 155px)!important;
  object-fit:contain!important;margin:auto!important;
}
html body #viewer .viewer-purchase{
  max-height:calc(100dvh - 145px)!important;overflow:auto!important;
  background:rgba(15,15,15,.35)!important;
}
html body #viewer .viewer-controls{flex:0 0 auto!important;margin-top:5px!important}
html body #viewer .viewer-details{flex:0 0 auto!important}
@media(max-width:700px),(pointer:coarse){
 html body #viewer .viewer-layout{width:100%!important;max-height:calc(100dvh - 140px)!important}
 html body #viewer .image-stage img#full{
   max-width:calc(100vw - 22px)!important;max-height:calc(100dvh - 170px)!important;
 }
 html body #viewer .viewer-details{
   height:34px!important;min-height:34px!important;padding:3px 10px!important;
   font-size:11px!important;border-radius:18px!important;
 }
}


@media(max-width:700px),(pointer:coarse){
 html body dialog#viewer[open]:not(.zoomed) .monolit-mobile-footer .viewer-details,
 html body dialog#viewer[open]:not(.zoomed) .viewer-details {
  flex:0 0 105px!important;
  width:105px!important;min-width:105px!important;max-width:105px!important;
  height:36px!important;min-height:36px!important;max-height:36px!important;
  padding:5px 3px!important;margin:0!important;
  box-sizing:border-box!important;
  font-size:11px!important;font-weight:500!important;line-height:1.1!important;
  letter-spacing:0!important;border-radius:8px!important;
  white-space:nowrap!important;text-align:center!important;
  align-items:center!important;justify-content:center!important;
 }
 html body dialog#viewer[open]:not(.zoomed) .monolit-mobile-footer #prev,
 html body dialog#viewer[open]:not(.zoomed) .monolit-mobile-footer #next,
 html body dialog#viewer[open]:not(.zoomed) .viewer-controls #prev,
 html body dialog#viewer[open]:not(.zoomed) .viewer-controls #next {
  flex:0 0 105px!important;width:105px!important;min-width:105px!important;
  max-width:105px!important;height:36px!important;min-height:36px!important;
  max-height:36px!important;padding:5px 3px!important;
  font-size:11px!important;line-height:1.1!important;border-radius:8px!important;
  box-sizing:border-box!important;
 }
}
@media(max-width:355px){
 html body dialog#viewer[open]:not(.zoomed) .monolit-mobile-footer .viewer-details,
 html body dialog#viewer[open]:not(.zoomed) .viewer-details,
 html body dialog#viewer[open]:not(.zoomed) .monolit-mobile-footer #prev,
 html body dialog#viewer[open]:not(.zoomed) .monolit-mobile-footer #next,
 html body dialog#viewer[open]:not(.zoomed) .viewer-controls #prev,
 html body dialog#viewer[open]:not(.zoomed) .viewer-controls #next{
  flex-basis:94px!important;width:94px!important;min-width:94px!important;max-width:94px!important;
  font-size:10px!important;
 }
}


@media (min-width:1001px) and (pointer:fine) {
  html body #viewer[open].monolit-portrait:not(.zoomed) > .bar {
    width:var(--monolit-portrait-render-width, 460px)!important;
    max-width:calc(100vw - 350px)!important;
    transform:translateX(-145px)!important;
  }
}


@media (min-width: 769px) {
  .purchase-faq summary { max-width: 620px; }
}


/* Desktop portrait: controls must not show through the blurred purchase overlay. */
@media (min-width:1001px) and (pointer:fine) {
  html body dialog#viewer[open].monolit-portrait.showing-details .viewer-controls,
  html body dialog#viewer[open].monolit-portrait.showing-details .monolit-photo-column > .viewer-controls {
    visibility:hidden!important; opacity:0!important; pointer-events:none!important;
  }
}


@media (prefers-reduced-motion: no-preference) {
 #grid .photo {transition: opacity .8s ease;}
 #grid .photo.monolit-await-reveal {opacity:0;}
 #grid .photo.monolit-revealed {opacity:1;}
 #viewer[open] {animation:monolit-photo-enter .5s ease-out both;}
 #viewer[open].monolit-photo-exiting {animation:monolit-photo-exit .4s ease-in both;pointer-events:none;}
 @keyframes monolit-photo-enter {from{opacity:0}to{opacity:1}}
 @keyframes monolit-photo-exit {from{opacity:1}to{opacity:0}}
}
@media (prefers-reduced-motion: reduce) {#grid .photo,#viewer {animation:none!important;transition:none!important}}


/* Podpisy w siatce: czytelne, lecz drugoplanowe. */
#galeria .caption {font-size:12px!important;font-weight:400!important;letter-spacing:.015em!important;color:#b7b7b7!important;border-top-color:#292929!important;}
#galeria .caption span {font-size:9px!important;color:#858585!important;}
/* Tytul nad otwartym kadrem: mniej kontrastu i mniejszy rozmiar. */
html body dialog#viewer[open]:not(.showing-details):not(.zoomed) > .bar #title {font-size:11px!important;font-weight:400!important;letter-spacing:.055em!important;color:#aaa!important;line-height:1.5!important;text-shadow:none!important;}
@media(max-width:1000px) {
 html body dialog#viewer[open]:not(.showing-details):not(.zoomed) > .bar #title {font-size:10px!important;letter-spacing:.025em!important;color:#aaa!important;}
 #galeria .caption {font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce) {#galeria .caption {transition:none!important;}}


@media (min-width:1001px) and (pointer:fine) {
 html body dialog#viewer[open] > .bar #title,
 html body dialog#viewer[open] #title {display:none!important;visibility:hidden!important;}
}


/* Prevent native image drag and long-press image-save menus where supported.
   Do not interfere with tap-to-open, scrolling, zooming or gallery navigation. */
.intro-photo, #grid a.photo, #grid img, #viewer img, #mv107-photo {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

#monolit-contact-dialog{inset:0!important;margin:auto!important;max-height:calc(100dvh - 28px)!important}

/* Contact matches the other text navigation controls at all screen sizes. */
header nav #monolit-nav-contact-trigger{
 position:static!important;inset:auto!important;display:inline-flex!important;
 align-items:center;justify-content:center;box-sizing:border-box;
 width:auto!important;min-width:0!important;max-width:none!important;
 margin:0!important;padding:11px 17px!important;min-height:42px;
 border:1px solid var(--glass-line,rgba(255,255,255,.32))!important;
 border-radius:24px!important;
 background:var(--glass-bg,rgba(24,24,24,.65))!important;
 color:#fff!important;box-shadow:none!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;
 text-transform:inherit!important;white-space:nowrap!important;
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;
 transition:background .2s,border-color .2s,box-shadow .2s!important;
}
header nav #monolit-nav-contact-trigger:hover,header nav #monolit-nav-contact-trigger:focus-visible{
 background:rgba(255,255,255,.16)!important;
 border-color:rgba(255,255,255,.65)!important;color:#fff!important;
}
@media(min-width:781px){header nav #monolit-nav-contact-trigger{font-size:12px!important;padding:14px 19px!important;min-height:46px!important}}
@media(min-width:601px) and (max-width:780px){header nav #monolit-nav-contact-trigger{font-size:10px!important;padding:11px 12px!important;min-height:42px!important}}
@media(max-width:600px){header nav #monolit-nav-contact-trigger{font-size:9px!important;padding:9px 8px!important;min-height:36px!important}}
@media(max-width:390px){header nav #monolit-nav-contact-trigger{padding-inline:5px!important}}


/* A common, proportional circle size for language selectors and sharing. */
header nav button.monolit-share-nav {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 40px!important;width:40px!important;height:40px!important;
  min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;aspect-ratio:1!important;
}
@media(max-width:780px){
  header nav {column-gap:8px!important;row-gap:8px!important;align-items:center!important;align-content:center!important;}
  header nav button.monolit-share-nav {flex-basis:38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;}
}
@media(max-width:600px){
  header nav {column-gap:7px!important;row-gap:8px!important;justify-content:flex-end!important;}
  header nav>a,header nav>#monolit-nav-contact-trigger {margin:0!important;}
}
@media(max-width:390px){
  header nav {column-gap:5px!important;row-gap:7px!important;}
  header nav button.monolit-share-nav {flex-basis:35px!important;width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;max-width:35px!important;max-height:35px!important;}
}