/* Fleš header — header, mega meni, pretraga, mobilni meni (nalog 3.2/3.3). Boja: grafit. Izvor: prototip v22. */
:root{
  --fh-g:#1B1A17; --fh-ink:#F2F2F2; --fh-ink2:#A9A7A2; --fh-line:rgba(242,242,242,.14); --fh-red:#EA4A52;
  --fh-page:#FFFFFF; --fh-img:#F2F2F2;
  --fh-font:"Outfit","Helvetica Neue",Arial,sans-serif;
  --fh-gut:48px; --fh-h:88px; --fh-top:0px; --fh-ease:cubic-bezier(.2,.7,.2,1);
  --fh-shadow:0 34px 60px -30px rgba(0,0,0,.5);
}
body.admin-bar{--fh-top:32px}
@media (max-width:1240px){:root{--fh-gut:32px}}
@media (max-width:960px){:root{--fh-gut:20px;--fh-h:72px}}
@media (max-width:782px){body.admin-bar{--fh-top:46px}}

/* stari Elementor header (templejt 3332) se samo sakriva dok je novi aktivan */
body.fles-h-on header.elementor-location-header{display:none !important}
/* sadržaj ispod headera: grafit od vrha na svim stranicama osim početne */
body.fles-h-on:not(.fles-h-home) #page{padding-top:var(--fh-h)}
/* sticky traka kategorija prati novu visinu headera (bila 67 / 99 px) */
/* sticky je sama .fles-polica-bar (widget je display: contents), danas top: 67px */
@media (min-width:768px){
  body.fles-h-on .elementor-location-archive .fles-polica-bar,
  body.fles-h-on .elementor-location-archive .elementor-widget:has(.fles-polica-bar){top:calc(var(--fh-h) + var(--fh-top)) !important}
}

/* ---------- reset unutar headera i menija ---------- */
#fh-hdr,#fh-drawer{font-family:var(--fh-font);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;box-sizing:border-box}
#fh-hdr *,#fh-hdr *::before,#fh-hdr *::after,#fh-drawer *,#fh-drawer *::before,#fh-drawer *::after{box-sizing:border-box}
#fh-hdr a,#fh-drawer a{color:inherit;text-decoration:none;box-shadow:none}
#fh-hdr button,#fh-drawer button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;cursor:pointer;text-align:left;text-transform:none;letter-spacing:inherit;line-height:inherit;min-height:0;width:auto;height:auto}
#fh-hdr button:hover,#fh-hdr button:focus,#fh-drawer button:hover,#fh-drawer button:focus{background:none;border-color:transparent;box-shadow:none;text-decoration:none}
#fh-hdr input{font:inherit;color:inherit;box-shadow:none;border-radius:0;min-height:0;height:auto}
#fh-hdr ul,#fh-drawer ul{list-style:none;margin:0;padding:0}
#fh-hdr li,#fh-drawer li{margin:0;padding:0}
#fh-hdr h3{margin:0;font-family:inherit;line-height:inherit}
#fh-hdr img{max-width:100%;display:block;height:auto}
#fh-hdr svg{display:block}
#fh-hdr :focus-visible,#fh-drawer :focus-visible{outline:2px solid var(--fh-red);outline-offset:3px;border-radius:2px}
.fh-full{padding-inline:var(--fh-gut)}

