/* Shared header, using the grid and dimensions from MojaIgracka. */
.ref-home-nav,.ref-desktop-nav{display:none}
.category-available-count{font-size:.85em;font-weight:500;opacity:.65;white-space:nowrap}
.cats-dropdown__link>.cats-dropdown__category-image{display:block;width:28px;height:28px;flex:0 0 28px;object-fit:contain}
@media(min-width:1025px){
 html body.shared-site-header .promo-bar{display:none!important}
 html body.shared-site-header #header{background:#fff!important;border-bottom:1px solid #f4f6f8!important;padding:20px 7.5% 8px!important;font-family:Arial,Helvetica,sans-serif;overflow:visible}
 html body.shared-site-header #header .header-shell{display:grid;grid-template-columns:minmax(220px,.44fr) minmax(0,1fr) 330px;grid-template-rows:64px 60px;gap:10px 32px;width:100%;max-width:1720px;margin:auto;padding:0!important;background:#fff!important}
 html body.shared-site-header #header .header-row--primary{display:contents!important}
 html body.shared-site-header #header .logo-brand{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:flex-start;min-width:0;padding:0!important}
 html body.shared-site-header #header .logo{display:block;max-width:100%;width:auto;margin:0;transform:none}
 html body.shared-site-header #header .logo-image{display:block;width:220px!important;height:88px!important;max-width:100%!important;max-height:none!important;object-fit:contain;object-position:left center}
 html body.shared-site-header #header .header-search{display:block!important;grid-area:auto!important;grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto;width:100%;min-width:0;margin:0;opacity:1;visibility:visible;transform:none}
 html body.shared-site-header #header .header-search-form{display:flex;align-items:center;height:50px!important;min-height:50px!important;padding:0 14px;border:1px solid #d8eaf8!important;border-radius:15px;background:#edf7fd!important;box-shadow:none!important}
 html body.shared-site-header #header .search-combobox{flex:1;min-width:0}
 html body.shared-site-header #header .header-search input{width:100%;height:auto!important;padding:12px 0;border:0;background:transparent!important;color:#172d42!important;font-size:16px;line-height:normal}
 html body.shared-site-header #header .header-search input::placeholder{color:#596f83!important;font-size:16px;font-weight:400}
 html body.shared-site-header #header .header-search-submit{display:grid;place-items:center;flex:0 0 auto;width:auto!important;height:auto!important;min-height:0!important;padding:4px!important;border:0;background:transparent!important;color:#172d42!important}
 html body.shared-site-header #header .header-search-submit-icon{display:block!important;width:25px;height:25px;color:inherit!important;stroke:currentColor!important}
 html body.shared-site-header #header .header-search-submit-label{display:none}
 html body.shared-site-header #header .nav-actions{grid-area:auto!important;grid-column:3;grid-row:1;display:flex;align-items:center;align-self:center;justify-content:space-between;gap:20px;width:100%;margin:0}
 html body.shared-site-header #header .nav-action-link{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:64px;height:auto;padding:3px 0!important;border:0;background:transparent!important;color:#171b1f!important;box-shadow:none;text-decoration:none}
 html body.shared-site-header #header .nav-action-link svg{width:23px;height:23px;fill:none!important;stroke:#171b1f!important;stroke-width:1.8}
 html body.shared-site-header #header .nav-action-label{display:block!important;font-size:12px;font-weight:400;line-height:1.3;white-space:nowrap;color:#171b1f!important}
 html body.shared-site-header #header .nav-action-icon{position:relative;display:block;width:23px;height:23px}
 html body.shared-site-header #header :is(.cart-badge,.wishlist-badge){position:absolute;top:-6px;left:calc(50% + 4px);right:auto;min-width:20px;height:auto;padding:2px;border:2px solid white;border-radius:50%;background:#009bd0!important;color:#fff!important;font-size:10px;line-height:1;text-align:center}
 html body.shared-site-header #header .nav-actions .logo-admin-panel{position:static;display:flex;width:23px;height:23px;min-width:23px;margin:0;padding:0;border:0;background:transparent;color:#171b1f}
 html body.shared-site-header #header .header-row--categories{grid-column:2/4;grid-row:2;position:relative;display:flex!important;align-items:center;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:22px!important;min-width:0;min-height:0;margin:0;padding:0!important;border:0;background:#fff!important}
 html body.shared-site-header #header .ref-home-nav{display:block;padding:0;background:transparent;color:#0c2036;border-radius:0;font-size:16px;font-weight:400;text-decoration:none;white-space:nowrap}
 html body.shared-site-header #header .ref-desktop-nav{display:flex;align-items:center;gap:22px;margin:0;white-space:nowrap}
 html body.shared-site-header #header .ref-desktop-nav a{font-size:16px;font-weight:400;color:#0c2036;text-decoration:none}
 html body.shared-site-header #header .cats-dropdown{position:relative!important;inset:auto!important;display:block!important;flex:0 0 auto;width:auto!important;min-width:0!important;margin:0!important}
 html body.shared-site-header #header .cats-dropdown__btn{width:auto!important;height:auto!important;min-height:0!important;padding:0!important;gap:6px;border:0!important;background:transparent!important;color:#0c2036!important;font-size:16px;font-weight:400;white-space:nowrap}
 html body.shared-site-header #header :is(.cats-dropdown__burger,.header-leading,.header-category-select,.header-register,.header-search-icon,.header-phone,.desktop-category-nav,.nav-wholesale-prompt,.nav-link-veleprodaja,.desktop-sale-link,.reference-header-search,.reference-header-menu,.mobile-home-search-action,.pd-reference-search,.search-close){display:none!important}
 html body.shared-site-header #header .header-row--categories>.mobile-nav-panel{display:none!important}
 html body.shared-site-header #header .cats-dropdown__panel{position:absolute!important;top:100%!important;left:0!important;right:auto!important;bottom:auto!important;width:280px!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;box-shadow:0 8px 24px #0002!important;border:1px solid #eee!important;border-radius:10px!important}
 html body.shared-site-header #header .cats-dropdown__item{position:static}
 html body.shared-site-header #header .cats-dropdown__sub{position:absolute;left:100%;top:0;width:280px;max-width:calc(100vw - 620px);max-height:70vh;overflow:auto;padding:8px 12px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 8px 24px #0002;z-index:1}
 html body.shared-site-header #header .cats-dropdown__item.is-open>.cats-dropdown__link .cats-dropdown__chevron{transform:none}
 html body.shared-site-header #header .cats-dropdown__panel[hidden]{display:none!important}
}
@media(min-width:1025px) and (max-width:1200px){
 html body.shared-site-header #header{padding-inline:4%!important}
 html body.shared-site-header #header .header-shell{grid-template-columns:160px minmax(0,1fr) 295px;column-gap:22px}
 html body.shared-site-header #header .nav-actions{gap:12px}
 html body.shared-site-header #header .nav-action-link{min-width:54px}
 html body.shared-site-header #header .header-row--categories,html body.shared-site-header #header .ref-desktop-nav{gap:18px!important}
 html body.shared-site-header #header :is(.ref-home-nav,.ref-desktop-nav a,.cats-dropdown__btn){font-size:14px}
}

