/* POOQ category navigation - left rail (desktop) + slide-up sheet (<=1260px).
   Managed as a file: wp-content/mu-plugins/pooq-nav/pooq-nav.css
   Do NOT re-add this CSS to the Impreza header post or to WPCode. */
body.l-body .l-header .ush_html_1{width:100%;max-width:480px}body.l-body .l-header .asl_w,body.l-body .l-header .asl_w_container{margin:0 !important;max-width:none !important}body.l-body .l-header .probox,body.l-body .l-header .probox *{box-sizing:border-box !important}body.l-body .l-header .probox{height:44px !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:stretch !important;background:#f3efea !important;border:none !important;border-radius:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}body.l-body .l-header .probox .proinput{flex:1;height:44px !important;margin:0 !important;padding:0 !important}body.l-body .l-header .probox .proinput,body.l-body .l-header .probox .proinput input,body.l-body .l-header .probox .promagnifier{top:0 !important;bottom:auto !important}body.l-body .l-header .probox .proinput input{height:44px !important;line-height:44px !important;margin:0 !important;color:#35415b;font-family:Play,sans-serif;font-size:14px;padding:0 14px !important}body.l-body .l-header .probox .proinput input::placeholder{color:#8a8378;opacity:1}body.l-body .l-header .probox .proclose{align-self:center;background:transparent !important}body.l-body .l-header .probox .proclose svg{fill:#876333 !important}body.l-body .l-header .probox .promagnifier{height:44px !important;width:46px !important;margin:0 !important;background:#B66C40 !important;border-radius:0 !important}body.l-body .l-header .probox .promagnifier .innericon svg{fill:#ffffff}body.l-body .l-header .probox .proloading{width:46px !important;height:44px !important;margin:0 !important;padding:0 !important;background:#B66C40 !important;top:0 !important;position:relative}body.l-body .l-header .probox .proloading .asl_loader{width:20px !important;height:20px !important;margin:12px auto 0 !important}body.l-body .l-header .probox .proloading .asl_simple-circle{width:20px !important;height:20px !important;border:2px solid rgba(255,255,255,.35) !important;border-top-color:#ffffff !important}body.l-body .asl_r{border-radius:0 !important;border:none !important;box-shadow:0 14px 34px rgba(90,64,30,.28) !important;font-family:Play,sans-serif !important}body.l-body .asl_r .results .item{border-bottom:1px solid #f0ece5}body.l-body .asl_r .results .item:hover{background:#f8f5f0}body.l-body .asl_r .results .item h3,body.l-body .asl_r .results .item h3 a{color:#876333 !important;font-family:Play,sans-serif !important}body.l-body .pooq-mcats-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px 12px 8px 0;font-size:21px;display:flex;align-items:center;flex-shrink:0;line-height:1}body.l-body .pooq-mcats-btn:hover{color:#f3efea}body.l-body .pooq-mcats-btn:focus-visible{outline:2px solid #f3efea;outline-offset:2px}body.l-body .l-header .l-subheader-cell.at_center .pooq-mcats-btn{margin-left:auto}body.l-body .l-header .l-subheader-cell.at_center .ush_html_1{margin-right:auto !important}@media (min-width:1261px) and (max-width:1600px){body.l-body .l-header .ush_html_1{max-width:400px}}@media (min-width:1920px){body.l-body .l-header .ush_html_1{max-width:560px}}@media (max-width:1260px){body.l-body.state_default .l-header .l-subheader-cell>*{visibility:hidden;animation:pooqHdrReveal 0s 2.5s forwards}}@keyframes pooqHdrReveal{to{visibility:visible}}body.pooq-nh .pooq-leftnav{position:fixed;left:0;top:80px;bottom:0;width:250px;overflow:visible;background:#876333;color:#fff;padding:22px 20px 28px;z-index:110;box-shadow:4px 0 18px rgba(90,64,30,.28);font-family:Play,sans-serif;transition:transform .25s ease}body.pooq-nh.pooq-nav-collapsed .pooq-leftnav{transform:translateX(-250px);box-shadow:none}body.pooq-nh .pooq-inner{visibility:visible;transition:visibility 0s .25s}body.pooq-nh.pooq-nav-collapsed .pooq-inner{visibility:hidden}body.pooq-nh .pooq-toggle{position:absolute;right:-26px;top:50%;margin-top:-28px;width:26px;height:56px;padding:0;border:none;cursor:pointer;background:#876333;color:#f3efea;display:flex;align-items:center;justify-content:center;box-shadow:4px 0 12px rgba(90,64,30,.22)}body.pooq-nh .pooq-toggle:hover{background:#6f5129}body.pooq-nh .pooq-toggle:focus-visible{outline:2px solid #f3efea;outline-offset:2px}body.pooq-nh .pooq-toggle svg{transition:transform .25s ease}body.pooq-nh.pooq-nav-collapsed .pooq-toggle svg{transform:rotate(180deg)}@media (max-height:740px){body.pooq-nh .pooq-leftnav{padding-top:14px}body.pooq-nh .pooq-feat{margin-bottom:12px}body.pooq-nh .pooq-feat a{padding:9px 12px}body.pooq-nh .pooq-top>li>a{padding-top:7px;padding-bottom:7px}}body.pooq-nh .pooq-leftnav a{text-decoration:none;transition:color .15s,background .15s,border-color .15s}body.pooq-nh .pooq-leftnav a:focus-visible{outline:2px solid #f3efea;outline-offset:2px}body.pooq-nh .pooq-leftnav .chev{float:right;margin-top:5px;opacity:.45}body.pooq-nh .pooq-feat{display:flex;flex-direction:column;gap:8px;margin:0 0 22px}body.pooq-nh .pooq-feat a{display:block;padding:12px 14px;font-size:15px;font-weight:700;letter-spacing:.2px;line-height:1.3}body.pooq-nh .feat-new{background:#f3efea;color:#876333}body.pooq-nh .feat-new:hover{background:#ffffff;color:#6f5129}body.pooq-nh .feat-bundles{border:1px solid rgba(243,239,234,.8);color:#ffffff}body.pooq-nh .feat-bundles:hover{background:#f3efea;color:#876333;border-color:#f3efea}body.pooq-nh .pooq-feat .chev{opacity:.7}body.pooq-nh .pooq-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6)}body.pooq-nh .pooq-leftnav ul{list-style:none;margin:0;padding:0}body.pooq-nh .pooq-top>li{position:relative;border-bottom:1px solid rgba(255,255,255,.16)}body.pooq-nh .pooq-top>li:last-child{border-bottom:none}body.pooq-nh .pooq-top>li>a{display:block;padding:10px 2px 10px 0;font-size:14px;line-height:1.35;color:rgba(255,255,255,.92);border-left:2px solid transparent}body.pooq-nh .pooq-top>li>a:hover{color:#fff;border-left-color:#f3efea;padding-left:10px}body.pooq-nh .pooq-sub{display:none;position:absolute;left:calc(100% + 20px);top:-6px;width:180px;background:#876333;box-shadow:4px 4px 18px rgba(90,64,30,.3);padding:10px 16px;z-index:111}body.pooq-nh .pooq-sub::before{content:"";position:absolute;left:-22px;top:0;width:22px;height:100%}body.pooq-nh .has-sub:hover .pooq-sub{display:block}body.pooq-nh .pooq-sub a{display:block;padding:8px 0;font-size:13.5px;color:rgba(255,255,255,.9);border-bottom:1px solid rgba(255,255,255,.16)}body.pooq-nh .pooq-sub li:last-child a{border-bottom:none}body.pooq-nh .pooq-sub a:hover{color:#f3efea}body.pooq-nh .l-main{margin-left:264px;transition:margin-left .25s ease}body.pooq-nh.pooq-nav-collapsed .l-main{margin-left:0}body.pooq-nh.admin-bar .pooq-leftnav{top:112px}body.pooq-nh.woocommerce-cart .pooq-leftnav,body.pooq-nh.woocommerce-checkout .pooq-leftnav{display:none !important}body.pooq-nh.woocommerce-cart .l-main,body.pooq-nh.woocommerce-checkout .l-main{margin-left:0 !important}body.l-body .pooq-navrow{padding:0 !important;margin:0 !important}body.l-body .pooq-navrow .l-section-h{padding:0 !important}body.l-body .pooq-msheet{position:fixed;left:0;right:0;top:0;bottom:0;background:#876333;z-index:999;overflow-y:auto;padding:18px 20px;font-family:Play,sans-serif;transform:translateY(100%);pointer-events:none;visibility:hidden;transition:none}body.l-body .pooq-msheet.pooq-anim{transition:transform .28s ease,visibility 0s .28s}body.l-body .pooq-msheet.open{transform:translateY(0);pointer-events:auto;visibility:visible;transition:transform .28s ease}body.l-body .pooq-msheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}body.l-body .pooq-msheet-head .pooq-eyebrow{margin:0}body.l-body .pooq-msheet .pooq-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6)}body.l-body .pooq-msheet .pooq-feat{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;max-width:480px}body.l-body .pooq-msheet .pooq-feat a{display:block;padding:12px 14px;font-size:15px;font-weight:700;letter-spacing:.2px;line-height:1.3;text-decoration:none}body.l-body .pooq-msheet .feat-new{background:#f3efea;color:#876333}body.l-body .pooq-msheet .feat-bundles{border:1px solid rgba(243,239,234,.8);color:#ffffff}body.l-body .pooq-msheet-close{width:34px;height:34px;border:none;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}body.l-body .pooq-mlist{list-style:none;margin:0;padding:0;max-width:480px}body.l-body .pooq-mlist>li{border-bottom:1px solid rgba(255,255,255,.16)}body.l-body .pooq-mlist>li>a,body.l-body .pooq-mlist summary{display:block;padding:13px 2px;font-size:15px;color:rgba(255,255,255,.92);text-decoration:none;cursor:pointer;list-style:none}body.l-body .pooq-mlist summary::-webkit-details-marker{display:none}body.l-body .pooq-mlist summary::after{content:"+";float:right;color:rgba(255,255,255,.6)}body.l-body .pooq-mlist details[open] summary::after{content:"-"}body.l-body .pooq-mlist details ul{list-style:none;margin:0;padding:0 0 8px 14px}body.l-body .pooq-mlist details ul a{display:block;padding:9px 0;font-size:14px;color:rgba(255,255,255,.8);text-decoration:none}@media (max-width:1260px){body.pooq-nh .pooq-leftnav{display:none}body.pooq-nh .l-main{margin-left:0}}@media (prefers-reduced-motion:reduce){body.pooq-nh .pooq-leftnav a,body.pooq-nh .pooq-leftnav,body.pooq-nh .pooq-toggle svg,body.l-body .pooq-msheet,body.pooq-nh .l-main{transition:none}}body.l-body .l-header .ush_html_6,body.l-body .l-header .pooq-globals{display:contents!important}body.pooq-nh .pooq-top>li.has-sub>a::after{content:"\203A";float:right;color:rgba(255,255,255,.45);margin-left:6px;line-height:1.35}body.pooq-nh .pooq-top>li>a{display:block}body.pooq-nh .pooq-leftnav ul,body.l-body .pooq-msheet ul{list-style:none;margin:0;padding:0}body.l-body .pooq-msheet .pooq-mlist li{list-style:none}body.l-body .pooq-msheet .pooq-mlist>li>a,body.l-body .pooq-msheet .pooq-mlist summary{display:block;padding:13px 2px;font-size:15px;color:rgba(255,255,255,.92);text-decoration:none;cursor:pointer;list-style:none}body.pooq-nh .pooq-top>li>a:hover{padding-left:10px}
/* --- v6: the rail must never be the scroll container (it would clip the toggle tab) --- */
body.pooq-nh .pooq-leftnav{overflow:visible !important}
body.pooq-nh .pooq-inner{box-sizing:border-box;max-height:100% !important;overflow-y:auto !important;
overflow-x:hidden !important;overscroll-behavior:contain;scrollbar-width:thin;
scrollbar-color:rgba(255,255,255,.28) transparent}
body.pooq-nh .pooq-inner::-webkit-scrollbar{width:6px}
body.pooq-nh .pooq-inner::-webkit-scrollbar-track{background:transparent}
body.pooq-nh .pooq-inner::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:3px}
body.pooq-nh .pooq-inner:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.45)}
body.pooq-nh .pooq-sub{position:fixed;left:var(--pooq-sub-left,276px) !important;top:auto;margin:0;z-index:130}
body.pooq-nh .pooq-sub::before{display:none}
/* --- v6: footer reserves the rail's column (padding must be on the SECTION, not .l-footer) ---
   v1.2.4: when the rail is NOT reserving the column, restore the THEME's own side
   padding (2.5rem, 1.5rem <=600px) instead of 0 - our !important was beating the
   theme's rule and gluing the footer text to the left edge. */
