/* =====================================================================
   bm-company · header (M2, agent HEADER)
   Gornja traka, header, ljepljivo ponašanje, red navigacije, mega meni, mobilna ladica menija.
   Mjere i animacije: Hyper (hyper/H1, H5), pravila: crossover/X1 §3–§8. Granica mobitel/računar 1024/1025 px.
   Header postavlja na :root --header-height (vidljiva visina) i --header-bottom (donja ivica u viewportu) – koriste ih
   panel pretrage, ladice i ljepljivi elementi stranice.
   ===================================================================== */

:root{
	--header-easing:cubic-bezier(.33,0,0,1);
	--header-duration:.25s;
	--ease-mega:cubic-bezier(.39,.575,.565,1);
	--header-height:56px;
	--header-bottom:56px;
}
@media (min-width:1025px){:root{--header-height:118px;--header-bottom:158px}}

/* podvlaka linka (Hyper reversed-link): raste s lijeva, povlači se udesno */
.bmc-ulink{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:100% 100%;transition:background-size var(--animation-default),color var(--duration-default)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
	.bmc-ulink:hover,a:hover>.bmc-ulink,a:hover .bmc-cart-word{background-size:100% 1px;background-position:0 100%}
}

/* ---------- gornja traka (X1 §3) ---------- */
.bmc-topbar{position:relative;z-index:31;background:rgb(var(--color-primary));color:#fff;font-size:1.4rem;line-height:2rem} /* iznad tamnog sloja mega menija (29), kao Hyper */
html[data-bmc-layer="search-panel"] .bmc-topbar,html[data-bmc-layer="menu-drawer"] .bmc-topbar{z-index:95} /* i iznad sloja pretrage i ladice menija (90): oba počinju ispod headera (Hyper m390-02) */
.bmc-topbar a{color:#fff}
.bmc-topbar a:hover{color:#fff}
.bmc-topbar__grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:4rem;padding-block:.8rem}
.bmc-topbar__links{display:flex;gap:2rem;font-weight:700}
.bmc-topbar__msg{display:flex;align-items:center;gap:.8rem;margin:0;white-space:nowrap}
.bmc-topbar__right{display:flex;align-items:center;justify-content:flex-end;gap:2rem}
.bmc-topbar__viber{display:inline-flex;align-items:center;gap:.8rem;font-weight:700}
.bmc-topbar__viber .icon{flex:none}
.bmc-topbar__social{display:flex;gap:1.2rem}
.bmc-topbar__social a{display:flex;transition:opacity var(--duration-default)}
.bmc-topbar__social a:hover{opacity:.75}
@media (max-width:1024px){
	.bmc-topbar{display:none} /* vlasnik 02.11.2026: bez crvene trake na mobitelu; Viber je u ladici menija */
}

/* ---------- header: omotač ljepljiv, providan i bez klikova; redovi imaju svoju pozadinu (CLS 0) ---------- */
.bmc-hsent{height:0}
.bmc-header{position:sticky;top:0;z-index:30;padding:0;border:0;pointer-events:none;transition:transform .5s cubic-bezier(.6,0,.4,1)}
@media (min-width:1025px){.bmc-header{top:var(--wp-admin--admin-bar--height,0px)}}
.bmc-header__top,.bmc-nav,.bmc-mega.is-visible{pointer-events:auto}
.bmc-header__top{position:relative;z-index:2;background:rgb(var(--color-background));transition:box-shadow .3s}
.bmc-header__grid{display:grid;grid-template-columns:auto minmax(0,60rem) 1fr;align-items:center;column-gap:3.2rem;padding-block:1.4rem}
.bmc-header__brand{display:flex;align-items:center;min-width:0}
.bmc-logo{display:block;flex:none;line-height:0}
.bmc-logo img{width:22rem;height:auto}

/* hamburger: 3 linije 20×2 px, razmak 7 px; morfoza u X (.2s ease, sekvenca sa .22s) */
.bmc-burger{position:relative;display:none;flex:none;width:2.4rem;height:2.4rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground))}
.bmc-burger__lines{position:absolute;inset:0;display:block}
.bmc-burger__lines i{position:absolute;left:.2rem;top:50%;width:2rem;height:.2rem;margin-top:-.1rem;border-radius:.2rem;background:currentColor;transition:translate .2s ease .22s,rotate .2s ease,opacity .2s ease .22s}
.bmc-burger__lines i:nth-child(1){translate:0 -.7rem}
.bmc-burger__lines i:nth-child(3){translate:0 .7rem}
.bmc-burger[aria-expanded="true"] .bmc-burger__lines i{transition:translate .2s ease,rotate .2s ease .22s,opacity .2s ease}
.bmc-burger[aria-expanded="true"] .bmc-burger__lines i:nth-child(1){translate:0 0;opacity:0}
.bmc-burger[aria-expanded="true"] .bmc-burger__lines i:nth-child(2){rotate:45deg}
.bmc-burger[aria-expanded="true"] .bmc-burger__lines i:nth-child(3){translate:0 0;rotate:-45deg}