/* ---------- header ---------- */
.fh-hdr{position:fixed;left:0;right:0;top:var(--fh-top);z-index:9995;padding-top:env(safe-area-inset-top,0px);color:var(--fh-ink);background:var(--fh-g);transition:background .22s var(--fh-ease),color .22s var(--fh-ease)}
.fh-hdr::after{content:"";position:absolute;left:0;right:0;top:100%;height:1px;background:var(--fh-line);opacity:0;transition:opacity .22s}
.fh-hdr.is-scrolled:not(.is-open):not(.is-search)::after{opacity:1}
/* početna: providan preko hero fotografije dok se ne skroluje ili ne otvori panel */
body.fles-h-home .fh-hdr:not(.is-scrolled):not(.is-open):not(.is-search):not(.is-drawer){background:transparent}
.fh-hdr.is-search{z-index:9998}
.fh-in{height:var(--fh-h);display:flex;align-items:center;justify-content:space-between;gap:32px}
/* logo: onaj sa sajta („Brend 2026“ negativ, web okvir 2489,493 : 1012). Admir, 25. 9.:
   desktop 116 → −20 % → −20 % = 74,2 px širine (visina 30,2); telefon (< 961 px) 106 → −20 % = 84,8 px (visina 34,5).
   Visina headera ostaje ista, logo je vertikalno centriran. */
.fh-logo{display:block;width:74.2px;height:auto;flex:none;line-height:0}
.fh-logo img{width:74.2px !important;height:auto !important;max-width:none !important;aspect-ratio:2489.493/1012}
@media (max-width:960px){.fh-logo{width:84.8px}.fh-logo img{width:84.8px !important}}
.fh-nav{display:flex;align-items:center;gap:40px;margin-left:auto}
#fh-hdr .fh-item{display:inline-flex;align-items:center;font-size:15px;font-weight:500;letter-spacing:.01em;line-height:1;padding:10px 0;position:relative;color:var(--fh-ink);transition:color .18s var(--fh-ease)}
.fh-item::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s var(--fh-ease)}
.fh-item:hover::after{transform:scaleX(1)}
#fh-hdr.is-open .fh-has-menu{color:var(--fh-red)}
.fh-hdr.is-open .fh-has-menu::after{transform:scaleX(0)}
/* polje pretrage */
.fh-sfield{display:flex;align-items:center;gap:10px;width:232px;flex:none;border-bottom:1px solid var(--fh-line);padding:6px 0 7px;margin:0;transition:border-color .22s var(--fh-ease)}
.fh-sfield:focus-within,.fh-hdr.is-search .fh-sfield{border-color:var(--fh-ink)}
#fh-hdr .fh-sfield input[type=text]{flex:1;min-width:0;border:0;background:transparent;padding:0;margin:0;font-size:14px;line-height:1.3;color:var(--fh-ink);outline:none}
#fh-hdr .fh-sfield input::placeholder{color:var(--fh-ink2);opacity:1}
#fh-hdr .fh-sx{font-size:18px;line-height:1;color:var(--fh-ink2);padding:0 2px;visibility:hidden}
.fh-sfield.has-q .fh-sx{visibility:visible}
#fh-hdr .fh-sx:hover{color:var(--fh-red)}
#fh-hdr .fh-sgo{color:var(--fh-ink);padding:2px 0}
#fh-hdr .fh-sgo:hover{color:var(--fh-red)}
.fh-lupa{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}
.fh-right{display:none;align-items:center;gap:6px}
#fh-hdr .fh-ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--fh-ink)}
.fh-ico .fh-lupa{width:21px;height:21px}
#fh-hdr .fh-burger{display:flex;width:44px;height:44px;margin-right:-10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--fh-ink)}
.fh-burger span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .22s var(--fh-ease)}
.fh-burger[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.fh-burger[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}

/* ---------- paneli ispod headera ---------- */
.fh-panel{position:absolute;left:0;right:0;top:100%;background:var(--fh-g);color:var(--fh-ink);border-top:1px solid var(--fh-line);box-shadow:var(--fh-shadow);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .22s var(--fh-ease),transform .22s var(--fh-ease),visibility 0s linear .22s;max-height:calc(100vh - var(--fh-h) - var(--fh-top));overflow:auto}
.fh-hdr.is-open .fh-mega,.fh-hdr.is-search .fh-spanel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.fh-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(424px,24%);gap:clamp(40px,3vw,72px);padding-block:44px 0}
#fh-hdr .fh-col-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--fh-line);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fh-ink2);transition:color .16s var(--fh-ease)}
#fh-hdr a.fh-col-h:hover{color:var(--fh-red)}
#fh-hdr .fh-col li a{display:inline-block;padding:6px 0;font-size:15px;line-height:1.45;color:var(--fh-ink);transition:color .16s var(--fh-ease),transform .16s var(--fh-ease)}
#fh-hdr .fh-col li a:hover{color:var(--fh-red);transform:translateX(2px)}
.fh-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,1.4vw,28px);align-self:start}
.fh-card{display:block;position:relative}
.fh-card-img{aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:#2a2521;max-width:100%;position:relative}
/* isječak hero slike: object-fit cover + object-position, uvećanje transform: scale(--k) oko transform-origin */
#fh-hdr .fh-card-img img{width:100%;height:100%;object-fit:cover;transform:scale(var(--k,1));transition:transform .6s var(--fh-ease)}
#fh-hdr .fh-card:hover .fh-card-img img{transform:scale(calc(var(--k,1) * 1.035))}
.fh-card-cap{padding-top:12px}
.fh-card-ov{font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fh-ink2)}
.fh-card-t{margin-top:4px;font-size:19px;font-weight:300;line-height:1.25;color:var(--fh-ink)}
.fh-card:hover .fh-card-t{color:var(--fh-red)}
.fh-card-sub{margin-top:2px;font-size:13px;color:var(--fh-ink2)}
.fh-foot{margin-top:36px;padding-block:16px 18px;border-top:1px solid var(--fh-line);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:var(--fh-ink2)}
#fh-hdr .fh-all{color:var(--fh-ink);font-weight:500;letter-spacing:.02em}
#fh-hdr .fh-all:hover{color:var(--fh-red)}
.fh-slogan{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fh-ink2)}
@media (max-width:1240px){.fh-mega-grid{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(320px,26%);gap:32px}.fh-cards{gap:16px}}
@media (max-width:1040px){.fh-mega-grid{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(150px,16%)}.fh-cards{grid-template-columns:1fr}.fh-card:nth-child(2){display:none}}

