/* RYB Electrical Header 1.0.0 */
.ryb-h{--red:#E31E24;--yel:#FFC107;--blue:#0756A5;--navy:#061B33;--ink:#171717;--line:#e3e8ef;--r:14px;font-family:"Segoe UI",Inter,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:999;line-height:1.3;transition:box-shadow .2s}
.ryb-h *,.ryb-h *::before,.ryb-h *::after{box-sizing:border-box}
.ryb-h :where(a){color:inherit;text-decoration:none}
.ryb-h :where(ul){list-style:none;margin:0;padding:0}
.ryb-h :where(button){font:inherit;cursor:pointer;background:none;border:0;color:inherit;padding:0;box-shadow:none}
.ryb-h.is-stuck{box-shadow:0 6px 20px rgba(6,27,51,.14)}
.ryb-h .ryb-w{max-width:1360px;margin:0 auto;padding:0 20px}
.ryb-h .ryb-i{flex:none}
.ryb-h :focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ryb-h .ryb-nav :focus-visible,.ryb-h .ryb-top :focus-visible{outline-color:#fff}

/* Top bar */
.ryb-top{background:var(--navy);color:#fff;font-size:14px}
.ryb-top .ryb-w{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:16px}
.ryb-top__l,.ryb-top__r{display:flex;align-items:center}
.ryb-top__l>*+*,.ryb-top__r>*+*{margin-left:18px;padding-left:18px;border-left:1px solid rgba(255,255,255,.22)}
.ryb-h .ryb-tl{display:inline-flex;align-items:center;gap:8px;color:#fff;padding:10px 0;font-weight:500;font-size:14px}
.ryb-h .ryb-tl .ryb-i{width:20px;height:20px;color:var(--yel)}
.ryb-h .ryb-tl .ryb-i:last-child:not(:first-child){width:14px;height:14px;color:#fff}
.ryb-h a.ryb-tl:hover,.ryb-h button.ryb-tl:hover{color:var(--yel)}
.ryb-h .ryb-wa .ryb-i{color:#25D366}

/* Dropdown panels (shared) */
.ryb-dd{position:relative}
.ryb-panel{position:absolute;top:100%;left:0;z-index:50;min-width:230px;background:#fff;color:var(--ink);border-radius:0 0 var(--r) var(--r);box-shadow:0 18px 40px rgba(6,27,51,.2);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}
.ryb-dd.is-open>.ryb-panel{opacity:1;visibility:visible;transform:none}
@media (min-width:1025px) and (hover:hover){.ryb-dd:hover>.ryb-panel{opacity:1;visibility:visible;transform:none}}
.ryb-top__r .ryb-panel{left:auto;right:0}
.ryb-h .ryb-panel a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink);font-weight:500}
.ryb-h .ryb-panel a:hover{background:#eef4fb;color:var(--blue)}

/* Main row */
.ryb-main .ryb-w{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo search acts";gap:16px 32px;align-items:center;padding-top:14px;padding-bottom:14px}
.ryb-burger{display:none;grid-area:burger}
.ryb-logo{grid-area:logo;display:flex;align-items:center;gap:14px;min-width:0}
.ryb-logo img{max-height:72px;width:auto;display:block}
.ryb-logo__t{display:flex;flex-direction:column}
.ryb-logo img+.ryb-logo__t{border-left:1px solid var(--line);padding-left:14px}
.ryb-logo__n{font-weight:800;font-size:34px;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.ryb-logo__n b{color:var(--red)}
.ryb-logo__n span{color:var(--blue)}
.ryb-logo__tag{font-weight:600;font-size:15px;margin-top:6px;color:var(--ink)}
.ryb-logo__tag i{color:var(--red);font-style:normal;padding:0 4px}

/* Search */
.ryb-sw{grid-area:search;min-width:0;max-width:760px;width:100%;justify-self:center}
.ryb-search{position:relative;display:flex;align-items:stretch;height:52px;border:1.5px solid #cfd8e3;border-radius:999px;background:#fff;transition:border-color .15s,box-shadow .15s}
.ryb-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(7,86,165,.12)}
.ryb-search__ic{display:grid;place-items:center;padding-left:18px;color:var(--ink)}
.ryb-h .ryb-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:0 12px;font-size:16px;outline:0;box-shadow:none;height:auto;margin:0}
.ryb-h .ryb-search select{border:0;border-left:1.5px solid var(--line);background:transparent;padding:0 12px;font-size:15px;font-weight:600;max-width:180px;outline:0;box-shadow:none;height:auto;border-radius:0;cursor:pointer;margin:0;color:var(--ink)}
.ryb-h .ryb-search button[type=submit]{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-weight:700;font-size:17px;padding:0 30px;margin:-1.5px;border-radius:999px;transition:background .15s}
.ryb-h .ryb-search button[type=submit]:hover{background:#c5161c}
.ryb-live{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border-radius:var(--r);box-shadow:0 18px 40px rgba(6,27,51,.22);padding:8px;z-index:60}
.ryb-live[hidden]{display:none}
.ryb-h .ryb-live a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px}
.ryb-h .ryb-live a:hover{background:#eef4fb}
.ryb-live img{width:44px;height:44px;object-fit:cover;border-radius:8px;background:#f3f5f8}
.ryb-live .t{flex:1;font-size:14px;font-weight:600}
.ryb-live .p{font-size:14px;color:var(--red);font-weight:700;white-space:nowrap}
.ryb-live__empty{margin:0;padding:12px;font-size:14px;color:#5b6675}
.ryb-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:14px}
.ryb-pop strong{color:var(--red);display:inline-flex;align-items:center;gap:4px;font-weight:700}
.ryb-pop strong .ryb-i{width:18px;height:18px}
.ryb-h .ryb-pop a{border:1px solid #cfd8e3;border-radius:999px;padding:5px 14px;font-weight:500;transition:.15s}
.ryb-h .ryb-pop a:hover{border-color:var(--blue);color:var(--blue);background:#eef4fb}

/* Account / wishlist / cart */
.ryb-acts{grid-area:acts;display:flex;gap:12px;align-items:flex-start}
.ryb-h .ryb-act{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:76px;padding:10px 12px;border:1px solid #edf1f6;border-radius:var(--r);box-shadow:0 4px 14px rgba(6,27,51,.07);font-weight:600;font-size:15px;color:var(--ink);background:#fff;transition:transform .15s,box-shadow .15s,color .15s}
.ryb-act .ryb-i{width:34px;height:34px}
.ryb-h .ryb-act:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(6,27,51,.13);color:var(--blue)}
.ryb-badge{position:absolute;top:-8px;right:-6px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;line-height:1}
.ryb-cart-total{display:block;margin-top:2px;background:var(--red);color:#fff;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:700;white-space:nowrap}
.ryb-cart-total:empty{display:none}

/* Navigation bar */
.ryb-nav{background:linear-gradient(90deg,#0a4aa0,var(--blue) 45%,#06428a);border-bottom:3px solid var(--yel);position:relative}
.ryb-nav__in{display:flex;align-items:stretch;gap:8px;min-height:56px}
.ryb-close{display:none}
.ryb-h .ryb-allcat__btn{display:inline-flex;align-items:center;gap:12px;align-self:center;height:48px;background:var(--red);color:#fff;font-weight:700;font-size:17px;padding:0 26px;border-radius:999px;box-shadow:0 6px 14px rgba(227,30,36,.35);transition:background .15s}
.ryb-h .ryb-allcat__btn:hover{background:#c5161c}
.ryb-allcat__btn .ryb-i:last-child{width:16px;height:16px}
.ryb-menu{display:flex;align-items:stretch;flex:1;min-width:0}
.ryb-li{display:flex;align-items:stretch;position:relative;transition:background .15s}
.ryb-h .ryb-link{display:inline-flex;align-items:center;gap:8px;padding:0 16px;color:#fff;font-weight:600;font-size:16px;white-space:nowrap}
.ryb-li.has-kids .ryb-link{padding-right:4px}
.ryb-h .ryb-tgl{display:inline-flex;align-items:center;padding:0 12px 0 2px;color:#fff}
.ryb-tgl .ryb-i{width:16px;height:16px;transition:transform .2s}
.ryb-dd.is-open>.ryb-tgl .ryb-i,.ryb-allcat.is-open .ryb-allcat__btn .ryb-i:last-child{transform:rotate(180deg)}
.ryb-li:hover{background:rgba(255,255,255,.1)}
.ryb-li.is-active{background:var(--yel);border-radius:12px 12px 0 0}
.ryb-h .ryb-li.is-active .ryb-link,.ryb-h .ryb-li.is-active .ryb-tgl{color:var(--navy)}
.ryb-panel--mega{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px;width:min(680px,92vw);padding:16px}
.ryb-h .ryb-panel .ryb-panel__all{grid-column:1/-1;border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-weight:700;color:var(--red)}
.ryb-li:nth-last-child(-n+3)>.ryb-panel{left:auto;right:0}
.ryb-allcat .ryb-panel{border-radius:var(--r);top:calc(100% + 4px)}
.ryb-panel--all{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px;width:min(820px,92vw);padding:20px}
.ryb-h .ryb-g .h{font-weight:700;color:var(--blue)}
.ryb-scrim{position:fixed;inset:0;background:rgba(6,27,51,.55);z-index:1000}
.ryb-scrim[hidden]{display:none}
html.ryb-lock{overflow:hidden}

/* Tablet + mobile */
@media (max-width:1024px){
	.ryb-top__r{display:none}
	.ryb-main .ryb-w{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"burger logo acts" "search search search";gap:10px 12px;padding-top:10px;padding-bottom:12px}
	.ryb-burger{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:12px}
	.ryb-logo img{max-height:50px}
	.ryb-logo__t{display:none}
	.ryb-sw{max-width:none}
	.ryb-acts{gap:6px;align-items:center}
	.ryb-h .ryb-act{min-width:0;padding:8px;border:0;box-shadow:none}
	.ryb-act .ryb-i{width:28px;height:28px}
	.ryb-act .lbl,.ryb-cart-total{display:none}
	.ryb-badge{top:-2px;right:-2px;min-width:20px;height:20px;font-size:12px}
	.ryb-nav{position:fixed;inset:0 auto 0 0;width:min(86vw,360px);background:#fff;border:0;transform:translateX(-102%);transition:transform .25s;z-index:1001;overflow:auto;visibility:hidden;box-shadow:12px 0 40px rgba(6,27,51,.25)}
	.ryb-nav.is-open{transform:none;visibility:visible}
	.ryb-nav__in{flex-direction:column;padding:60px 14px 24px;gap:8px}
	.ryb-close{display:grid;place-items:center;position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:12px;color:var(--navy)}
	.ryb-allcat{width:100%}
	.ryb-h .ryb-allcat__btn{width:100%;justify-content:space-between}
	.ryb-menu{flex-direction:column;flex:none}
	.ryb-li{flex-wrap:wrap;border-bottom:1px solid var(--line)}
	.ryb-li:hover{background:none}
	.ryb-li.is-active{border-radius:10px}
	.ryb-h .ryb-link{flex:1;padding:14px 8px;color:var(--navy)}
	.ryb-li.has-kids .ryb-link{padding-right:8px}
	.ryb-h .ryb-tgl{color:var(--navy);padding:0 14px}
	.ryb-panel,.ryb-allcat .ryb-panel{position:static;width:100%;min-width:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none;padding:0 0 8px 12px;border-radius:0}
	.ryb-dd.is-open>.ryb-panel{display:block}
	.ryb-dd.is-open>.ryb-panel--mega,.ryb-dd.is-open>.ryb-panel--all{display:grid;grid-template-columns:1fr;width:100%;padding:0 0 8px 12px}
	.ryb-li.has-kids>.ryb-panel{flex:0 0 100%}
}
@media (max-width:600px){
	.ryb-top .ryb-trk,.ryb-top .ryb-loc{display:none}
	.ryb-top .ryb-w{justify-content:center}
	.ryb-pop{display:none}
	.ryb-h .ryb-w{padding:0 12px}
	.ryb-h .ryb-search button[type=submit] span{display:none}
	.ryb-h .ryb-search button[type=submit]{padding:0 18px}
	.ryb-h .ryb-search select{max-width:110px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.ryb-h *{transition:none!important}}