/* ---------- forma pretrage (osnovni izgled; otvoreno stanje i panel su agenta PRETRAGA) ---------- */
.bmc-header__search{display:flex;align-items:center;min-width:0}
.bmc-search{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0;height:var(--buttons-height);border-radius:var(--inputs-radius);background:rgb(var(--color-field));box-shadow:0 0 0 1px transparent;transition:background-color .3s,box-shadow .3s}
.bmc-search__cat{position:relative;display:flex;align-items:center;flex:none;height:100%}
.bmc-search__cat::after{content:"";position:absolute;right:0;top:1rem;bottom:1rem;width:1px;background:rgba(0,0,0,.1)}
.bmc-search__cat select{height:100%;min-width:16.4rem;max-width:22rem;padding:0 4rem 0 2.4rem;border:0;border-radius:var(--inputs-radius) 0 0 var(--inputs-radius);background:transparent;font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground));text-overflow:ellipsis;appearance:none;-webkit-appearance:none;cursor:pointer}
.bmc-search__caret{position:absolute;right:2rem;top:50%;--icon-size:1.2rem;margin-top:-.6rem;pointer-events:none}
.bmc-search__field{flex:1 1 auto;min-width:0;height:100%}
.bmc-search__field input{width:100%;height:100%;padding:0 5.6rem 0 2.4rem;border:0;background:transparent;font-size:1.5rem;color:rgb(var(--color-foreground));appearance:none;-webkit-appearance:none}
.bmc-search__field input::placeholder{color:rgb(var(--color-subtext));opacity:1}
.bmc-search__field input::-webkit-search-cancel-button,.bmc-search__field input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.bmc-search__field input:focus{outline:0}
.bmc-search:focus-within{background:rgb(var(--color-background));box-shadow:0 0 0 1px rgb(var(--color-foreground))}
.bmc-search__submit{position:absolute;right:.4rem;top:50%;display:grid;place-content:center;width:4rem;height:4rem;margin-top:-2rem;padding:0;border:0;border-radius:50%;background:none;color:rgb(var(--color-foreground));transition:opacity .2s}
.bmc-search__clear{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);padding:.4rem;border:0;background:none;font-size:1.2rem;font-weight:700;color:rgb(var(--color-foreground))}
.bmc-search__clear:not([hidden])~.bmc-search__submit{opacity:0;pointer-events:none}
.bmc-search-close{display:grid;place-content:center;flex:none;width:0;height:4.8rem;padding:0;margin:0;border:0;background:none;color:rgb(var(--color-foreground));opacity:0;visibility:hidden;overflow:hidden;transition:width var(--animation-default),padding var(--animation-default),opacity var(--animation-default),visibility 0s .5s}
html[data-bmc-layer="search-panel"] .bmc-search-close{width:3.6rem;padding-left:1.2rem;opacity:1;visibility:visible;transition:width var(--animation-default),padding var(--animation-default),opacity var(--animation-default),visibility 0s}
@supports (-webkit-touch-callout:none){.bmc-search__field input,.bmc-search__cat select{font-size:1.6rem}}