/* Shared count badges use the same orange accent on every page. */
html body.shared-site-header #header .nav-actions .cart-badge,
html body.shared-site-header #header .nav-actions .wishlist-badge {
    background: #ff5a00 !important;
    color: #fff !important;
}

/* Fixed header stays flat, including its controls and open menus. */
html body.shared-site-header .site-chrome-sticky,
html body.shared-site-header .site-chrome-backdrop,
html body.shared-site-header #header,
html body.shared-site-header #header *,
html body.shared-site-header #header::before,
html body.shared-site-header #header::after {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Mobile keeps the original mobile-chrome header layout. */
/* Header typography is independent of the current page. */
@media (min-width: 1025px) {
 html body.shared-site-header #header,
 html body.shared-site-header #header :is(a,button,input) { font-family: Arial,Helvetica,sans-serif !important; }
}
@media (min-width: 1025px) {
 html body.shared-site-header #header :is(.ref-home-nav,.ref-desktop-nav a,.cats-dropdown__btn) { font-size:14px!important; font-weight:400!important; line-height:1.3!important; }
}
@media (min-width: 1025px) and (max-width: 1350px) {
 html body.shared-site-header #header :is(.ref-home-nav,.ref-desktop-nav a,.cats-dropdown__btn) { font-size:13px!important; }
}

/* Only the Home navigation link has a filled orange background. */
html body.shared-site-header #header a.ref-home-nav {
    background: #ff5a00 !important;
    color: #fff !important;
    padding: 8px 14px !important;
    border-radius: 8px;
}