/* rbh-header.css — statyczny (render-blocking) CSS nagłówka `.rbh-*`. 1:1 z regułami wstrzykiwanymi przez rbnav.js — ale ładowany w , więc nagłówek jest ostylowany OD RAZU (koniec FOUC „przez sekundę bez styli", widocznego zwł. gdy Rocket Loader/ delay-JS opóźnia rbnav.js). rbnav.js wykrywa ten arkusz i pomija własną iniekcję (bez duplikatu). */ /* wrapper sticky */ .rbh{position:sticky;top:0;z-index:80;background:rgba(244,240,229,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #E4DDCB;font-family:'Manrope',system-ui,sans-serif} .rbh-row{width:min(1280px,92%);margin:0 auto;display:flex;align-items:center;gap:16px} .rbh-r1{height:70px} /* logo */ .rbh-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none} .rbh-logo img{height:clamp(28px,6vw,33px);width:auto;display:block} .rbh-logo .rbh-name{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:clamp(17px,2.2vw,20px);letter-spacing:-.015em;color:#2A4D7A;line-height:1} .rbh-logo .rbh-name b{color:#DB451E;font-weight:700} /* search */ .rbh-search{position:relative;flex:1;max-width:430px;margin:0 auto} .rbh-search .rbh-mag{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8A968F;display:grid;pointer-events:none} .rbh-search input{width:100%;padding:11px 16px 11px 40px;border-radius:999px;border:1.5px solid #E4DDCB;background:#fff;font:inherit;font-size:14px;color:#15201F;outline:none;transition:border-color .15s} .rbh-search input:focus{border-color:#2A4D7A} /* right cluster */ .rbh-right{display:flex;align-items:center;gap:12px;flex:none;margin-left:auto} .rbh-phone{display:flex;flex-direction:column;text-decoration:none;text-align:right;line-height:1.15} .rbh-phone .rbh-ph-h{font-size:9px;letter-spacing:.13em;color:#47618C;font-weight:600} .rbh-phone .rbh-ph-n{font-weight:700;font-size:15px;color:#15201F} .rbh-cart{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#2A4D7A;border:none;color:#F4F0E5;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none} .rbh-cart:hover{background:#22406A} .rbh-cart-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#DB451E;color:#fff;font-size:11px;font-weight:800} .rbh-cta{display:inline-flex;align-items:center;padding:11px 20px;border-radius:999px;background:#DB451E;color:#fff;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;box-shadow:0 8px 22px -10px rgba(219,69,30,.7);transition:transform .2s,background .2s} .rbh-cta:hover{background:#C23C18;transform:translateY(-2px)} /* row 2 nav */ .rbh-r2{border-top:1px solid #EEE7D8;background:rgba(251,249,242,.72)} .rbh-r2 .rbh-row{min-height:46px;gap:22px;flex-wrap:wrap} .rbh-link{font-size:13.5px;font-weight:600;color:#3A4746;text-decoration:none;white-space:nowrap;padding:3px 0;border-bottom:2px solid transparent;flex:none;background:none;border-left:none;border-right:none;border-top:none;font-family:inherit;cursor:pointer} .rbh-link:hover{color:#2A4D7A} .rbh-link.rbh-active{color:#2A4D7A;font-weight:700;border-bottom-color:#DB451E} /* dropdown */ .rbh-dd{position:relative;flex:none} .rbh-dd>.rbh-link{display:inline-flex;align-items:center;gap:3px} .rbh-dd>.rbh-link::after{content:"";position:absolute;top:100%;left:-8px;right:-8px;height:14px} .rbh-dd-menu{position:absolute;top:calc(100% + 12px);left:-12px;min-width:224px;background:#FBF9F2;border:1px solid #E4DDCB;border-radius:14px;box-shadow:0 24px 50px -24px rgba(20,30,40,.4);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:90} .rbh-dd:hover .rbh-dd-menu,.rbh-dd:focus-within .rbh-dd-menu{opacity:1;visibility:visible;transform:translateY(0)} .rbh-dd-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;color:#15201F;text-decoration:none;white-space:nowrap} .rbh-dd-menu a:hover{background:#F0EADA;color:#2A4D7A} /* mobile */ .rbh-mob{display:none;align-items:center;gap:9px;flex:none;margin-left:auto} .rbh-ic{width:42px;height:42px;border-radius:12px;border:1.5px solid #E4DDCB;background:#fff;display:grid;place-items:center;color:#2A4D7A;position:relative;cursor:pointer;flex:none} .rbh-ic.rbh-ic-solid{background:#2A4D7A;color:#F4F0E5;border-color:#2A4D7A} .rbh-ic .rbh-cart-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px} .rbh-msearch{display:none;padding:0 4% 12px} .rbh-msearch .rbh-search{max-width:none;margin:0} .rbh-mpanel{display:none;flex-direction:column;gap:2px;padding:8px 4% 14px;background:#FBF9F2;border-top:1px solid #E4DDCB} .rbh-mpanel a{padding:12px 6px;font-size:15.5px;font-weight:600;color:#15201F;text-decoration:none;border-bottom:1px solid #ECE6D8} .rbh-mpanel a.rbh-active{color:#2A4D7A} .rbh-mcta{display:none;gap:8px;padding:10px 4% 14px} .rbh-mcta a{flex:1;text-align:center;padding:12px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none} .rbh-mcta .rbh-mcta-p{background:#DB451E;color:#fff} .rbh-mcta .rbh-mcta-s{background:transparent;border:1.5px solid #2A4D7A;color:#2A4D7A} /* open state (mobile menu toggled via .rbh-open on header) */ .rbh.rbh-open .rbh-mpanel,.rbh.rbh-open .rbh-mcta,.rbh.rbh-open .rbh-msearch{display:flex} /* konto klienta — login / menu zalogowanego (stan wg body.logged-in) */ .rbh-acc{position:relative;flex:none} .rbh-acc-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;border:1.5px solid #E4DDCB;background:#fff;color:#2A4D7A;font:inherit;font-weight:700;font-size:13.5px;text-decoration:none;cursor:pointer;white-space:nowrap} .rbh-acc-btn:hover{border-color:#2A4D7A} .rbh-acc-btn svg{flex:none} .rbh-acc-in{display:none} .rbh-acc-out{display:inline} body.logged-in .rbh-acc-in{display:inline} body.logged-in .rbh-acc-out{display:none} .rbh-acc-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:196px;background:#FBF9F2;border:1px solid #E4DDCB;border-radius:14px;box-shadow:0 24px 50px -24px rgba(20,30,40,.4);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:95;display:none} .rbh-acc-menu::before{content:"";position:absolute;bottom:100%;left:0;right:0;height:14px} body.logged-in .rbh-acc-menu{display:block} body.logged-in .rbh-acc:hover .rbh-acc-menu,body.logged-in .rbh-acc:focus-within .rbh-acc-menu{opacity:1;visibility:visible;transform:translateY(0)} .rbh-acc-menu a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:#15201F;text-decoration:none;white-space:nowrap} .rbh-acc-menu a:hover{background:#F0EADA;color:#2A4D7A} .rbh-acc-logout{color:#DB451E!important;border-top:1px solid #ECE6D8;margin-top:5px;padding-top:11px!important} .rbh-macc{color:#2A4D7A!important;font-weight:700!important} .rbh-macc-logout{color:#DB451E!important;display:none} body.logged-in .rbh-macc-logout{display:block} /* breakpoint */ @media(max-width:1040px){.rbh-r1 .rbh-search,.rbh-r1 .rbh-phone,.rbh-r1 .rbh-cta,.rbh-r1 .rbh-right .rbh-cart,.rbh-r1 .rbh-acc,.rbh-r2{display:none}.rbh-mob{display:flex}} @media(min-width:1041px){.rbh-mob,.rbh-msearch,.rbh-mpanel,.rbh-mcta{display:none!important}} /* koniec dublowania: stary pływający koszyk zastąpiony koszykiem w headerze */ #rb-float-cart,#rb-float-cart-btn{display:none!important} /* OUTLET — wyróżniona pozycja nawigacji (akcent marki) */ .rbh-link-outlet{color:#DB451E;font-weight:800;border:1px solid #F3C8BC;background:#FEF6F3;border-radius:999px;padding:5px 12px} .rbh-link-outlet:hover{color:#fff;background:#DB451E;border-color:#DB451E} .rbh-link-outlet.rbh-active{color:#fff;background:#DB451E;border-color:#DB451E} .rbh-mlink-outlet{color:#DB451E!important;font-weight:800}