/* OLO V2.13.19 — Album Soft Cells / alignment repair */
#album.olo-album-soft-cells{
  --olo-album-gold:#d1aa64;
  --olo-album-gold-bright:#efd39a;
  --olo-album-line:rgba(211,173,104,.2);
  width:min(calc(100% - 32px),1520px)!important;
  margin-inline:auto!important;
  padding:76px clamp(18px,4vw,54px) 92px!important;
  overflow:visible!important;
  border:1px solid rgba(211,173,104,.09)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 88% 2%,rgba(211,173,104,.08),transparent 28%),
    linear-gradient(180deg,#0c0a08 0%,#14100c 56%,#0b0907 100%)!important;
}

#album.olo-album-soft-cells::before{
  content:"ALBUM OLO"!important;
  top:34px!important;
  right:clamp(18px,4vw,58px)!important;
  color:rgba(211,173,104,.03)!important;
  font-size:clamp(58px,8vw,124px)!important;
}

#album.olo-album-soft-cells>.section-heading{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  max-width:900px!important;
  min-width:0!important;
  height:auto!important;
  margin:0 0 26px!important;
  padding:0!important;
}

#album.olo-album-soft-cells>.section-heading h2{
  width:auto!important;
  max-width:100%!important;
  margin:4px 0 12px!important;
  color:#eee0c9!important;
  font-size:clamp(40px,5vw,68px)!important;
  line-height:1.02!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

#album.olo-album-soft-cells>.section-heading p{
  display:block!important;
  width:100%!important;
  max-width:720px!important;
  margin:0!important;
  color:rgba(238,226,207,.68)!important;
  font-size:15px!important;
  line-height:1.65!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

/* V2.13.17 wstawiała blok, który kolidował z bazowym layoutem strony. */
#album .olo-album-pro-status{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

#album.olo-album-soft-cells .album-tools{
  position:relative!important;
  inset:auto!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  margin:0 0 26px!important;
  padding:8px!important;
  overflow:visible!important;
  border:1px solid rgba(211,173,104,.17)!important;
  border-radius:20px!important;
  background:rgba(8,7,6,.76)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.2)!important;
}

#album.olo-album-soft-cells .album-filter{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:46px!important;
  height:auto!important;
  margin:0!important;
  padding:8px 10px!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
  color:rgba(238,225,202,.65)!important;
  font:700 9.5px/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:.075em!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
}

#album.olo-album-soft-cells .album-filter span{
  flex:0 0 auto!important;
  display:grid!important;
  min-width:23px!important;
  width:auto!important;
  height:23px!important;
  margin:0!important;
  padding:0 6px!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.05)!important;
  color:#a88756!important;
  font:700 9px/1 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
}

#album.olo-album-soft-cells .album-filter:hover{
  border-color:rgba(218,181,113,.22)!important;
  background:rgba(211,173,104,.06)!important;
  color:#eed8af!important;
}

#album.olo-album-soft-cells .album-filter.active{
  border-color:rgba(229,193,126,.42)!important;
  background:linear-gradient(135deg,rgba(211,173,104,.2),rgba(211,173,104,.075))!important;
  color:#f3dcb1!important;
  box-shadow:inset 0 0 0 1px rgba(255,231,184,.03)!important;
}

/*
 * Równa siatka. Bez przesuwania co drugiego rzędu i bez marginesów
 * wyliczanych w JavaScript — każda kolumna ma identyczną szerokość.
 */
#album.olo-album-soft-cells .album-grid{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:20px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:4px 0!important;
}

#album.olo-album-soft-cells .album-card,
#album.olo-album-soft-cells .olo-album-soft-card{
  position:relative!important;
  display:block!important;
  grid-column:auto!important;
  align-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  padding:2px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(9% 0,91% 0,100% 13%,100% 87%,91% 100%,9% 100%,0 87%,0 13%)!important;
  background:
    linear-gradient(135deg,#e1bd78 0%,#73502a 29%,#d5a85c 64%,#513519 100%)!important;
  box-shadow:none!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.38))!important;
  cursor:pointer!important;
  transform:none!important;
  transition:transform .28s ease,filter .28s ease!important;
}