:root{--pooq-gutter:2.5rem}
@media (max-width:600px){:root{--pooq-gutter:1.5rem}}
body.pooq-nh .l-footer > .l-section{padding-left:304px !important;transition:padding-left .25s ease}
body.pooq-nh.pooq-nav-collapsed .l-footer > .l-section{padding-left:var(--pooq-gutter) !important}
body.pooq-nh.woocommerce-cart .l-footer > .l-section,
body.pooq-nh.woocommerce-checkout .l-footer > .l-section{padding-left:var(--pooq-gutter) !important;transition:none}
@media (max-width:1260px){body.pooq-nh .l-footer > .l-section{padding-left:var(--pooq-gutter) !important;transition:none}}
@media (prefers-reduced-motion:reduce){body.pooq-nh .l-footer > .l-section{transition:none}}


/* --- v1.1: no animation on first load -------------------------------------
   Transitions are enabled only after the first paint (JS adds .pooq-nav-ready).
   Without this, anything that changes between paint 1 and paint 2 animates,
   which is what made the rail appear to "slide in" and shove the page sideways. */
body.pooq-nh .pooq-leftnav,
body.pooq-nh .l-main,
body.pooq-nh .l-footer > .l-section,
body.pooq-nh .pooq-inner,
body.pooq-nh .pooq-msheet{transition:none !important}

