@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600;1,700&display=swap");
/*
  Fashion Models – jednotná veřejná vizuální kostra výpisových stránek.
  Používá se na: fotogalerie, videogalerie, nové fotografie, časové osy.
  Záměrně jde o finální override vrstvu nad starými inline styly, aby nebyla přepsána datová/JS logika.
*/
.fm-listing-shell{
  --fm-bg:#070707;
  --fm-bg2:#0b0b0b;
  --fm-card:#151515;
  --fm-gold:#ffc928;
  --fm-red:#ff454d;
  --fm-border:rgba(255,255,255,.12);
  --fm-muted:rgba(255,255,255,.64);
  --fm-muted2:rgba(255,255,255,.42);
  --fm-gutter:clamp(12px,2vw,36px);
  position:relative!important;
  min-height:100vh!important;
  overflow:hidden!important;
  color:#fff!important;
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 12% 8%,rgba(255,201,40,.10),transparent 34%),
    radial-gradient(circle at 90% 16%,rgba(255,70,77,.10),transparent 28%),
    linear-gradient(180deg,var(--fm-bg),var(--fm-bg2))!important;
  background-size:58px 58px,58px 58px,auto,auto,auto!important;
  padding-top:0!important;
}
.fm-listing-shell *{box-sizing:border-box;}
.fm-listing-shell .fm-listing-wrapper,
.fm-listing-shell .timeline-page-wrapper,
.fm-listing-shell .gallery-page-wrapper{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
.fm-listing-shell .timeline-page-section,
.fm-listing-shell .new-faces-section{width:100%!important;}
.fm-listing-shell .timeline-page-backdrop,
.fm-listing-shell .fm-listing-backdrop{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,70,77,.14),transparent 28%),
    radial-gradient(circle at 12% 42%,rgba(255,201,40,.10),transparent 30%),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.28))!important;
}
.fm-listing-shell .timeline-page-noise,
.fm-listing-shell .fm-listing-noise{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.18!important;
  mix-blend-mode:screen!important;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:116px 116px!important;
}

/* Jednotný horní pruh */
.fm-listing-shell .fm-listing-toolbar,
.fm-listing-shell [class^="timeline-shell-"] .timeline-hero,
.fm-listing-shell [class^="alb-top-bar-"],
.fm-listing-shell [class^="vid-top-bar-"],
.fm-listing-shell [class^="faces-top-bar-"],
.fm-listing-shell .gallery-header-section,
.fm-listing-shell .timeline-album-header{
  width:calc(100vw - (2 * var(--fm-gutter)))!important;
  max-width:none!important;
  min-height:54px!important;
  margin:12px auto 18px!important;
  padding:8px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,520px)!important;
  gap:12px!important;
  align-items:center!important;
  justify-content:normal!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,201,40,.12),rgba(255,70,77,.08)),rgba(18,18,18,.92)!important;
  border:1px solid var(--fm-border)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(14px)!important;
  color:#fff!important;
  overflow:hidden!important;
}
.fm-listing-shell [class^="timeline-shell-"] .timeline-hero::before,
.fm-listing-shell [class^="alb-top-bar-"]::before,
.fm-listing-shell [class^="alb-title-"]::before,
.fm-listing-shell [class^="alb-controls-wrapper-"]::after,
.fm-listing-shell [class^="faces-controls-wrapper-"]::after,
.fm-listing-shell [class^="vid-controls-wrapper-"]::after{
  display:none!important;
  content:none!important;
}
.fm-listing-shell [class^="timeline-shell-"] .timeline-hero__main,
.fm-listing-shell [class^="timeline-shell-"] .timeline-hero__aside{
  padding:0!important;
  margin:0!important;
  min-width:0!important;
}
.fm-listing-shell .timeline-kicker,
.fm-listing-shell .timeline-subtitle{
  display:none!important;
}