#album.olo-album-soft-cells .album-card.olo-honey-start,
#album.olo-album-soft-cells .album-card.olo-honey-end,
#album.olo-album-soft-cells .olo-album-soft-card.olo-honey-start,
#album.olo-album-soft-cells .olo-album-soft-card.olo-honey-end{
  margin:0!important;
}

#album.olo-album-soft-cells .album-card::before,
#album.olo-album-soft-cells .olo-album-soft-card::before{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  z-index:3!important;
  display:block!important;
  border:1px solid rgba(255,244,219,.12)!important;
  clip-path:polygon(9% 0,91% 0,100% 13%,100% 87%,91% 100%,9% 100%,0 87%,0 13%)!important;
  pointer-events:none!important;
}

#album.olo-album-soft-cells .album-card::after,
#album.olo-album-soft-cells .olo-album-soft-card::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  z-index:2!important;
  display:block!important;
  background:
    linear-gradient(145deg,rgba(255,235,195,.1),transparent 24%),
    linear-gradient(0deg,rgba(3,3,2,.74),transparent 48%)!important;
  pointer-events:none!important;
}

#album.olo-album-soft-cells .album-card img,
#album.olo-album-soft-cells .album-card video,
#album.olo-album-soft-cells .olo-album-soft-card img{
  position:absolute!important;
  inset:3px!important;
  z-index:1!important;
  display:block!important;
  width:calc(100% - 6px)!important;
  max-width:none!important;
  min-width:0!important;
  height:calc(100% - 6px)!important;
  min-height:0!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
  clip-path:polygon(9% 0,91% 0,100% 13%,100% 87%,91% 100%,9% 100%,0 87%,0 13%)!important;
  filter:saturate(.9) contrast(1.02)!important;
  transform:scale(1.001)!important;
  transition:transform .38s ease,filter .38s ease!important;
}

#album.olo-album-soft-cells .album-card:hover,
#album.olo-album-soft-cells .olo-album-soft-card:hover{
  z-index:5!important;
  filter:
    drop-shadow(0 26px 36px rgba(0,0,0,.48))
    drop-shadow(0 0 13px rgba(211,173,104,.13))!important;
  transform:translateY(-5px)!important;
}

#album.olo-album-soft-cells .album-card:hover img,
#album.olo-album-soft-cells .olo-album-soft-card:hover img{
  filter:saturate(1) contrast(1.03)!important;
  transform:scale(1.045)!important;
}

#album.olo-album-soft-cells .media-caption{
  position:absolute!important;
  inset:auto 0 0!important;
  z-index:4!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:58px 13% 18px!important;
  background:linear-gradient(180deg,transparent,rgba(5,4,3,.94))!important;
  text-align:center!important;
  writing-mode:horizontal-tb!important;
}

#album.olo-album-soft-cells .media-caption strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#f0dcba!important;
  font:600 15px/1.2 Inter,Arial,sans-serif!important;
  overflow-wrap:normal!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

#album.olo-album-soft-cells .media-caption p{
  display:none!important;
}

#album.olo-album-soft-cells .media-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  margin:7px 0 0!important;
  color:rgba(222,186,120,.72)!important;
  font:600 9px/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}

#album.olo-album-soft-cells .category-pill{
  display:inline-flex!important;
  width:auto!important;
  margin:0 0 7px!important;
  padding:4px 8px!important;
  border:1px solid rgba(225,190,125,.17)!important;
  border-radius:999px!important;
  background:rgba(7,6,5,.52)!important;
  color:#d6b578!important;
  font:700 8px/1.1 Inter,Arial,sans-serif!important;
  letter-spacing:.1em!important;
  backdrop-filter:blur(8px)!important;
}

#album.olo-album-soft-cells .olo-soft-hidden{
  display:none!important;
}

#album .olo-v2139-album-journey,
#album .olo-album-fresh-dock{
  display:none!important;
}

/* Stabilny podgląd materiałów lokalnych. */
.album-lightbox{
  z-index:500!important;
}

.album-lightbox-panel{
  inset:clamp(12px,2vw,28px)!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,410px)!important;
  max-width:1660px!important;
  margin:auto!important;
  border-radius:26px!important;
}

.lightbox-media{
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

.lightbox-media img,
.lightbox-media video,
.lightbox-main-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:calc(100vh - 56px)!important;
  object-fit:contain!important;
  background:#050504!important;
}