/* ---------- ikone desno ---------- */
.bmc-hicons{display:flex;align-items:center;justify-content:flex-end;gap:2.4rem}
.bmc-hicon{position:relative;display:flex;align-items:center;gap:.8rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:700;line-height:2.4rem;white-space:nowrap}
.bmc-hicon:hover{color:rgb(var(--color-foreground))}
.bmc-hicon__label{display:none}
@media (min-width:1280px){.bmc-hicon__label{display:inline}}
.bmc-hicon--viber,.bmc-hicon--search{display:none}
.bmc-cart-btn{gap:1.8rem}
.bmc-cart-btn__circle{position:relative;display:grid;place-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:rgb(var(--color-field));transition:background-color .3s}
.bmc-cart-btn:hover .bmc-cart-btn__circle{background:rgb(var(--color-border))}
.bmc-cart-count{position:absolute;top:-.2rem;right:-1.2rem;min-width:2.4rem;height:2.4rem;padding:0 .6rem;border-radius:1.2rem;background:rgb(var(--color-cart-bubble));color:#fff;font-size:1.4rem;font-weight:700;line-height:2.4rem;text-align:center;transform:scale(1);transition:transform .3s var(--ease-out)}
.bmc-cart-count:not([data-count]),.bmc-cart-count[data-count="0"]{transform:scale(0)}
.bmc-cart-count.is-bump{animation:bmc-bump .4s cubic-bezier(.3,1,.3,1)}
@keyframes bmc-bump{50%{transform:scale(1.15)}}
.bmc-cart-total:empty{display:none}
.bmc-cart-total:not(:empty)+.bmc-cart-word{display:none}

/* račun: prijavljeni dobijaju Hyper padajuću listu (bijela, okvir 1 px, bez sjene i radijusa) */
.bmc-acc{position:relative}
.bmc-acc__dd{position:absolute;right:-2rem;top:100%;z-index:3;min-width:25rem;padding-top:1.6rem;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .3s cubic-bezier(.7,0,.2,1),visibility 0s .6s}
.bmc-acc__list{margin:0;padding:2.4rem 0;list-style:none;background:#fff;border:1px solid rgb(var(--color-border));transform:translateY(-105%);transition:transform .6s cubic-bezier(.7,0,.2,1)}
.bmc-acc__list a{display:inline-block;margin:0 2rem;padding:.4rem 0;color:rgb(var(--color-subtext));font-size:1.5rem}
.bmc-acc__list a:hover{color:rgb(var(--color-foreground))}
.bmc-acc.is-logged:hover .bmc-acc__dd,.bmc-acc.is-logged:focus-within .bmc-acc__dd{opacity:1;visibility:visible;transition:opacity .6s cubic-bezier(.7,0,.2,1) .1s,visibility 0s}
.bmc-acc.is-logged:hover .bmc-acc__list,.bmc-acc.is-logged:focus-within .bmc-acc__list{transform:none}

/* ---------- ljepljivo: računar (always + collapse, X1 §5.1) ---------- */
@media (min-width:1025px){
	.bmc-burger--nav{display:block;width:0;margin-right:0;opacity:0;overflow:hidden;visibility:hidden;transition:width .3s,margin .3s,opacity .3s,visibility 0s .3s}
	.bmc-header.is-scrolled .bmc-burger--nav{width:2.4rem;margin-right:1.2rem;opacity:1;visibility:visible;transition:width .3s,margin .3s,opacity .3s,visibility 0s}
	.bmc-header.is-scrolled:not(.is-nav-shown) .bmc-header__top{box-shadow:0 4px 18px rgba(0,0,0,.1)}
	.bmc-header.is-scrolled.is-nav-shown .bmc-nav{box-shadow:0 4px 18px rgba(0,0,0,.1)}
	.bmc-header.is-scrolled:not(.is-nav-shown) .bmc-nav{transform:translate3d(0,calc(-100% - 1px),0);visibility:hidden;transition:transform var(--header-duration) var(--header-easing),visibility 0s var(--header-duration),box-shadow .3s}
}

/* ---------- red navigacije (X1 §6) ---------- */
.bmc-nav{position:relative;z-index:1;background:rgb(var(--color-background));border-bottom:1px solid rgb(var(--color-border));transform:translate3d(0,0,0);transition:transform var(--header-duration) var(--header-easing),visibility 0s,box-shadow .3s}
.bmc-nav__list{display:flex;align-items:center;margin:0 -1.6rem;padding:0 0 1.2rem;list-style:none;white-space:nowrap;overflow:hidden;overflow:clip;overflow-clip-margin:.6rem}
.bmc-nav__item{position:relative;display:flex;align-items:center;flex:none}
.bmc-nav__item.is-cut{display:none}
@media (max-width:1279px){.bmc-nav__item[data-minw="1280"]{display:none}}
@media (max-width:1439px){.bmc-nav__item[data-minw="1440"]{display:none}}
.bmc-nav__link{position:relative;display:flex;align-items:center;padding:.4rem 1.6rem;font-size:1.3rem;font-weight:700;line-height:2.4rem;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-foreground))}
.bmc-nav__item[data-mega] .bmc-nav__link{padding-right:0}
.bmc-nav__link:hover{color:rgb(var(--color-foreground))}
.bmc-nav__link[aria-current="page"]{color:rgb(var(--color-primary))}
.bmc-nav__txt{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:100% 100%;transition:background-size var(--animation-default)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
	.bmc-nav__item:hover .bmc-nav__txt,.bmc-nav__item.is-open .bmc-nav__txt{background-size:100% 1px;background-position:0 100%}
}
.bmc-nav__toggle{display:grid;place-content:center;height:3.2rem;padding:0 1.6rem 0 .8rem;border:0;background:none;color:rgb(var(--color-foreground))}
/* strelica (Phosphor caret-down) je CSS maska, ne SVG u svakom dugmetu (M4: manje DOM čvorova); NE rotira se (Hyper) */
.bmc-nav__toggle::before{content:"";width:1.2rem;height:1.2rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E") center/contain no-repeat}
.bmc-nav__item--sale .bmc-nav__link{color:rgb(var(--color-primary))}

/* twinkle: 3 zvjezdice 8 px, 2 s beskonačno, kašnjenja 0 / .3 / .6 s */
.bmc-twinkle{position:absolute;inset:0;pointer-events:none}
.bmc-twinkle i{position:absolute;width:.8rem;height:.8rem;color:rgb(var(--color-primary));animation:bmc-twinkle 2s infinite;transform:scale(0)}
.bmc-twinkle i{background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l.95 3.05L8 4l-3.05.95L4 8l-.95-3.05L0 4l3.05-.95z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l.95 3.05L8 4l-3.05.95L4 8l-.95-3.05L0 4l3.05-.95z'/%3E%3C/svg%3E") center/100% 100% no-repeat} /* zvjezdica = CSS maska (M4) */
.bmc-twinkle i:nth-child(1){left:.6rem;top:.2rem}
.bmc-twinkle i:nth-child(2){right:.4rem;top:0;animation-delay:.3s}
.bmc-twinkle i:nth-child(3){right:.6rem;bottom:.2rem;animation-delay:.6s}
@keyframes bmc-twinkle{0%,100%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.bmc-twinkle{display:none}}

/* ---------- mega meni (X1 §7): zavjesa translateY(-100%) → 0, 0,5 s easeOutSine ---------- */
.bmc-hoverlay{position:fixed;inset:0;z-index:29;background:rgba(var(--color-overlay),.5);opacity:0;visibility:hidden;cursor:zoom-out;transition:opacity var(--animation-overlay),visibility 0s .8s}
.bmc-hoverlay.is-on{opacity:1;visibility:visible;transition:opacity var(--animation-overlay),visibility 0s}
.bmc-mega{position:absolute;left:0;right:0;top:100%;overflow:hidden;pointer-events:none}
.bmc-mega[hidden]{display:none}
.bmc-mega__panel{background:rgb(var(--color-background));transform:translateY(-100%);visibility:hidden;transition:transform .5s var(--ease-mega),visibility 0s .5s}
.bmc-mega.is-open .bmc-mega__panel{transform:none;visibility:visible;transition:transform .5s var(--ease-mega),visibility 0s}
.bmc-mega.is-instant .bmc-mega__panel{transition:none}
.bmc-mega__scroll{max-height:min(75vh,calc(100vh - var(--header-bottom) - 16px));max-height:min(75vh,calc(100dvh - var(--header-bottom) - 16px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.bmc-mega__in{position:relative}
/* sadržaj blijedi 100 ms poslije otvaranja (.5s (.6,0,.4,1)); pločice i promo kaskadno .25s + .1s × i */
.bmc-mega .bmc-cats__list,.bmc-mega .bmc-cp__head,.bmc-mega .bmc-cp__groups,.bmc-mega .bmc-cp__btn,.bmc-mega .bmc-promo,.bmc-mega .bmc-cp--tiles .bmc-g{opacity:0;transition:opacity var(--animation-nav)}
.bmc-mega .bmc-cp--tiles .bmc-cp__groups{opacity:1}
.bmc-mega .bmc-promo,.bmc-mega .bmc-cp--tiles .bmc-g{transition-delay:calc(.25s + .1s * var(--i,0))}
.bmc-mega.is-ready .bmc-cats__list,.bmc-mega.is-ready .bmc-cp__head,.bmc-mega.is-ready .bmc-cp__groups,.bmc-mega.is-ready .bmc-cp__btn,.bmc-mega.is-ready .bmc-promo,.bmc-mega.is-ready .bmc-cp--tiles .bmc-g{opacity:1}
.bmc-mega.is-switch .bmc-cats__list,.bmc-mega.is-switch .bmc-cp__head,.bmc-mega.is-switch .bmc-cp__groups,.bmc-mega.is-switch .bmc-cp__btn,.bmc-mega.is-switch .bmc-promo,.bmc-mega.is-switch .bmc-cp--tiles .bmc-g{transition-duration:.3s;transition-delay:0s}

/* „Sve kategorije“ – tip B: lista 17 glavnih lijevo (300 px), panel aktivne desno */
.bmc-mega .bmc-cats{position:relative;min-height:var(--cats-h,0px);transition:min-height var(--animation-nav)}
.bmc-mega .bmc-cats__list{width:30rem;margin:0;padding:2rem 0 4rem;list-style:none}
.bmc-mega .bmc-cats__link{display:flex;align-items:center;gap:1rem;min-height:3.6rem;padding:.6rem 1.2rem;border-radius:.6rem;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:700;line-height:2.4rem;transition:background-color var(--animation-fast),color var(--duration-default)}
.bmc-mega .bmc-cats__link .bmc-caticon{--icon-size:2rem}
.bmc-mega .bmc-cats__caret{margin-left:auto}
.bmc-mega .bmc-cats__item.is-active>.bmc-cats__row .bmc-cats__link{background:rgb(var(--color-field))}
.bmc-mega .bmc-cats__link[aria-current="page"]{color:rgb(var(--color-primary))}
.bmc-mega .bmc-cats .bmc-cp{position:absolute;top:0;left:30rem;right:0;padding:2rem 0 4rem 3rem;border-left:1px solid rgb(var(--color-border));opacity:0;visibility:hidden;transition:opacity var(--animation-nav),visibility 0s .5s}
.bmc-mega .bmc-cats .bmc-cats__item.is-active>.bmc-cp{opacity:1;visibility:visible;transition:opacity var(--animation-nav),visibility 0s}
.bmc-mega .bmc-cats .bmc-cp__body{transform:translateX(10%);transition:transform var(--animation-nav)}
.bmc-mega .bmc-cats .bmc-cats__item.is-active>.bmc-cp .bmc-cp__body{transform:none}

/* panel glavne (računar) */
.bmc-cp__back,.bmc-cp__all{display:none}
.bmc-mega .bmc-cp__head{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:1.2rem;margin-bottom:2rem}
.bmc-cp__title{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-heading);font-size:2.2rem;font-weight:600;line-height:3.2rem;color:rgb(var(--color-text-heading))}
.bmc-cp__title .icon{transition:transform var(--animation-default)}
.bmc-cp__title:hover{color:rgb(var(--color-primary))}
.bmc-cp__title:hover .icon{transform:translateX(.4rem)}
.bmc-cp__count{font-size:1.3rem;color:rgb(var(--color-subtext))}
.bmc-cp__desc{flex:0 0 100%;max-width:100%;padding-right:max(0px,calc(100% - 90rem));margin:.4rem 0 0;font-size:1.4rem;line-height:2.2rem;color:rgb(var(--color-subtext));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bmc-cp--promo .bmc-cp__desc{-webkit-line-clamp:4}
.bmc-mega .bmc-cp__body{display:grid;grid-template-columns:minmax(0,1fr) 20%;gap:3rem;align-items:start}
@media (max-width:1279px){.bmc-mega .bmc-cp__body{grid-template-columns:minmax(0,1fr) 24%}}
.bmc-mega .bmc-cp--promo .bmc-cp__body{grid-template-columns:auto 40%;justify-content:space-between;align-items:start}
.bmc-cp__groups{margin:0;padding:0;list-style:none}
.bmc-g__sub{margin:0;padding:0;list-style:none}
.bmc-g__tgl{display:none}
/* kolone (> 6 podkategorija): 3 u „Sve“, 4 u tipu A; linija između kolona, grupe se ne lome */
.bmc-mega .bmc-cp--cols .bmc-cp__groups{columns:3;column-gap:6rem;column-rule:1px solid rgb(var(--color-border))}
.bmc-mega .bmc-cp--a.bmc-cp--cols .bmc-cp__groups{columns:4}
.bmc-mega .bmc-cp--cols .bmc-g{break-inside:avoid;padding-bottom:.8rem}
.bmc-mega .bmc-cp--cols .bmc-g__img{display:none}
.bmc-mega .bmc-g__link{display:inline-block;padding:.4rem 0;font-size:1.5rem;line-height:2.4rem;color:rgb(var(--color-subtext))}
.bmc-mega .bmc-cp--heads .bmc-g__link{font-weight:700;color:rgb(var(--color-foreground))}
.bmc-mega .bmc-g__sub a{display:inline-block;padding:.3rem 0 .3rem 1.2rem;font-size:1.5rem;line-height:2.4rem;color:rgb(var(--color-subtext))}
.bmc-mega .bmc-g__name,.bmc-mega .bmc-g__sub a{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:100% 100%;transition:background-size var(--animation-default),color var(--duration-default)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
	.bmc-mega .bmc-g__link:hover .bmc-g__name,.bmc-mega .bmc-g__sub a:hover{background-size:100% 1px;background-position:0 100%}
}
.bmc-mega .bmc-g__link:hover,.bmc-mega .bmc-g__sub a:hover{color:rgb(var(--color-foreground))}
.bmc-mega .bmc-g__link[aria-current="page"],.bmc-mega .bmc-g__sub a[aria-current="page"]{color:rgb(var(--color-primary))}
/* pločice (≤ 6 podkategorija): 6 kolona, slika 1:1, naziv ispod */
.bmc-mega .bmc-cp--tiles .bmc-cp__groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3rem}
.bmc-mega .bmc-cp--tiles .bmc-g__link{display:flex;flex-direction:column;gap:1.2rem;padding:0;font-size:1.5rem;line-height:2.2rem;color:rgb(var(--color-foreground))}
.bmc-mega .bmc-cp--tiles .bmc-g__img{display:block;aspect-ratio:1;border-radius:.6rem;overflow:hidden;background:rgb(var(--color-secondary-background))}
.bmc-mega .bmc-cp--tiles .bmc-g__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--animation-long)}
@media (hover:hover){.bmc-mega .bmc-cp--tiles .bmc-g__link:hover img{transform:scale(1.03)}}
.bmc-mega .bmc-cp--tiles .bmc-g__sub a{padding:.2rem 0;font-size:1.3rem}
.bmc-g__ph{--icon-size:40%;margin:auto;color:rgb(var(--color-subtext));opacity:.5}
.bmc-mega .bmc-cp--tiles .bmc-g__img:has(.bmc-g__ph){display:grid}

/* promo pločica (Hyper: 476/344, radijus 10, gradijent zbog svijetlih studijskih fotografija) */
.bmc-promo{position:relative;display:block;aspect-ratio:476/344;border-radius:var(--blocks-radius);overflow:hidden;background:rgb(var(--color-secondary-background));color:#fff;isolation:isolate}
.bmc-mega .bmc-cp--cols .bmc-cp__body,.bmc-mega .bmc-cp--tiles .bmc-cp__body{position:relative}
.bmc-promo:hover{color:#fff}
.bmc-promo__media{position:absolute;inset:0;z-index:-1}
.bmc-promo__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.68) 100%)} /* BM slike su svijetle studijske: bijeli tekst treba tamniju podlogu cijelom visinom (axe color-contrast, QA M2) */
.bmc-promo__sub,.bmc-promo__title{text-shadow:0 1px 8px rgba(0,0,0,.45)}
.bmc-promo__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1s var(--ease-out)}
.bmc-promo__text{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:2.4rem}
.bmc-promo__sub{font-size:1.4rem;font-weight:700;line-height:2rem}
.bmc-promo__title{font-family:var(--font-heading);font-size:2.4rem;font-weight:600;line-height:3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bmc-promo__btn{margin-top:1.2rem;pointer-events:none}
/* mega meni: kartica je uska (~220 px na 1440–1510 px) – bez broja proizvoda (već je u naslovu panela), manji naslov i razmaci, da tekst ne bude odsječen (vlasnik 02.11.2026) */
.bmc-mega .bmc-promo__sub{display:none}
.bmc-mega .bmc-promo{aspect-ratio:auto;min-height:16.8rem;height:clamp(16.8rem,12.5vw,22rem)}
.bmc-mega .bmc-promo__text{padding:1.6rem;gap:0}
.bmc-mega .bmc-promo__title{font-size:2rem;line-height:2.5rem}
.bmc-mega .bmc-promo__btn{margin-top:1rem}
.bmc-mega .bmc-promo__sub,.bmc-mega .bmc-promo__title,.bmc-mega .bmc-promo__btn{opacity:0;transform:translate3d(0,2.5rem,0);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.bmc-mega .bmc-promo__sub{transition-delay:.4s}.bmc-mega .bmc-promo__title{transition-delay:.45s}.bmc-mega .bmc-promo__btn{transition-delay:.5s}
.bmc-mega.is-ready .bmc-cp--a .bmc-promo__media img,.bmc-mega.is-ready .is-active>.bmc-cp .bmc-promo__media img{transform:none}
.bmc-mega.is-ready .bmc-cp--a .bmc-promo__text>*,.bmc-mega.is-ready .is-active>.bmc-cp .bmc-promo__text>*{opacity:1;transform:none}
@media (hover:hover){.bmc-mega.is-ready .bmc-promo:hover .bmc-promo__media img,.bmc-md .bmc-promo:hover .bmc-promo__media img{transform:scale(1.03) rotate(.02deg);transition:transform var(--animation-long)}}
/* lijeva linija promo kolone */
.bmc-mega .bmc-cp--cols .bmc-cp__body::after,.bmc-mega .bmc-cp--tiles .bmc-cp__body::after{content:"";position:absolute;top:0;bottom:0;right:calc(20% + 1.5rem);width:1px;background:rgb(var(--color-border))}
@media (max-width:1279px){.bmc-mega .bmc-cp--cols .bmc-cp__body::after,.bmc-mega .bmc-cp--tiles .bmc-cp__body::after{right:calc(24% + 1.5rem)}}

/* tip A (klon panela u redu navigacije): bez sidebara, puna širina */
.bmc-mega .bmc-cp--a{padding:2rem 0 4rem}

/* ---------- mobilni header (≤1024, X1 §8.1) ---------- */
@media (max-width:1024px){
	.bmc-header__top{background:none}
	.bmc-header__top::before{content:"";position:absolute;inset:0 0 auto;z-index:2;height:5.6rem;background:rgb(var(--color-background));transition:box-shadow .3s}
	.bmc-header__grid{position:relative;grid-template-columns:1fr auto 1fr;grid-template-rows:5.6rem;grid-template-areas:"brand . icons";column-gap:1.2rem;padding-block:0}
	.bmc-header__brand{grid-area:brand;position:static;z-index:3;gap:1.2rem}
	.bmc-burger--drawer{position:relative;z-index:3}
	/* logo u sredini gornjeg reda (vlasnik 02.11.2026) */
	.bmc-logo{position:absolute;left:50%;top:2.8rem;z-index:3;transform:translate(-50%,-50%)}
	.bmc-hicons{grid-area:icons;position:relative;z-index:3;gap:1.6rem}
	.bmc-burger--drawer{display:block}
	.bmc-logo img{width:13rem}
	.bmc-header__search{grid-area:search;position:absolute;left:0;right:0;top:5.6rem;z-index:1;padding:0 var(--page-padding) .6rem;background:rgb(var(--color-background));transition:transform var(--header-duration) var(--header-easing),visibility 0s,box-shadow .3s}
	.bmc-search__cat select{min-width:0;width:8rem;max-width:8rem;padding:0 2.8rem 0 1.6rem}
	.bmc-search__caret{right:1.2rem}
	.bmc-hicon--store,.bmc-acc{display:none}
	.bmc-hicon--search{display:flex;width:0;margin-left:-1.6rem;opacity:0;visibility:hidden;overflow:hidden;transition:width .3s,margin .3s,opacity .3s,visibility 0s .3s}
	.bmc-cart-btn{gap:0}
	.bmc-cart-btn .bmc-hicon__label{display:none}
	.bmc-nav{display:none}
	/* kompaktno (na mobitelu uvijek, header.js): red pretrage je skupljen iza gornjeg reda, vidi se lupa; klik otvara pretragu */
	.bmc-header:not(.is-search-shown) .bmc-header__search{transform:translate3d(0,calc(-100% - 1px),0);visibility:hidden;transition:transform var(--header-duration) var(--header-easing),visibility 0s var(--header-duration),box-shadow .3s}
	.bmc-header:not(.is-search-shown) .bmc-hicon--search{width:2.4rem;margin-left:0;opacity:1;visibility:visible;transition:width .3s,margin .3s,opacity .3s,visibility 0s}
	.bmc-header.is-scrolled:not(.is-search-shown) .bmc-header__top::before{box-shadow:0 4px 18px rgba(0,0,0,.1)}
	.bmc-header.is-search-shown .bmc-header__search{box-shadow:0 4px 18px rgba(0,0,0,.1)}
	/* on-scroll-up: sakrij poslije 200 px nadolje, vrati poslije 60 px nagore (.5s (.6,0,.4,1)) */
	.bmc-header.is-hidden{transform:translate3d(0,-100%,0)}
	html[data-bmc-layer] .bmc-header{transform:none}
}
@media (max-width:639px){
	.bmc-cart-btn__circle{width:2.4rem;height:2.4rem;background:none}
	.bmc-cart-btn:hover .bmc-cart-btn__circle{background:none}
	.bmc-cart-count{top:-.7rem;right:-1.2rem;min-width:2rem;height:2rem;padding:0 .5rem;font-size:1.2rem;line-height:2rem}
}
@media (max-width:359px){.bmc-logo img{width:11.5rem}.bmc-hicons{gap:1.2rem}}

/* header iznad zajedničkog tamnog sloja (.bmc-overlay z 90) dok su otvoreni meni ili pretraga (Hyper: ladica i panel su ispod headera) */
html[data-bmc-layer="menu-drawer"] .bmc-header,html[data-bmc-layer="search-panel"] .bmc-header{z-index:95}
@media (min-width:1025px){html[data-bmc-layer="search-panel"] .bmc-header .bmc-header__search{transform:none;visibility:visible}} /* mobitel: panel preko cijelog ekrana (vlasnik 04.11.2026) */

/* ---------- mobilna ladica menija (X1 §8): ispod headera, translateX(-100%) → 0, .6s (.7,0,.2,1) ---------- */
.bmc-md{position:fixed;left:0;right:0;bottom:0;top:var(--header-bottom);z-index:92;transition:transform .6s linear} /* trajanje na samom sloju = koliko bmcLayer čeka prije hidden */
.bmc-md__inner{position:relative;height:100%;overflow:hidden;background:rgb(var(--color-background));transform:translate3d(-100%,0,0);transition:transform var(--animation-drawer)}
.bmc-md.is-open .bmc-md__inner{transform:none}
.bmc-md__scroll{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.8rem 0 calc(3.2rem + env(safe-area-inset-bottom))}
@media (min-width:1025px){.bmc-md{display:none!important}}

/* prvi nivo: 17 glavnih (ikona 24, Lato 700 16/25,6), bez linija */
.bmc-md .bmc-cats__list{margin:0;padding:0;list-style:none}
.bmc-md .bmc-cats__link{display:flex;align-items:center;gap:1.2rem;padding:1.2rem var(--page-padding);font-size:1.6rem;font-weight:700;line-height:2.56rem;color:rgb(var(--color-foreground))}
.bmc-md .bmc-cats__link .bmc-caticon{--icon-size:2.4rem}
.bmc-md .bmc-cats__caret{margin-left:auto}
.bmc-md .bmc-cats__link[aria-current="page"]{color:rgb(var(--color-primary))}
.bmc-md .bmc-cats__row,.bmc-md__rest{transition:transform var(--animation-default)}
.bmc-md.has-sub .bmc-cats__row,.bmc-md.has-sub .bmc-md__rest{transform:translate3d(-30%,0,0)}
.bmc-md.has-sub-done .bmc-cats__row,.bmc-md.has-sub-done .bmc-md__rest{display:none}
.bmc-md__sale{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.2rem var(--page-padding);font-size:1.6rem;font-weight:700;line-height:2.56rem;color:rgb(var(--color-primary))}
.bmc-md__sale .bmc-twinkle{left:calc(var(--page-padding) + 3.2rem);right:auto;top:.6rem;bottom:.6rem;width:7rem}
.bmc-md__sale:hover{color:rgb(var(--color-primary))}
.bmc-md__menu{margin:.8rem var(--page-padding) 0;padding:.8rem 0 0;border-top:1px solid rgb(var(--color-border));list-style:none}
.bmc-md__menu a{display:block;padding:1rem 0;font-size:1.5rem;line-height:2.4rem;color:#444}
.bmc-md__foot{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin:1.6rem var(--page-padding) 0;padding-top:1.6rem;border-top:1px solid rgb(var(--color-border))}
.bmc-md__link{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground))}
.bmc-md__viber{margin-top:.8rem}
.bmc-md__tel{font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground))}
.bmc-md__msg{margin:0;font-size:1.3rem;color:rgb(var(--color-subtext))}
.bmc-md__social{display:flex;gap:1.2rem}
.bmc-md__social a{display:grid;place-content:center;width:4.8rem;height:4.8rem;border:1px solid rgb(var(--color-border));border-radius:50%;color:rgb(var(--color-foreground));transition:border-color var(--duration-default)}
.bmc-md__social a:hover{border-color:rgb(var(--color-foreground))}
.bmc-md__close{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}
.bmc-md__close:focus{position:static!important;width:auto;height:auto;margin:1.6rem var(--page-padding);padding:1rem 1.6rem;clip:auto;border:1px solid rgb(var(--color-border));border-radius:var(--buttons-radius);background:#fff}

/* podsloj (L2): s desna .5s (.3,1,.3,1), prvi nivo paralaksa −30 %; zatvaranje uklanja sloj poslije 400 ms */
.bmc-md .bmc-cp{position:absolute;inset:0;z-index:2;display:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(3.2rem + env(safe-area-inset-bottom));background:rgb(var(--color-background));transform:translate3d(100%,0,0);transition:transform var(--animation-default)}
.bmc-md .bmc-cp.is-shown{display:block}
.bmc-md .bmc-cp.is-open{transform:none}
.bmc-md .bmc-cp__head{display:none}
.bmc-md .bmc-cp__back{display:flex;align-items:center;gap:.8rem;width:100%;padding:1.2rem var(--page-padding);border:0;background:none;font-size:1.5rem;line-height:2.4rem;color:rgba(0,0,0,.6);text-align:left}
.bmc-md .bmc-cp__all{display:flex;align-items:center;gap:.8rem;padding:1.2rem var(--page-padding);font-size:1.6rem;font-weight:700;line-height:2.4rem;color:rgb(var(--color-primary))}
.bmc-md .bmc-cp__all:hover{color:rgb(var(--color-primary-dark))}
.bmc-md .bmc-cp__body{display:block}
.bmc-md .bmc-g__row{display:flex;align-items:center;min-height:5.6rem;padding:0 calc(var(--page-padding) - 1rem) 0 var(--page-padding)}
.bmc-md .bmc-g__link{display:flex;align-items:center;gap:1.2rem;flex:1 1 auto;min-width:0;padding:.8rem 0;font-size:1.5rem;font-weight:700;line-height:2.2rem;color:rgb(var(--color-foreground))}
.bmc-md .bmc-g__img{display:grid;flex:none;width:4rem;height:4rem;border-radius:.6rem;overflow:hidden;background:rgb(var(--color-secondary-background))}
.bmc-md .bmc-g__img img{width:100%;height:100%;object-fit:cover}
.bmc-md .bmc-g__tgl{display:grid;place-content:center;flex:none;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground))}
.bmc-md .bmc-g__tgl .icon{--icon-size:1.2rem}
.bmc-md .bmc-g__minus,.bmc-md .bmc-g.is-open .bmc-g__plus{display:none}
.bmc-md .bmc-g.is-open .bmc-g__minus{display:block}
/* harmonika L3: visina .25s ease, sadržaj opacity + translateY(10px) .15s */
.bmc-md .bmc-g__sub{display:none;overflow:hidden;transition:height .25s ease}
.bmc-md .bmc-g.is-open>.bmc-g__sub,.bmc-md .bmc-g__sub.is-anim{display:block}
.bmc-md .bmc-g__sub li{opacity:0;transform:translate3d(0,1rem,0);transition:opacity .15s,transform .15s}
.bmc-md .bmc-g.is-open>.bmc-g__sub li{opacity:1;transform:none}
.bmc-md .bmc-g__sub a{display:block;padding:.6rem var(--page-padding) .6rem calc(var(--page-padding) + 5.2rem);font-size:1.5rem;line-height:2.2rem;color:rgb(var(--color-subtext))}
.bmc-md .bmc-g__sub a[aria-current="page"],.bmc-md .bmc-g__link[aria-current="page"]{color:rgb(var(--color-primary))}
.bmc-md .bmc-cp__btn{display:none}
.bmc-md .bmc-promo{margin:2rem var(--page-padding) 0;aspect-ratio:16/10;border-radius:.8rem}
.bmc-md .bmc-promo__media img{transform:none}

/* ---------- reduced motion: bez pokreta (globalno pravilo u app.css daje .01ms) ---------- */
@media (prefers-reduced-motion:reduce){
	.bmc-mega .bmc-cats .bmc-cp__body,.bmc-mega .bmc-promo__media img{transform:none}
}

/* M9: mobilna ladica otvorena prije nego što stignu podaci menija (JSON) – kostur se ne prikazuje dok se redovi ne izgrade */
.bmc-cats--wait .bmc-cats__list{visibility:hidden}
/* QA 09.11.2026: ikone headera (meni, pretraga, korpa) imaju 24 px – površina za dodir proširena na ≥ 44 px pseudo-elementom */
@media (max-width:1024px){.bmc-burger::after,.bmc-hicons .bmc-hicon::after{content:"";position:absolute;inset:-1rem}}