body.pooq-nh.pooq-nav-ready .pooq-leftnav{transition:transform .25s ease !important}
body.pooq-nh.pooq-nav-ready .l-main{transition:margin-left .25s ease !important}
body.pooq-nh.pooq-nav-ready .l-footer > .l-section{transition:padding-left .25s ease !important}
body.pooq-nh.pooq-nav-ready .pooq-inner{transition:visibility 0s .25s !important}
body.pooq-nh.pooq-nav-ready .pooq-msheet.pooq-anim{transition:transform .28s ease,visibility 0s .28s !important}

/* Returning visitor who had the rail collapsed: applied before first paint by the
   inline <head> script, so there is no flash of the expanded rail. */
html.pooq-pre-collapsed body.pooq-nh .pooq-leftnav{transform:translateX(-250px);box-shadow:none}
html.pooq-pre-collapsed body.pooq-nh .pooq-inner{visibility:hidden}
html.pooq-pre-collapsed body.pooq-nh .l-main{margin-left:0}
html.pooq-pre-collapsed body.pooq-nh .l-footer > .l-section{padding-left:var(--pooq-gutter) !important}
@media (prefers-reduced-motion:reduce){
  body.pooq-nh.pooq-nav-ready .pooq-leftnav,
  body.pooq-nh.pooq-nav-ready .l-main,
  body.pooq-nh.pooq-nav-ready .l-footer > .l-section,
  body.pooq-nh.pooq-nav-ready .pooq-msheet.pooq-anim{transition:none !important}
}