.lightbox-side{
  min-width:0!important;
}

/* Pełny podgląd materiałów Instagram. */
.olo-ig-lightbox{
  position:fixed;
  inset:0;
  z-index:520;
  display:none;
  place-items:center;
  padding:clamp(12px,2vw,28px);
}

.olo-ig-lightbox.is-open{
  display:grid;
}

.olo-ig-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,2,2,.88);
  backdrop-filter:blur(16px);
}

.olo-ig-lightbox-panel{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,390px);
  width:min(1500px,100%);
  height:min(880px,calc(100vh - 40px));
  overflow:hidden;
  border:1px solid rgba(211,173,104,.26);
  border-radius:26px;
  background:#080706;
  box-shadow:0 40px 130px rgba(0,0,0,.7);
}

.olo-ig-lightbox-media{
  position:relative;
  display:grid;
  min-width:0;
  min-height:0;
  place-items:center;
  background:#030303;
}

.olo-ig-lightbox-media img{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  object-fit:contain;
}

.olo-ig-lightbox-side{
  padding:34px;
  overflow:auto;
  border-left:1px solid rgba(211,173,104,.14);
  background:linear-gradient(145deg,#15110d,#0b0907);
}

.olo-ig-lightbox-side span{
  color:#b98f51;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.olo-ig-lightbox-side h3{
  margin:14px 0;
  color:#f0d7a9;
  font:400 clamp(26px,3vw,42px)/1.05 Georgia,serif;
}

.olo-ig-lightbox-side p{
  color:rgba(238,226,207,.7);
  line-height:1.65;
  white-space:pre-line;
}

.olo-ig-lightbox-side a{
  display:inline-flex;
  margin-top:18px;
  padding:12px 16px;
  border:1px solid rgba(211,173,104,.3);
  border-radius:999px;
  color:#edca8a;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.olo-ig-lightbox-close,
.olo-ig-lightbox-nav{
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  border:1px solid rgba(224,188,121,.28);
  background:rgba(8,7,6,.7);
  color:#efd39a;
  cursor:pointer;
  backdrop-filter:blur(10px);
}

.olo-ig-lightbox-close{
  top:16px;
  right:16px;
  width:44px;
  height:44px;
  border-radius:50%;
  font-size:26px;
}

.olo-ig-lightbox-nav{
  top:50%;
  width:46px;
  height:62px;
  border-radius:16px;
  font-size:34px;
  transform:translateY(-50%);
}

.olo-ig-lightbox-nav.prev{left:16px}
.olo-ig-lightbox-nav.next{right:16px}
body.olo-ig-lightbox-open{overflow:hidden}

@media(max-width:1180px){
  #album.olo-album-soft-cells .album-tools{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  #album.olo-album-soft-cells .album-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }
}

@media(max-width:820px){
  #album.olo-album-soft-cells{
    width:calc(100% - 20px)!important;
    padding:64px 12px 70px!important;
    border-radius:24px!important;
  }
  #album.olo-album-soft-cells .album-tools{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #album.olo-album-soft-cells .album-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }
  #album.olo-album-soft-cells .media-caption{
    padding:44px 12% 14px!important;
  }
  #album.olo-album-soft-cells .media-caption strong{
    font-size:13px!important;
  }
  .album-lightbox-panel,
  .olo-ig-lightbox-panel{
    grid-template-columns:1fr!important;
    overflow:auto!important;
  }
  .lightbox-media,
  .olo-ig-lightbox-media{
    min-height:52vh!important;
  }
  .lightbox-side,
  .olo-ig-lightbox-side{
    border-left:0!important;
    border-top:1px solid rgba(211,173,104,.14)!important;
  }
  .olo-ig-lightbox-panel{
    height:calc(100vh - 24px);
  }
}

@media(max-width:500px){
  #album.olo-album-soft-cells .album-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  #album.olo-album-soft-cells .album-card,
  #album.olo-album-soft-cells .olo-album-soft-card{
    aspect-ratio:4/3!important;
  }
  #album.olo-album-soft-cells .album-filter{
    font-size:8.5px!important;
    padding-inline:6px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #album.olo-album-soft-cells *,
  .olo-ig-lightbox *{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}
