/* Portfolio fotograficzne */
.portfolio_item img { width: 100%; height: auto; }
.top-bar { background: linear-gradient(rgba(12,14,18,.62), rgba(12,14,18,.62)), url(../img/foto/mitsubishi-3000gt/01.jpg) center 62% / cover no-repeat; }
.top-bar:before, .top-bar:after { display: none; }
.box-header { background: rgba(255,255,255,.97); }
.top-bar h1 { color: #fff; line-height: 1.15; }
.top-bar p, .top-bar p a { color: rgba(255,255,255,.85); }
.top-bar p a:hover, .top-bar p a:focus { color: #fff; }
.foto-wrap { max-width: 1500px; margin: 0 auto; padding: 32px 24px 60px; }
.foto-link { display: block; cursor: zoom-in; background: #f1f1f1; }
.foto-link img { display: block; width: 100%; height: auto; transition: opacity .25s; }
.foto-link:hover img { opacity: .9; }
.foto-hero { margin-bottom: 16px; }
.foto-row { display: flex; gap: 16px; margin-bottom: 16px; }
.foto-row .foto-link { min-width: 0; }
.foto-pager { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 40px; padding-top: 24px; border-top: 1px solid #eee; font-size: 14px; }
.foto-pager a { color: #333; }
.foto-pager a:hover { color: #e8455d; text-decoration: none; }
.foto-pager i { margin: 0 6px; }
.foto-pager-all { color: #999 !important; white-space: nowrap; }
.foto-lb { position: fixed; inset: 0; z-index: 100000; background: rgba(10,10,10,.96); display: none; align-items: center; justify-content: center; }
.foto-lb.on { display: flex; }
.foto-lb img { max-width: calc(100vw - 32px); max-height: calc(100vh - 80px); width: auto; height: auto; }
.foto-lb button { position: absolute; background: none; border: 0; color: #fff; font-size: 30px; line-height: 1; padding: 16px 20px; cursor: pointer; opacity: .8; }
.foto-lb button:hover, .foto-lb button:focus { opacity: 1; outline: none; color: #e8455d; }
.foto-lb-x { top: 4px; right: 4px; }
.foto-lb-p { left: 4px; top: 50%; transform: translateY(-50%); }
.foto-lb-n { right: 4px; top: 50%; transform: translateY(-50%); }
.foto-lb-c { position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; color: #bbb; font-size: 13px; }
@media (max-width: 767px) {
  .top-bar h1 { font-size: 30px; }
  .top-bar p { font-size: 12px; }
  .foto-wrap { padding: 16px 16px 40px; }
  .foto-row { display: block; margin-bottom: 0; }
  .foto-row .foto-link { margin-bottom: 16px; }
  .foto-pager { flex-wrap: wrap; font-size: 13px; }
  .foto-pager-all { order: 3; width: 100%; text-align: center; }
  .foto-lb-p, .foto-lb-n { display: none; }
}
.foto-all { text-align: center; padding: 48px 16px 56px; }
.foto-all a { display: inline-block; padding: 10px 26px; border-radius: 24px; background: #e8455d; color: #fff; font-size: 14px; }
.foto-all a:hover, .foto-all a:focus { background: #333; color: #fff; text-decoration: none; }
.foto-sizer { position: absolute; visibility: hidden; height: 0; }
@media (max-width: 1199px) { .box-headline { font-size: 11vw !important; line-height: 1.1; } }