/* --- v1.2: kill the sticky-state header growth --------------------------------
   Impreza stores a SEPARATE height for the middle row in the sticky state. The
   header only sets the normal height (0 on desktop, 56 on mobile), so the sticky
   height falls back to the theme default of 60px: the moment the page is scrolled
   (scroll breakpoint = 1px) the header grew by 60px. Pin sticky to match normal. */
@media (min-width: 601px) {
  body.pooq-nh .l-header.sticky .l-subheader.at_middle{height:0 !important;line-height:0 !important;min-height:0 !important}
}
@media (max-width: 600px) {
  body.pooq-nh .l-header.sticky .l-subheader.at_middle{height:56px !important;line-height:56px !important}
}

/* Belt and braces: the logo carries width=660 height=844 attributes, so if the
   theme's own header CSS is ever slow to apply the browser would paint it at full
   size for a frame. These match the header's configured heights. */
body.pooq-nh .l-header .ush_image_1 img{width:auto !important;max-width:none}
@media (min-width: 1261px){ body.pooq-nh .l-header .ush_image_1 img{height:68px !important} }
@media (min-width: 601px) and (max-width: 1260px){ body.pooq-nh .l-header .ush_image_1 img{height:56px !important} }
@media (max-width: 600px){ body.pooq-nh .l-header .ush_image_1 img{height:44px !important} }

/* ------------------------------------------------------------------ *
 * Flyout fixes (2026-08-12)
 * The theme's `.pooq-leftnav ul{padding:0;margin:0}` rule is more specific
 * than `.pooq-sub`, so the flyout lost its padding and its items inherited
 * the theme's tall line-height + li margin. The hover bridge was also
 * disabled, leaving the 26px gap to the rail as dead space that closed the
 * menu before you could reach it.
 * ------------------------------------------------------------------ */
body.pooq-nh .pooq-leftnav ul.pooq-sub{padding:10px 16px;margin:0}
body.pooq-nh .pooq-leftnav .pooq-sub li{margin:0;padding:0}
body.pooq-nh .pooq-leftnav .pooq-sub a{padding:8px 0;line-height:1.35}
/* bridge the gap between the rail and the fixed flyout so hover survives */
body.pooq-nh .pooq-sub::before{display:block;content:"";position:absolute;left:-28px;top:0;width:28px;height:100%}

/* v1.2.2 - flyout sits flush against the rail instead of past the toggle tab.
   With no gap the hover bridge is unnecessary, and at z-index 130 it would sit
   over the rail and swallow clicks on the category links. */
body.pooq-nh .pooq-leftnav ul.pooq-sub{left:var(--pooq-sub-left,250px) !important}
/* Hover bridge. The category links stop at the rail's inner edge (rail is 250 wide with
   20px right padding, so links end ~30px short of where the flyout starts). Without a
   bridge over that strip the pointer leaves the <li> on the way across and the flyout
   closes. The bridge is a child of .pooq-sub, so it only exists while the flyout is open
   and hovering it keeps the parent <li> hovered. */
body.pooq-nh .pooq-leftnav ul.pooq-sub::before{display:block !important;content:"";position:absolute;left:-32px;top:0;width:32px;height:100%}