/* Nadpis: hlavní bíle + dovětek zlatě kurzívou */
.fm-listing-shell .fm-listing-title,
.fm-listing-shell [class^="alb-title-"],
.fm-listing-shell [class^="vid-title-"],
.fm-listing-shell [class^="faces-title-"],
.fm-listing-shell [class^="timeline-shell-"] .timeline-title,
.fm-listing-shell .gallery-header-section > div,
.fm-listing-shell .timeline-album-title{
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-align:left!important;
}
.fm-listing-shell .fm-listing-title-main,
.fm-listing-shell [class^="alb-title-"] h1,
.fm-listing-shell [class^="vid-title-"] h1,
.fm-listing-shell [class^="faces-title-"] h1,
.fm-listing-shell [class^="timeline-shell-"] .timeline-title,
.fm-listing-shell [class^="timeline-shell-"] .timeline-title span,
.fm-listing-shell .gallery-header-section h1,
.fm-listing-shell .timeline-album-title{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:none!important;
  transform:none!important;
  white-space:nowrap!important;
}
.fm-listing-shell .fm-listing-title-accent,
.fm-listing-shell [class^="alb-title-"] h2,
.fm-listing-shell [class^="vid-title-"] h2,
.fm-listing-shell [class^="faces-title-"] h2,
.fm-listing-shell [class^="timeline-shell-"] .timeline-title em,
.fm-listing-shell .gallery-header-section h2{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  color:var(--fm-gold)!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-style:italic!important;
  font-weight:700!important;
  font-size:17px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* Jednotné ovládací prvky */
.fm-listing-shell .fm-listing-controls,
.fm-listing-shell [class^="timeline-shell-"] .timeline-controls,
.fm-listing-shell [class^="alb-controls-wrapper-"],
.fm-listing-shell [class^="vid-controls-wrapper-"],
.fm-listing-shell [class^="faces-controls-wrapper-"]{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) 190px!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
}
.fm-listing-shell .timeline-controls__label{display:none!important;}
.fm-listing-shell .fm-listing-input,
.fm-listing-shell .fm-listing-select,
.fm-listing-shell input[type="text"].timeline-input,
.fm-listing-shell select.timeline-select,
.fm-listing-shell [class^="alb-controls-wrapper-"] input[type="text"],
.fm-listing-shell [class^="alb-controls-wrapper-"] select,
.fm-listing-shell [class^="vid-controls-wrapper-"] input[type="text"],
.fm-listing-shell [class^="vid-controls-wrapper-"] select,
.fm-listing-shell [class^="faces-controls-wrapper-"] input[type="text"],
.fm-listing-shell [class^="faces-controls-wrapper-"] select{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  height:auto!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  border:1px solid var(--fm-border)!important;
  background:rgba(0,0,0,.38)!important;
  color:#fff!important;
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  outline:none!important;
  box-shadow:none!important;
}
.fm-listing-shell input[type="text"]::placeholder{color:rgba(255,255,255,.52)!important;}
.fm-listing-shell select option{background:#111!important;color:#fff!important;}
.fm-listing-shell .fm-listing-input:focus,
.fm-listing-shell .fm-listing-select:focus,
.fm-listing-shell input[type="text"].timeline-input:focus,
.fm-listing-shell select.timeline-select:focus,
.fm-listing-shell [class^="alb-controls-wrapper-"] input[type="text"]:focus,
.fm-listing-shell [class^="alb-controls-wrapper-"] select:focus,
.fm-listing-shell [class^="vid-controls-wrapper-"] input[type="text"]:focus,
.fm-listing-shell [class^="vid-controls-wrapper-"] select:focus,
.fm-listing-shell [class^="faces-controls-wrapper-"] input[type="text"]:focus,
.fm-listing-shell [class^="faces-controls-wrapper-"] select:focus{
  border-color:rgba(255,201,40,.8)!important;
  box-shadow:0 0 0 4px rgba(255,201,40,.12)!important;
  background:rgba(0,0,0,.56)!important;
}

/* Stejný gutter obsahu pod pruhem */
.fm-listing-shell .fm-listing-content,
.fm-listing-shell .timeline-stream-container,
.fm-listing-shell [class^="alb-masonry-"],
.fm-listing-shell [class^="vid-masonry-"],
.fm-listing-shell [class^="egb-masonry-"],
.fm-listing-shell .faces-mosaic-container,
.fm-listing-shell .gallery-orphan-title,
.fm-listing-shell .timeline-count,
.fm-listing-shell .faces-count{
  max-width:none!important;
  width:100%!important;
  padding-left:var(--fm-gutter)!important;
  padding-right:var(--fm-gutter)!important;
  background-color:transparent!important;
  overflow-x:hidden!important;
}
.fm-listing-shell [class^="alb-masonry-"],
.fm-listing-shell [class^="vid-masonry-"],
.fm-listing-shell [class^="egb-masonry-"],
.fm-listing-shell .faces-mosaic-container{
  background:transparent!important;
}
.fm-listing-shell .section-divider{
  width:calc(100vw - (2 * var(--fm-gutter)))!important;
  margin:26px auto 18px!important;
  border:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)!important;
}
.fm-listing-shell .faces-count,
.fm-listing-shell .timeline-count{
  margin:0 0 18px!important;
  color:var(--fm-muted2)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

/* Tmavé karty místo bílých stripů */
.fm-listing-shell .face-item,
.fm-listing-shell [class^="alb-masonry-"] .alb-item,
.fm-listing-shell [class^="vid-masonry-"] .vid-item{
  background:var(--fm-card)!important;
  border:1px solid var(--fm-border)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.42)!important;
}
.fm-listing-shell .face-photo{background:#111!important;}
.fm-listing-shell .face-name{
  background:rgba(10,10,10,.94)!important;
  color:#fff!important;
  border-top:1px solid var(--fm-border)!important;
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:800!important;
}
.fm-listing-shell .face-name:hover{
  color:var(--fm-gold)!important;
  background:rgba(18,18,18,.98)!important;
  text-decoration:none!important;
}
.fm-listing-shell .alb-item--fallback img{
  object-fit:cover!important;
  background:#111!important;
}
.fm-listing-shell .gallery-empty-message,
.fm-listing-shell .faces-empty-state,
.fm-listing-shell .timeline-empty-state-page{
  max-width:920px!important;
  margin:28px auto!important;
  padding:24px 28px!important;
  border-radius:20px!important;
  border:1px dashed rgba(255,255,255,.18)!important;
  color:var(--fm-muted)!important;
  background:rgba(18,18,18,.78)!important;
}
.fm-listing-shell .back-to-overview,
.fm-listing-shell .timeline-back-link{
  color:var(--fm-gold)!important;
  text-decoration:none!important;
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  border:1px solid rgba(255,201,40,.24)!important;
  background:rgba(255,201,40,.08)!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  margin:0!important;
  white-space:nowrap!important;
}
.fm-listing-shell .back-to-overview:hover,
.fm-listing-shell .timeline-back-link:hover{
  background:rgba(255,201,40,.14)!important;
  border-color:rgba(255,201,40,.55)!important;
}

@media (max-width:768px){
  .fm-listing-shell .fm-listing-toolbar,
  .fm-listing-shell [class^="timeline-shell-"] .timeline-hero,
  .fm-listing-shell [class^="alb-top-bar-"],
  .fm-listing-shell [class^="vid-top-bar-"],
  .fm-listing-shell [class^="faces-top-bar-"],
  .fm-listing-shell .gallery-header-section,
  .fm-listing-shell .timeline-album-header{
    grid-template-columns:1fr!important;
    width:calc(100vw - 24px)!important;
    border-radius:20px!important;
    align-items:start!important;
  }
  .fm-listing-shell .fm-listing-controls,
  .fm-listing-shell [class^="timeline-shell-"] .timeline-controls,
  .fm-listing-shell [class^="alb-controls-wrapper-"],
  .fm-listing-shell [class^="vid-controls-wrapper-"],
  .fm-listing-shell [class^="faces-controls-wrapper-"]{
    grid-template-columns:1fr!important;
  }
  .fm-listing-shell .fm-listing-title,
  .fm-listing-shell [class^="alb-title-"],
  .fm-listing-shell [class^="vid-title-"],
  .fm-listing-shell [class^="faces-title-"],
  .fm-listing-shell [class^="timeline-shell-"] .timeline-title,
  .fm-listing-shell .gallery-header-section > div,
  .fm-listing-shell .timeline-album-title{
    flex-wrap:wrap!important;
    white-space:normal!important;
  }
}