/* Farah Lux — stranica Posteljine (body.fl-posteljine) */

.fl-pst-head{background:var(--krem);padding:clamp(28px,4vw,56px) 0 clamp(36px,5vw,64px)}
.fl-pst-head-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px 64px;align-items:center}
.fl-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--muted);margin-bottom:22px}
.fl-crumbs a:hover{color:var(--akcent-t)}
.flp .fl-pst-head h1{font-size:clamp(46px,6vw,84px);line-height:1}
.flp .fl-pst-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px}
.fl-pst-facts li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-2)}
.fl-pst-facts .fl-i{color:var(--akcent-t)}
.fl-pst-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:14px;aspect-ratio:5/4}
.fl-m{position:relative;border-radius:var(--r);overflow:hidden;background:var(--pesak)}
.fl-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fl-m-1{grid-row:span 2;border-radius:999px 999px var(--r) var(--r)}

/* Filter po veličini — lepi se ispod zaglavlja dok se skroluje */
.fl-filter{position:sticky;top:0;z-index:20;background:rgba(251,248,244,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
body.admin-bar .fl-filter{top:32px}
.fl-filter-in{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.fl-filter-in::-webkit-scrollbar{display:none}
.flp .fl-chip{flex:none;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bela);font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.fl-chip small{font-size:12px;font-weight:600;color:var(--muted);background:var(--krem);border-radius:999px;padding:2px 8px}
.flp .fl-chip:hover{border-color:var(--ink)}
.flp .fl-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.fl-chip.is-on small{background:rgba(255,255,255,.16);color:#fff}

.fl-pst-body{padding-top:clamp(28px,3.5vw,48px);padding-bottom:clamp(48px,6vw,88px)}
.fl-pg{scroll-margin-top:90px}
.fl-pg+.fl-pg{margin-top:clamp(44px,5.5vw,76px)}
.fl-pg[hidden]{display:none}
.fl-pg-head{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.fl-pg-ico{width:56px;height:56px;flex:none;border-radius:50%;background:var(--akcent-sv);color:var(--akcent-t);display:grid;place-items:center}
.flp .fl-pg-head h2{font-size:clamp(26px,2.6vw,36px)}
.fl-pg-head p{color:var(--muted);font-size:15px;margin-top:4px}
.fl-pg-n{margin-left:auto;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.flp .fl-pst-all{margin-top:clamp(40px,5vw,64px);text-align:center}
.fl-empty{padding:40px 0;color:var(--ink-2)}
.fl-empty a{text-decoration:underline}

@media (max-width:900px){
  .fl-pst-head-in{grid-template-columns:minmax(0,1fr)}
  .fl-pst-mosaic{display:none}
}
@media (max-width:760px){
  body.admin-bar .fl-filter{top:0}
  .fl-pg-head{align-items:flex-start;gap:12px}
  .fl-pg-ico{width:44px;height:44px}
  .fl-pg-n{display:none}
  .fl-pst-all .fl-btn{width:100%}
}