/* ---------- pretraga ---------- */
.fh-spanel-in{padding-block:34px 0}
.fh-secho{font-size:26px;font-weight:300;line-height:1.2;letter-spacing:-.01em;color:var(--fh-ink)}
.fh-secho em{font-style:normal;color:var(--fh-red)}
.fh-secho small{font-size:13px;font-weight:400;color:var(--fh-ink2);margin-left:14px;letter-spacing:0}
.fh-scols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,3vw,72px);padding-top:26px}
.fh-scols .fh-col.is-empty{display:none}
#fh-hdr .fh-scols li a,#fh-hdr .fh-scols li button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:6px 0;font-size:15px;line-height:1.45;color:var(--fh-ink);transition:color .16s var(--fh-ease);transform:none}
#fh-hdr .fh-scols li a:hover,#fh-hdr .fh-scols li button:hover{color:var(--fh-red);transform:none}
#fh-hdr .fh-scols b{font-weight:500;color:var(--fh-red)}
/* 1.0.8: stavka izabrana strelicama */
#fh-hdr .fh-scols li .fh-akt,#fh-hdr .fh-scols li .fh-akt span{color:var(--fh-red)}
#fh-hdr .fh-tile.fh-akt .fh-tn{color:var(--fh-red)}
#fh-hdr .fh-tile.fh-akt .fh-ti{outline:1px solid var(--fh-red);outline-offset:2px}
#fh-hdr .fh-all.fh-akt{color:var(--fh-red)}
@media (max-width:960px){#fh-hdr .fh-scols li .fh-akt{border-color:var(--fh-red)}}
.fh-sart{padding-top:30px}
.fh-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
.fh-tile{display:block}
.fh-tile .fh-ti{aspect-ratio:3/4;overflow:hidden;background:#2a2521;position:relative}
#fh-hdr .fh-tile .fh-ti img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--fh-ease)}
#fh-hdr .fh-tile:hover .fh-ti img{transform:scale(1.035)}
.fh-tile .fh-tn{margin-top:8px;font-size:13.5px;line-height:1.3;color:var(--fh-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .16s var(--fh-ease)}
.fh-tile:hover .fh-tn{color:var(--fh-red)}
.fh-tile .fh-tp{font-size:12.5px;color:var(--fh-ink2)}
.fh-tile .fh-tp b{font-weight:500;color:var(--fh-ink)}
.fh-tile.fh-more .fh-ti{display:flex;align-items:center;justify-content:center;background:var(--fh-ink);color:var(--fh-g);font-size:28px;font-weight:300;text-align:center}
.fh-tile.fh-more .fh-ti small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-top:4px;text-align:center}
.fh-sempty{padding:8px 0;font-size:15px;color:var(--fh-ink2);max-width:52ch}
.fh-sempty b{display:block;font-weight:300;font-size:22px;color:var(--fh-ink);margin-bottom:6px}
.fh-sfoot{margin-top:32px}
/* 1.0.10: najbolji pogodak — prva stavka panela, vodi tačno tamo gdje i Enter */
#fh-hdr .fh-best{display:flex;align-items:baseline;gap:20px;width:100%;margin:22px 0 0;padding:14px 0;border-top:1px solid var(--fh-line);border-bottom:1px solid var(--fh-line);color:var(--fh-ink);text-align:left}
#fh-hdr .fh-best[hidden]{display:none}
#fh-hdr .fh-best-l{flex:none;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fh-ink2)}
#fh-hdr .fh-best-n{flex:1;min-width:0;font-size:18px;font-weight:400;line-height:1.35;color:var(--fh-ink);transition:color .16s var(--fh-ease)}
#fh-hdr .fh-best-n::after{content:" →"}
#fh-hdr .fh-best-t{flex:none;font-size:13px;color:var(--fh-ink2)}
#fh-hdr .fh-best:hover .fh-best-n,#fh-hdr .fh-best:focus-visible .fh-best-n,#fh-hdr .fh-best.fh-akt .fh-best-n{color:var(--fh-red)}
@media (max-width:1240px){.fh-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}
.fh-smob{display:none}

/* ---------- mobilni meni ---------- */
.fh-drawer{position:fixed;inset:0;z-index:9994;background:var(--fh-g);color:var(--fh-ink);padding:calc(var(--fh-h) + var(--fh-top) + env(safe-area-inset-top,0px) + 8px) 20px 32px;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s var(--fh-ease),transform .22s var(--fh-ease),visibility 0s linear .22s}
.fh-drawer.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
#fh-drawer details{border-top:1px solid var(--fh-line);margin:0;padding:0}
#fh-drawer summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:18px;font-weight:300;color:var(--fh-ink)}
#fh-drawer summary::-webkit-details-marker{display:none}
#fh-drawer summary::after{content:"+";font-size:20px;color:var(--fh-ink2)}
#fh-drawer details[open] summary::after{content:"–"}
#fh-drawer ul{padding:0 0 12px}
#fh-drawer li a{display:block;padding:8px 0 8px 14px;font-size:15px;color:var(--fh-ink)}
#fh-drawer li a.fh-all-link{font-weight:500;color:var(--fh-red)}
#fh-drawer .fh-plainrow{display:block;width:100%;padding:16px 0;font-size:18px;font-weight:300;border-top:1px solid var(--fh-line);color:var(--fh-ink)}
#fh-drawer .fh-plainrow.fh-last{border-bottom:1px solid var(--fh-line)}
#fh-drawer .fh-dmeta{margin:22px 0 0;font-size:13px;color:var(--fh-ink2)}
body.fh-lock{overflow:hidden}

/* zatamnjenje ispod panela pretrage */
.fh-scrim{position:fixed;inset:0;z-index:9990;background:rgba(27,26,23,.34);opacity:0;visibility:hidden;transition:opacity .28s var(--fh-ease),visibility 0s linear .28s}
.fh-scrim.is-on{opacity:1;visibility:visible;transition-delay:0s}

/* ---------- telefon i tablet (< 961 px) ---------- */
@media (max-width:960px){
  .fh-nav,.fh-sfield,.fh-mega{display:none !important}
  .fh-right{display:flex}
  .fh-spanel{position:fixed;inset:0;top:0;z-index:9999;padding-top:env(safe-area-inset-top,0px);border-top:0;box-shadow:none;transform:translateY(8px);overflow:auto;-webkit-overflow-scrolling:touch;max-height:none}
  .fh-hdr.is-search .fh-spanel{transform:none}
  .fh-smob{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--fh-ink);padding:18px 0 10px}
  .fh-smob .fh-lupa{width:22px;height:22px;flex:none}
  #fh-hdr .fh-smob input{flex:1;min-width:0;border:0;background:transparent;padding:0;margin:0;font-size:22px;font-weight:300;color:var(--fh-ink);outline:none}
  #fh-hdr .fh-smob input::placeholder{color:var(--fh-ink2);opacity:.8}
  #fh-hdr .fh-smob button{font-size:13px;font-weight:500;color:var(--fh-ink);white-space:nowrap}
  .fh-spanel-in{padding-block:0}
  .fh-secho{font-size:18px;padding-top:18px}
  .fh-scols{grid-template-columns:1fr;gap:18px;padding-top:16px}
  #fh-hdr .fh-scols ul{display:flex;flex-wrap:wrap;gap:8px}
  #fh-hdr .fh-scols li a,#fh-hdr .fh-scols li button{border:1px solid var(--fh-line);padding:7px 11px;font-size:13.5px;gap:8px;width:auto;border-radius:2px}
  .fh-sart{padding-top:22px}
  #fh-hdr .fh-best{flex-wrap:wrap;gap:4px 12px;margin-top:14px;padding:12px 0}
  #fh-hdr .fh-best-l{flex-basis:100%}
  #fh-hdr .fh-best-n{font-size:16px}
  .fh-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .fh-sfoot{margin-top:22px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
  body.fles-h-home .fh-hdr.is-drawer{background:var(--fh-g)}
}
@media (prefers-reduced-motion:reduce){#fh-hdr *,#fh-drawer *,.fh-hdr,.fh-drawer,.fh-scrim{transition:none !important}}
/* 1.0.8: stranica rezultata pretrage bez trake „Sve novo · Dnevni boravak · Spavaća soba · Trpezarija“ (na /novo/ ostaje) */
body.fles-h-on.search .fles-polica-bar,body.fles-h-on.search .fles-m-tabs{display:none !important}
/* 1.0.14–1.0.15 (K3-111, 07.10.2026): poziv i poruke na telefonu — samo ispod 961 px; desktop nepromijenjen */
.fh-dkanali{display:none}
@media (max-width:960px){
  /* zaglavlje: slušalica lijevo od lupe — ista kutija .fh-ico 44×44 i ista boja kao lupa */
  #fh-hdr .fh-tel svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  /* meni: red Pozovite · WhatsApp · Viber na dnu; sadržaj dobija donji razmak = visina reda, pa red ništa ne prekriva */
  #fh-drawer{padding-bottom:calc(32px + 56px + env(safe-area-inset-bottom,0px))}
  #fh-drawer .fh-dkanali{position:fixed;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--fh-g);border-top:1px solid rgba(242,242,242,.16)}
  #fh-drawer .fh-dkanali a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;color:var(--fh-ink);font-size:15px;font-weight:400}
  #fh-drawer .fh-dkanali a + a{border-left:1px solid rgba(242,242,242,.16)}
  #fh-drawer .fh-dkanali svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
}