.bgw4,.bgw4 *{box-sizing:border-box}
.bgw4{
  --blue:#0A4C9E;
  --blue2:#083E81;
  --blue3:#EAF2FD;
  --ink:#070707;
  --text:#4B5563;
  --muted:#6B7280;
  --line:#E5E7EB;
  --soft:#F8FAFC;
  position:sticky;top:0;z-index:9999;width:100%;
  background:rgba(255,255,255,.985);
  border-bottom:1px solid var(--line);
  font-family:Inter,Arial,sans-serif;color:var(--ink);
  box-shadow:0 4px 18px rgba(7,7,7,.03);backdrop-filter:blur(14px)
}
body.admin-bar .bgw4{top:32px}


/* ===== V20.12 Product Categories ONLY: spacious five-family tabs ===== */
/* Scope is deliberately limited to the Product Categories right-hand panel. */
#bgw4-products-v17-group-0 .bgw4__pcat-tabs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:0 0 22px;
  padding:0 0 16px;
  border-bottom:1px solid #DCE3EB;
  overflow:visible;
}
#bgw4-products-v17-group-0 .bgw4__pcat-tab{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:58px;
  padding:11px 10px;
  appearance:none;
  border:1px solid #DFE6EF;
  border-radius:10px;
  background:#F8FAFC;
  color:#344054;
  font:inherit;
  font-size:13px;
  font-weight:750;
  line-height:1.4;
  text-align:center;
  white-space:normal;
  overflow-wrap:break-word;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
#bgw4-products-v17-group-0 .bgw4__pcat-tab:after{display:none}
#bgw4-products-v17-group-0 .bgw4__pcat-tab:hover{
  border-color:#AFC9E9;
  background:#F0F6FF;
  color:var(--blue);
}
#bgw4-products-v17-group-0 .bgw4__pcat-tab.is-active{
  border-color:var(--blue);
  background:#EAF2FD;
  color:var(--blue);
  box-shadow:0 2px 8px rgba(10,76,158,.07);
}
#bgw4-products-v17-group-0 .bgw4__pcat-tab:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:2px;
}
#bgw4-products-v17-group-0 .bgw4__pcat-panel[hidden]{display:none!important}
#bgw4-products-v17-group-0 .bgw4__pcat-grid{
  display:grid;
  grid-template-columns:repeat(var(--bgw-pcat-columns,3),minmax(0,1fr));
  align-items:start;
  gap:0 26px;
  width:100%;
}
#bgw4-products-v17-group-0 .bgw4__pcat-grid[style*="--bgw-pcat-columns:1"]{max-width:420px}
#bgw4-products-v17-group-0 .bgw4__pcat-grid[style*="--bgw-pcat-columns:2"]{max-width:900px}
#bgw4-products-v17-group-0 .bgw4__pcat-column{
  min-width:0;
  padding:0 18px;
  border-left:1px solid #E9EEF4;
}
#bgw4-products-v17-group-0 .bgw4__pcat-column:first-child{padding-left:0;border-left:0}
#bgw4-products-v17-group-0 .bgw4__pcat-column:last-child{padding-right:0}
#bgw4-products-v17-group-0 .bgw4__pcat-column .bgw4__products-v17-semantic-links a{
  min-height:39px;
  padding:9px 0;
  font-size:13.8px;
  line-height:1.5;
}
/* The main site switches to its original mobile navigation at 1320px. */
@media(min-width:1321px) and (max-width:1520px){
  #bgw4-products-v17-group-0 .bgw4__pcat-tabs{gap:10px}
  #bgw4-products-v17-group-0 .bgw4__pcat-tab{font-size:12.2px;padding:10px 8px}
  #bgw4-products-v17-group-0 .bgw4__pcat-grid{column-gap:18px}
  #bgw4-products-v17-group-0 .bgw4__pcat-column{padding-left:13px;padding-right:13px}
  #bgw4-products-v17-group-0 .bgw4__pcat-column .bgw4__products-v17-semantic-links a{font-size:13px}
}
@media(max-width:760px){
  /* Original mobile accordion is used instead of desktop Product Categories tabs. */
  #bgw4-products-v17-group-0 .bgw4__pcat-tabs{display:none}
  #bgw4-products-v17-group-0 .bgw4__pcat-grid{grid-template-columns:1fr}
}


/* ===== Desktop header layout — true centered navigation ===== */
.bgw4__bar{
  width:min(calc(100% - 40px),1760px);
  height:86px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(360px,1fr) auto minmax(360px,1fr);
  align-items:center;
  column-gap:16px;
}
.bgw4__logo{
  width:176px;height:52px;
  justify-self:start;
  display:block;position:relative;overflow:hidden;
}
.bgw4__logo img{
  position:absolute;width:184px!important;height:184px!important;max-width:none!important;
  left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;
  /* Added Hover Animation */
  transition:transform .4s cubic-bezier(0.16,1,0.3,1);
}
.bgw4__logo:hover img{
  transform:translate(-50%,-50%) scale(1.04);
}

.bgw4__nav{
  height:100%;
  display:flex;align-items:stretch;justify-content:center;gap:0;
  justify-self:center;
}
.bgw4__item{position:static;display:flex;align-items:stretch;flex:0 0 auto}
.bgw4__direct,.bgw4__trigger{
  appearance:none;border:0;background:transparent;color:var(--ink);
  padding:0 10px;min-height:86px;display:inline-flex;align-items:center;gap:5px;
  font-size:16px;font-weight:650;text-decoration:none;cursor:pointer;position:relative;
  transition:color .25s ease;white-space:nowrap;line-height:1;flex:0 0 auto
}
.bgw4__direct:after,.bgw4__trigger:after{
  content:"";position:absolute;left:11px;right:11px;bottom:0;height:2px;background:var(--blue);
  transform:scaleX(0);transform-origin:center;
  /* Enhanced underline animation */
  transition:transform .3s cubic-bezier(0.16,1,0.3,1);
}
.bgw4__item:hover>.bgw4__trigger,.bgw4__item:focus-within>.bgw4__trigger,.bgw4__direct:hover{color:var(--blue)}
.bgw4__item:hover>.bgw4__trigger:after,.bgw4__item:focus-within>.bgw4__trigger:after,.bgw4__direct:hover:after{transform:scaleX(1)}
.bgw4__chev{width:12px;height:12px;flex:0 0 12px;transition:transform .25s cubic-bezier(0.16,1,0.3,1)}
.bgw4__item:hover .bgw4__chev,.bgw4__item:focus-within .bgw4__chev{transform:rotate(180deg)}

/* ===== Mega menus - Enhanced Reveal Animation ===== */
.bgw4__panel{
  visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:86px;left:50%;
  /* Start state: slightly lower and scaled down */
  transform:translate(-50%,12px) scale(0.99);
  width:min(calc(100vw - 48px),1180px);background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;
  box-shadow:0 26px 60px rgba(7,7,7,.09);
  /* Smoother transition curve */
  transition:opacity .3s cubic-bezier(0.16,1,0.3,1),transform .3s cubic-bezier(0.16,1,0.3,1),visibility .3s;
  overflow:hidden;
}
.bgw4__item:hover>.bgw4__panel,.bgw4__item:focus-within>.bgw4__panel{
  visibility:visible;opacity:1;pointer-events:auto;
  /* End state */
  transform:translate(-50%,0) scale(1);
}
.bgw4__panel-inner{padding:28px 34px 32px}
.bgw4__panel-kicker{margin:0 0 22px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}

/* Enhanced Icon animations */
.bgw4__icon{
  display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;
  background:var(--blue3);color:var(--blue);flex:0 0 26px;
  transition:transform .3s cubic-bezier(0.34,1.56,0.64,1), background .3s, color .3s;
}
.bgw4__icon svg{width:15px;height:15px}
.bgw4__inline-title{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.bgw4__inline-title h4{margin:0;color:var(--ink);font-size:15.5px;line-height:1.35;font-weight:650}

.bgw4__product-layout{display:grid;grid-template-columns:230px 1fr;gap:34px}
.bgw4__intro{padding-right:28px;border-right:1px solid var(--line)}
.bgw4__intro-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bgw4__intro-head h3{margin:0;font-size:24px;line-height:1.18;color:var(--ink);font-family:Manrope,Inter,Arial,sans-serif}
.bgw4__intro p{margin:0 0 18px;color:var(--text);font-size:15px;line-height:1.7}
.bgw4__intro a{color:var(--blue);text-decoration:none;font-size:15px;font-weight:700;transition:color .2s}
.bgw4__intro a:hover{color:var(--blue2)}

.bgw4__groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px;row-gap:26px}
/* Smooth Link slide on hover */
.bgw4__group a{
  display:block;padding:5px 0;color:var(--text);font-size:15px;line-height:1.5;font-weight:500;text-decoration:none;
  transition:color .25s ease,transform .25s cubic-bezier(0.16,1,0.3,1);
}
.bgw4__group a:hover{color:var(--blue);transform:translateX(5px)}


.bgw4__solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}
/* Float effect on Cards */
.bgw4__solution-link,.bgw4__simple-link,.bgw4__company-grid a{
  min-height:60px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;display:flex;align-items:flex-start;gap:12px;
  transition:transform .25s cubic-bezier(0.16,1,0.3,1), opacity .25s;
}
.bgw4__solution-link{justify-content:flex-start;color:var(--ink)}
.bgw4__solution-link .bgw4__icon,.bgw4__simple-link .bgw4__icon,.bgw4__company-grid a .bgw4__icon{margin-top:1px}
.bgw4__solution-copy strong,.bgw4__simple-copy strong,.bgw4__company-copy strong{display:block;color:var(--ink);font-size:16px;line-height:1.4;font-weight:700;transition:color .25s;}
.bgw4__solution-copy span,.bgw4__simple-copy span,.bgw4__company-copy span{display:block;color:var(--muted);font-size:13.5px;line-height:1.55;margin-top:3px}
/* Link Hover states */
.bgw4__solution-link:hover,.bgw4__simple-link:hover,.bgw4__company-grid a:hover{transform:translateY(-2px)}
.bgw4__solution-link:hover strong,.bgw4__simple-link:hover strong,.bgw4__company-grid a:hover strong{color:var(--blue)}
.bgw4__solution-link:hover .bgw4__icon, .bgw4__simple-link:hover .bgw4__icon, .bgw4__company-grid a:hover .bgw4__icon {
  transform:scale(1.15) rotate(-3deg); background:var(--blue); color:#fff;
}

.bgw4__simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.bgw4__simple-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bgw4__company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}

.bgw4__item--compact{position:relative}
.bgw4__item--compact>.bgw4__panel--vertical{
  top:86px;left:50%;width:min(590px,calc(100vw - 32px));
  border-top:1px solid var(--line);border-radius:0 0 14px 14px
}
.bgw4__panel--vertical .bgw4__panel-inner{padding:24px 28px 28px}
.bgw4__panel--vertical .bgw4__panel-kicker{margin-bottom:12px}
.bgw4__panel--vertical .bgw4__simple-grid,
.bgw4__panel--vertical .bgw4__simple-grid--3,
.bgw4__panel--vertical .bgw4__company-grid{grid-template-columns:1fr;gap:0}
.bgw4__panel--vertical .bgw4__simple-link,
.bgw4__panel--vertical .bgw4__company-grid a{min-height:68px;padding:14px 0}

/* ===== Search + quote (Animated) ===== */
.bgw4__actions{
  justify-self:end;
  display:flex;align-items:center;gap:12px;flex:0 0 auto
}
.bgw4__header-search>input[type="hidden"],.bgw4__m-search>input[type="hidden"]{display:none!important}
.bgw4__header-search{
  width:190px;height:44px;flex:0 0 auto;position:relative;display:flex;align-items:center;
  background:#fff;border:1px solid #CBD5E1;border-radius:10px;
  /* Width expand on focus */
  transition:width .3s cubic-bezier(0.16,1,0.3,1), border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.bgw4__header-search:hover{border-color:#B7C2D0;background:#FDFEFF}
.bgw4__header-search:focus-within{width:220px;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,76,158,.08);background:#fff}
.bgw4__header-search input{
  width:100%;height:100%;min-width:0;border:0;outline:0;background:transparent;
  padding:0 43px 0 14px;font-size:14px;color:var(--ink);font-family:inherit
}
.bgw4__header-search input::placeholder{color:#7B8492;opacity:1}
.bgw4__header-search input::-webkit-search-cancel-button{display:none}
.bgw4__header-search button{
  position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:8px;
  background:transparent;color:var(--blue);display:grid;place-items:center;cursor:pointer;
  transition:background .2s ease,color .2s ease, transform .2s
}
.bgw4__header-search button:hover{background:var(--blue3);color:var(--blue2); transform:scale(1.05)}

.bgw4__quote{
  min-height:44px;padding:0 18px;border-radius:10px;background:var(--blue);color:#fff!important;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;white-space:nowrap;
  transition:background .25s ease,transform .25s cubic-bezier(0.16,1,0.3,1),box-shadow .25s ease
}
.bgw4__quote:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 6px 14px rgba(10,76,158,.16)}

/* ===== Mobile & Responsive Enhancements ===== */
.bgw4__m-search{display:none}
.bgw4__mobile-toggle,.bgw4__mobile{display:none}

@media(max-width:1520px){
  .bgw4__bar{
    width:min(calc(100% - 28px),1760px);
    grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);
    column-gap:10px;
  }
  .bgw4__logo{width:166px}
  .bgw4__direct,.bgw4__trigger{padding:0 5px;font-size:17px}
  .bgw4__direct:after,.bgw4__trigger:after{left:5px;right:5px}
  .bgw4__header-search{width:140px;}
  .bgw4__header-search:focus-within{width:170px;}
  .bgw4__header-search input{font-size:13px;padding-right:38px}
  .bgw4__quote{padding:0 12px;font-size:15px}
  .bgw4__groups{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1320px){
  body.admin-bar .bgw4{top:46px}
  .bgw4__bar{
    width:min(calc(100% - 32px),1440px);height:74px;
    display:flex;align-items:center
  }
  .bgw4__nav,.bgw4__actions{display:none}
  .bgw4__logo{width:170px;height:48px;flex-basis:170px}
  .bgw4__logo img{width:180px!important;height:180px!important}
  
  /* Animated Hamburger toggle */
  .bgw4__mobile-toggle{
    display:inline-flex;width:42px;height:42px;margin-left:auto;align-items:center;justify-content:center;
    border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;
    transition:background .25s, transform .15s;
  }
  .bgw4__mobile-toggle:active{transform:scale(0.92)}
  .bgw4__mobile-toggle svg {
    transition: transform .3s cubic-bezier(0.16,1,0.3,1);
  }
  
  /* Replaced block/none toggle with smooth max-height dropdown */
  .bgw4__mobile{
    display:block; /* Always block, rely on height/opacity for hide */
    background:#fff;border-top:1px solid transparent;
    max-height:0; opacity:0; overflow:hidden;
    transition:max-height .5s cubic-bezier(0.16,1,0.3,1), opacity .4s ease, border-color .3s;
  }
  .bgw4__mobile.is-open{
    max-height:calc(100vh - 74px);
    opacity:1;
    border-top:1px solid var(--line);
    overflow-y:auto;
  }
  
  .bgw4__mobile-inner{width:min(calc(100% - 32px),720px);margin:auto;padding:8px 0 24px}
  .bgw4__m-direct,.bgw4__m-btn{
    width:100%;min-height:54px;padding:0 2px;border:0;border-bottom:1px solid var(--line);background:#fff;
    display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:16px;font-weight:650;
    text-decoration:none;text-align:left;
  }
  /* Small pop when clicking mobile category button */
  .bgw4__m-btn span {transition:transform .3s ease;}
  .bgw4__m-btn:active span {transform:scale(0.7);}
  
  /* Replaced block/none for Submenus with smooth accordion expansion */
  .bgw4__m-sub{
    display:block;
    max-height:0; opacity:0; overflow:hidden;
    padding-top:0; padding-bottom:0;
    background:var(--soft);
    transition:max-height .4s cubic-bezier(0.16,1,0.3,1), padding .4s ease, opacity .3s ease;
  }
  .bgw4__m-sub.is-open{
    max-height:600px;
    padding-top:8px; padding-bottom:14px;
    opacity:1;
  }
  .bgw4__m-sub a{
    display:block;padding:9px 12px;color:var(--text);font-size:15px;text-decoration:none;
    transition:color .2s, transform .2s;
  }
  .bgw4__m-sub a:active{transform:translateX(4px); color:var(--blue)}
  
  .bgw4__m-search{display:flex;align-items:center;gap:8px;margin:14px 0 8px}
  .bgw4__m-search-field{position:relative;flex:1}
  .bgw4__m-search-field svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#6B7280;pointer-events:none}
  .bgw4__m-search input{
    width:100%;height:46px;border:1px solid #D1D5DB;border-radius:8px;padding:0 12px 0 40px;
    outline:0;font-size:14px;color:var(--ink);font-family:inherit;
    transition:border-color .25s, box-shadow .25s;
  }
  .bgw4__m-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,76,158,.08)}
  .bgw4__m-search button{
    height:46px;padding:0 18px;border:0;border-radius:8px;background:var(--blue);color:#fff;
    font-size:14px;font-weight:700;cursor:pointer;transition:background .2s, transform .2s;
  }
  .bgw4__m-search button:active{transform:scale(0.95); background:var(--blue2);}
  .bgw4__m-quote{margin-top:16px;min-height:48px;border-radius:8px;background:var(--blue);color:#fff!important;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;font-weight:700;transition:background .25s;}
}


/* ===== V16.4 Expanded Products Navigation ===== */

/* Give the richer Products menu more room without changing other menus. */
.bgw4__panel--products{
  width:min(calc(100vw - 48px),1420px);
  max-height:calc(100vh - 110px);
  overflow-y:auto;
  scrollbar-gutter:stable;
}

.bgw4__panel--products .bgw4__panel-inner{
  padding:30px 36px 34px;
}

.bgw4__panel--products .bgw4__product-layout{
  grid-template-columns:240px 1fr;
  gap:36px;
}

.bgw4__panel--products .bgw4__groups{
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:28px;
  row-gap:25px;
}

.bgw4__panel--products .bgw4__group a{
  padding:4px 0;
  font-size:14px;
  line-height:1.42;
}

/* Desktop View All Products becomes a clear CTA button. */
.bgw4__intro .bgw4__view-all-products{
  min-height:42px;
  padding:0 16px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--blue);
  color:#fff!important;
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  box-shadow:0 7px 18px rgba(10,76,158,.15);
  transition:background .22s ease,transform .22s ease,box-shadow .22s ease;
}

.bgw4__intro .bgw4__view-all-products:hover{
  background:var(--blue2);
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(10,76,158,.20);
}

.bgw4__intro .bgw4__view-all-products span{
  transition:transform .22s ease;
}

.bgw4__intro .bgw4__view-all-products:hover span{
  transform:translateX(2px);
}

/* Mobile products can scroll independently because the taxonomy is richer. */
.bgw4__m-sub--products.is-open{
  max-height:72vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:12px 12px 18px;
}

.bgw4__m-view-all-products{
  min-height:44px;
  margin:0 0 10px;
  padding:0 14px!important;
  border-radius:8px;
  background:var(--blue)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  font-weight:700!important;
}

.bgw4__m-view-all-products:active{
  background:var(--blue2)!important;
  color:#fff!important;
}

.bgw4__m-product-group{
  padding:11px 0 9px;
  border-bottom:1px solid #E7EBF0;
}

.bgw4__m-product-group:last-child{
  border-bottom:0;
}

.bgw4__m-product-title{
  padding:0 12px 6px;
  color:#111827;
  font-size:11px;
  font-weight:750;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.bgw4__m-product-group a{
  padding:7px 12px!important;
  font-size:14px!important;
}

/* Responsive product panel tuning. */
@media(max-width:1520px) and (min-width:1321px){
  .bgw4__panel--products{
    width:min(calc(100vw - 32px),1360px);
  }

  .bgw4__panel--products .bgw4__product-layout{
    grid-template-columns:220px 1fr;
    gap:28px;
  }

  .bgw4__panel--products .bgw4__groups{
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:24px;
    row-gap:22px;
  }

  .bgw4__panel--products .bgw4__group a{
    font-size:13.5px;
  }
}



/* ===== V16.5 Clean Products Menu ===== */
.bgw4__panel--products-clean{
  width:min(calc(100vw - 56px),1280px);
  max-height:calc(100vh - 110px);
  overflow-y:auto;
  background:#fff;
}

.bgw4__panel--products-clean .bgw4__panel-inner{
  padding:28px 32px 30px;
}

.bgw4__product-layout--clean{
  grid-template-columns:215px minmax(0,1fr);
  gap:30px;
}

.bgw4__intro--clean{
  padding-right:26px;
}

.bgw4__intro--clean .bgw4__intro-head h3{
  font-size:22px;
  line-height:1.16;
  letter-spacing:-.025em;
}

.bgw4__intro--clean > p:not(.bgw4__panel-kicker){
  font-size:14px;
  line-height:1.65;
  margin-bottom:20px;
}

.bgw4__product-nav-clean{min-width:0}

.bgw4__core-clean{
  padding:0 0 20px;
  border-bottom:1px solid #E9EDF2;
}

.bgw4__clean-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.bgw4__clean-section-head .bgw4__inline-title{margin:0}

.bgw4__clean-section-head>span{
  color:#9AA3AF;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.bgw4__core-links-clean{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px 10px;
}

.bgw4__core-links-clean a{
  min-height:38px;
  padding:0 10px;
  border:1px solid #E6EAF0;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  background:#FAFBFC;
  color:#344052;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}

.bgw4__core-links-clean a span{
  color:#94A3B8;
  font-size:12px;
  transition:transform .2s ease,color .2s ease;
}

.bgw4__core-links-clean a:hover{
  border-color:rgba(10,76,158,.24);
  background:#F4F8FE;
  color:var(--blue);
  transform:translateY(-1px);
}

.bgw4__core-links-clean a:hover span{
  color:var(--blue);
  transform:translateX(2px);
}

.bgw4__clean-section-head--browse{
  margin:18px 0 12px;
  justify-content:flex-start;
}

.bgw4__clean-section-head--browse>div{
  display:flex;
  align-items:baseline;
  gap:10px;
}

.bgw4__clean-section-head--browse strong{
  color:#111827;
  font-size:13px;
  font-weight:700;
}

.bgw4__clean-section-head--browse span{
  color:#8A94A3;
  font-size:12px;
}

.bgw4__groups--clean{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px 24px;
}

.bgw4__group--clean{
  min-width:0;
  padding-top:2px;
}

.bgw4__group--clean .bgw4__inline-title{
  margin-bottom:7px;
  gap:8px;
}

.bgw4__group--clean .bgw4__inline-title h4{
  font-size:13.5px;
  font-weight:700;
}

.bgw4__group--clean .bgw4__icon{
  width:24px;
  height:24px;
  flex-basis:24px;
  border-radius:7px;
}

.bgw4__group--clean .bgw4__icon svg{
  width:13px;
  height:13px;
}

.bgw4__clean-links a{
  display:block;
  padding:3px 0;
  color:#596577;
  font-size:12.5px;
  line-height:1.42;
  font-weight:500;
  text-decoration:none;
  white-space:normal;
  transition:color .18s ease,transform .18s ease;
}

.bgw4__clean-links a:hover{
  color:var(--blue);
  transform:translateX(3px);
}

.bgw4__products-clean-footer{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #E9EDF2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#8A94A3;
  font-size:12px;
}

.bgw4__products-clean-footer a{
  color:var(--blue);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}

.bgw4__products-clean-footer a:hover{
  color:var(--blue2);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Keep View All Products visually dominant, but compact. */
.bgw4__intro--clean .bgw4__view-all-products{
  min-height:40px;
  padding:0 14px;
  font-size:13.5px;
  border-radius:8px;
  box-shadow:0 6px 16px rgba(10,76,158,.14);
}

/* Remove old V16.4 oversized spacing from Products only. */
.bgw4__panel--products-clean .bgw4__groups{
  column-gap:24px;
  row-gap:20px;
}

@media(max-width:1520px) and (min-width:1321px){
  .bgw4__panel--products-clean{
    width:min(calc(100vw - 36px),1210px);
  }
  .bgw4__product-layout--clean{
    grid-template-columns:200px minmax(0,1fr);
    gap:24px;
  }
  .bgw4__core-links-clean{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .bgw4__groups--clean{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px 20px;
  }
  .bgw4__clean-links a{font-size:12px}
}

@media(max-width:1320px){
  .bgw4__m-sub--products.is-open{
    max-height:72vh;
    overflow-y:auto;
  }
  .bgw4__m-product-group{
    padding:10px 0 8px;
  }
  .bgw4__m-product-title{
    font-size:10.5px;
  }
}



/* ===== V16.6 Unified Products Menu ===== */

.bgw4__panel--products-unified{
  width:min(calc(100vw - 56px),1280px);
  max-height:calc(100vh - 110px);
  overflow-y:auto;
  background:#fff;
}

.bgw4__panel--products-unified .bgw4__panel-inner{
  padding:28px 32px 30px;
}

.bgw4__product-layout--unified{
  grid-template-columns:215px minmax(0,1fr);
  gap:32px;
}

.bgw4__intro--unified{
  padding-right:28px;
}

.bgw4__intro--unified .bgw4__intro-head h3{
  font-size:22px;
  line-height:1.16;
  letter-spacing:-.025em;
}

.bgw4__intro--unified > p:not(.bgw4__panel-kicker){
  font-size:14px;
  line-height:1.65;
  margin-bottom:20px;
}

/* One continuous grid: no top/bottom module split */
.bgw4__unified-products-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px 28px;
  align-items:start;
}

.bgw4__unified-group{
  min-width:0;
}

/* Core lines live in the same grid, just receive more width */
.bgw4__unified-group--core{
  grid-column:span 2;
}

.bgw4__unified-group .bgw4__inline-title{
  margin:0 0 9px;
  gap:8px;
}

.bgw4__unified-group .bgw4__inline-title h4{
  font-size:14px;
  font-weight:700;
  line-height:1.3;
  color:#111827;
}

.bgw4__unified-group .bgw4__icon{
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:7px;
}

.bgw4__unified-group .bgw4__icon svg{
  width:13px;
  height:13px;
}

/* Core Product Lines: compact two-column links, not a separate module */
.bgw4__unified-core-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 18px;
}

.bgw4__unified-core-links a{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:3px 0;
  color:#3F4A5A;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
  text-decoration:none;
  border-bottom:1px solid #F0F2F5;
  transition:color .18s ease,transform .18s ease;
}

.bgw4__unified-core-links a span{
  color:#A2ACB9;
  font-size:11px;
  transition:color .18s ease,transform .18s ease;
}

.bgw4__unified-core-links a:hover{
  color:var(--blue);
  transform:translateX(2px);
}

.bgw4__unified-core-links a:hover span{
  color:var(--blue);
  transform:translateX(2px);
}

/* Other taxonomy groups */
.bgw4__unified-links a{
  display:block;
  padding:3px 0;
  color:#5B6676;
  font-size:12.7px;
  font-weight:500;
  line-height:1.42;
  text-decoration:none;
  white-space:normal;
  transition:color .18s ease,transform .18s ease;
}

.bgw4__unified-links a:hover{
  color:var(--blue);
  transform:translateX(3px);
}

/* One footer for the whole matrix */
.bgw4__unified-footer{
  grid-column:1 / -1;
  margin-top:0;
  padding-top:15px;
  border-top:1px solid #E9EDF2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#8A94A3;
  font-size:12px;
}

.bgw4__unified-footer a{
  color:var(--blue);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}

.bgw4__unified-footer a:hover{
  color:var(--blue2);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Keep View All Products as a clear blue CTA */
.bgw4__intro--unified .bgw4__view-all-products{
  min-height:40px;
  padding:0 14px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--blue);
  color:#fff!important;
  font-size:13.5px;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 6px 16px rgba(10,76,158,.14);
}

.bgw4__intro--unified .bgw4__view-all-products:hover{
  background:var(--blue2);
  color:#fff!important;
}

/* Override V16.5's split layout styles for this panel */
.bgw4__panel--products-unified .bgw4__core-clean,
.bgw4__panel--products-unified .bgw4__clean-section-head--browse,
.bgw4__panel--products-unified .bgw4__groups--clean,
.bgw4__panel--products-unified .bgw4__products-clean-footer{
  display:none!important;
}

@media(max-width:1520px) and (min-width:1321px){
  .bgw4__panel--products-unified{
    width:min(calc(100vw - 36px),1210px);
  }

  .bgw4__product-layout--unified{
    grid-template-columns:200px minmax(0,1fr);
    gap:26px;
  }

  .bgw4__unified-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:21px 23px;
  }

  .bgw4__unified-core-links{
    gap:4px 14px;
  }

  .bgw4__unified-core-links a{
    font-size:12.5px;
  }

  .bgw4__unified-links a{
    font-size:12.2px;
  }
}



/* ===== V16.7 Larger Clean Product Grid ===== */

/*
 * One unified grid.
 * No Core Product Lines special treatment.
 * Larger typography and more breathing room.
 */
.bgw4__panel--products-v167{
  width:min(calc(100vw - 48px),1360px);
  max-height:calc(100vh - 104px);
  overflow-y:auto;
  background:#fff;
}

.bgw4__panel--products-v167 .bgw4__panel-inner{
  padding:32px 38px 34px;
}

.bgw4__product-layout--v167{
  grid-template-columns:230px minmax(0,1fr);
  gap:38px;
}

.bgw4__intro--v167{
  padding-right:30px;
}

.bgw4__intro--v167 .bgw4__panel-kicker{
  font-size:12px;
  letter-spacing:.16em;
  margin-bottom:15px;
}

.bgw4__intro--v167 .bgw4__intro-head{
  gap:12px;
}

.bgw4__intro--v167 .bgw4__intro-head h3{
  font-size:24px;
  line-height:1.18;
  letter-spacing:-.025em;
}

.bgw4__intro--v167 > p:not(.bgw4__panel-kicker){
  margin:16px 0 23px;
  font-size:15px;
  line-height:1.7;
  color:#667284;
}

.bgw4__intro--v167 .bgw4__view-all-products{
  min-height:43px;
  padding:0 17px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--blue);
  color:#fff!important;
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  box-shadow:0 7px 18px rgba(10,76,158,.15);
}

.bgw4__intro--v167 .bgw4__view-all-products:hover{
  background:var(--blue2);
  color:#fff!important;
}

/* 3-column grid gives every group more width and larger type. */
.bgw4__products-grid-v167{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:42px;
  row-gap:31px;
  align-items:start;
}

.bgw4__group-v167{
  min-width:0;
}

/* No special category block. Everything uses the same group style. */
.bgw4__group-v167 .bgw4__inline-title{
  margin:0 0 11px;
  gap:9px;
}

.bgw4__group-v167 .bgw4__inline-title h4{
  margin:0;
  color:#111827;
  font-size:15.5px;
  line-height:1.3;
  font-weight:700;
}

.bgw4__group-v167 .bgw4__icon{
  width:27px;
  height:27px;
  flex:0 0 27px;
  border-radius:8px;
}

.bgw4__group-v167 .bgw4__icon svg{
  width:14px;
  height:14px;
}

/* Larger links and line-height */
.bgw4__links-v167 a{
  display:block;
  padding:4px 0;
  color:#556173;
  font-size:14px;
  line-height:1.48;
  font-weight:500;
  text-decoration:none;
  white-space:normal;
  transition:color .18s ease,transform .18s ease;
}

.bgw4__links-v167 a:hover{
  color:var(--blue);
  transform:translateX(3px);
}

/* Product Categories has 8 items, so use two internal columns,
   but it is NOT a separate module and has the same heading/style. */
.bgw4__links-v167--categories{
  columns:2;
  column-gap:24px;
}

.bgw4__links-v167--categories a{
  break-inside:avoid;
}

/* One footer for the full matrix */
.bgw4__footer-v167{
  grid-column:1 / -1;
  margin-top:1px;
  padding-top:18px;
  border-top:1px solid #E8EDF2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#8A94A3;
  font-size:13px;
}

.bgw4__footer-v167 a{
  color:var(--blue);
  font-size:13.5px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}

.bgw4__footer-v167 a:hover{
  color:var(--blue2);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Hide legacy V16.5 / V16.6 desktop structures if any CSS survives. */
.bgw4__panel--products-v167 .bgw4__core-clean,
.bgw4__panel--products-v167 .bgw4__clean-section-head--browse,
.bgw4__panel--products-v167 .bgw4__groups--clean,
.bgw4__panel--products-v167 .bgw4__products-clean-footer,
.bgw4__panel--products-v167 .bgw4__unified-products-grid{
  display:none!important;
}

@media(max-width:1520px) and (min-width:1321px){
  .bgw4__panel--products-v167{
    width:min(calc(100vw - 34px),1290px);
  }

  .bgw4__panel--products-v167 .bgw4__panel-inner{
    padding:28px 32px 31px;
  }

  .bgw4__product-layout--v167{
    grid-template-columns:215px minmax(0,1fr);
    gap:31px;
  }

  .bgw4__products-grid-v167{
    column-gap:34px;
    row-gap:27px;
  }

  .bgw4__group-v167 .bgw4__inline-title h4{
    font-size:15px;
  }

  .bgw4__links-v167 a{
    font-size:13.5px;
  }
}

@media(max-width:1320px){
  .bgw4__m-sub--products.is-open{
    max-height:72vh;
    overflow-y:auto;
  }
}



/* ===== V16.9 Refined Three-Column Products Menu =====
   Keep the V16.7 arrangement exactly:
   row 1: Product Categories / Product Shapes / Product Colors
   row 2: Capacity & Size / Surface Finishes / Materials
   row 3: Lids & Accessories / Style & Design / Applications
*/

/* Slightly wider menu, so text can breathe without shrinking. */
.bgw4__panel--products-v167{
  width:min(calc(100vw - 36px),1420px)!important;
  max-height:calc(100vh - 102px)!important;
  background:#fff!important;
}

.bgw4__panel--products-v167 .bgw4__panel-inner{
  padding:32px 38px 34px!important;
}

/* Give more useful width to navigation and slightly less to intro. */
.bgw4__product-layout--v167{
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:34px!important;
}

.bgw4__intro--v167{
  padding-right:26px!important;
}

.bgw4__intro--v167 .bgw4__panel-kicker{
  font-size:12px!important;
  letter-spacing:.16em!important;
  margin-bottom:16px!important;
}

.bgw4__intro--v167 .bgw4__intro-head h3{
  font-size:24px!important;
  line-height:1.18!important;
  letter-spacing:-.028em!important;
}

.bgw4__intro--v167 > p:not(.bgw4__panel-kicker){
  margin:16px 0 24px!important;
  font-size:15px!important;
  line-height:1.72!important;
  color:#657183!important;
}

.bgw4__intro--v167 .bgw4__view-all-products{
  min-height:44px!important;
  padding:0 18px!important;
  font-size:14px!important;
  border-radius:9px!important;
}

/* Keep three columns, but make the first column wider.
   This helps Product Categories avoid awkward wrapping. */
.bgw4__products-grid-v167{
  grid-template-columns:minmax(290px,1.18fr) minmax(245px,1fr) minmax(245px,1fr)!important;
  column-gap:40px!important;
  row-gap:29px!important;
  align-items:start!important;
}

/* Slightly larger group titles. */
.bgw4__group-v167 .bgw4__inline-title{
  margin:0 0 11px!important;
  gap:10px!important;
}

.bgw4__group-v167 .bgw4__inline-title h4{
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:720!important;
  color:#121a27!important;
}

.bgw4__group-v167 .bgw4__icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:8px!important;
}

.bgw4__group-v167 .bgw4__icon svg{
  width:14px!important;
  height:14px!important;
}

/* Product Categories remains two internal columns,
   but receives cleaner spacing and stronger line handling. */
.bgw4__links-v167--categories{
  columns:2!important;
  column-gap:27px!important;
}

.bgw4__links-v167--categories a{
  break-inside:avoid!important;
  padding:4px 0!important;
  font-size:14.2px!important;
  line-height:1.42!important;
}

/* Other groups: readable without looking oversized. */
.bgw4__links-v167:not(.bgw4__links-v167--categories) a{
  padding:4px 0!important;
  font-size:14.2px!important;
  line-height:1.45!important;
}

/* More consistent color and hover feedback. */
.bgw4__links-v167 a{
  color:#596678!important;
  font-weight:500!important;
  transition:color .18s ease,transform .18s ease!important;
}

.bgw4__links-v167 a:hover{
  color:var(--blue)!important;
  transform:translateX(3px)!important;
}

/* Reduce empty feeling between rows without crowding. */
.bgw4__group-v167{
  min-width:0!important;
  padding-bottom:1px;
}

/* Footer is quieter and sits closer to the grid. */
.bgw4__footer-v167{
  grid-column:1 / -1!important;
  margin-top:-2px!important;
  padding-top:16px!important;
  border-top:1px solid #E9EDF2!important;
  font-size:12.5px!important;
}

.bgw4__footer-v167 a{
  font-size:13.5px!important;
  font-weight:700!important;
}

/* Prevent the Product Categories items from breaking too aggressively. */
.bgw4__links-v167--categories a{
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Desktop tuning for slightly narrower large screens. */
@media(max-width:1520px) and (min-width:1321px){
  .bgw4__panel--products-v167{
    width:min(calc(100vw - 28px),1350px)!important;
  }

  .bgw4__panel--products-v167 .bgw4__panel-inner{
    padding:29px 32px 31px!important;
  }

  .bgw4__product-layout--v167{
    grid-template-columns:200px minmax(0,1fr)!important;
    gap:29px!important;
  }

  .bgw4__products-grid-v167{
    grid-template-columns:minmax(270px,1.16fr) minmax(225px,1fr) minmax(225px,1fr)!important;
    column-gap:32px!important;
    row-gap:26px!important;
  }

  .bgw4__group-v167 .bgw4__inline-title h4{
    font-size:15.5px!important;
  }

  .bgw4__links-v167--categories a,
  .bgw4__links-v167:not(.bgw4__links-v167--categories) a{
    font-size:13.7px!important;
  }
}


/* ===== V16.10 Products Mega Menu — Visual Polish ===== */
.bgw4__panel--products-v167{
  width:min(calc(100vw - 30px),1440px)!important;
  max-height:calc(100vh - 100px)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFDFE 100%)!important;
  border:1px solid #E8EDF3!important;
  box-shadow:0 24px 58px rgba(15,23,42,.12)!important;
}
.bgw4__panel--products-v167 .bgw4__panel-inner{
  padding:30px 38px 31px!important;
}
.bgw4__product-layout--v167{
  grid-template-columns:195px minmax(0,1fr)!important;
  gap:30px!important;
}
.bgw4__intro--v167{
  padding-right:26px!important;
  border-right:1px solid #E7ECF2!important;
}
.bgw4__intro--v167 .bgw4__panel-kicker{
  margin-bottom:14px!important;
  font-size:11.5px!important;
  letter-spacing:.17em!important;
  color:#657084!important;
}
.bgw4__intro--v167 .bgw4__intro-head{
  gap:10px!important;
  align-items:flex-start!important;
}
.bgw4__intro--v167 .bgw4__intro-head h3{
  margin:0!important;
  font-size:23px!important;
  line-height:1.14!important;
  letter-spacing:-.03em!important;
  color:#111827!important;
}
.bgw4__intro--v167 > p:not(.bgw4__panel-kicker){
  margin:17px 0 22px!important;
  font-size:14.2px!important;
  line-height:1.7!important;
  color:#687487!important;
}
.bgw4__intro--v167 .bgw4__view-all-products{
  min-height:43px!important;
  padding:0 17px!important;
  border-radius:9px!important;
  font-size:13.8px!important;
  box-shadow:0 8px 20px rgba(10,76,158,.16)!important;
}
.bgw4__products-grid-v167{
  grid-template-columns:minmax(315px,1.16fr) minmax(260px,1fr) minmax(260px,1fr)!important;
  column-gap:42px!important;
  row-gap:26px!important;
  align-items:start!important;
}
.bgw4__group-v167{
  min-width:0!important;
  position:relative;
}
.bgw4__group-v167 .bgw4__inline-title{
  min-height:30px!important;
  margin:0 0 10px!important;
  gap:9px!important;
  align-items:center!important;
  padding-bottom:8px!important;
  border-bottom:1px solid #EEF1F5!important;
}
.bgw4__group-v167 .bgw4__inline-title h4{
  margin:0!important;
  font-size:15.8px!important;
  line-height:1.25!important;
  font-weight:720!important;
  color:#111827!important;
  letter-spacing:-.01em!important;
}
.bgw4__group-v167 .bgw4__icon{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  border-radius:8px!important;
  background:#EEF5FF!important;
  color:#0A4C9E!important;
}
.bgw4__group-v167 .bgw4__icon svg{
  width:13.5px!important;
  height:13.5px!important;
}
.bgw4__links-v167 a{
  position:relative;
  display:block;
  padding:4px 0!important;
  color:#566274!important;
  font-size:14px!important;
  line-height:1.43!important;
  font-weight:500!important;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease!important;
}
.bgw4__links-v167 a:hover{
  color:var(--blue)!important;
  transform:translateX(3px)!important;
}
.bgw4__links-v167--categories{
  columns:2!important;
  column-gap:28px!important;
}
.bgw4__links-v167--categories a{
  break-inside:avoid!important;
  padding:4px 0!important;
  font-size:14px!important;
  line-height:1.4!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.bgw4__group-v167:nth-child(1),
.bgw4__group-v167:nth-child(2),
.bgw4__group-v167:nth-child(3){min-height:162px}
.bgw4__group-v167:nth-child(4),
.bgw4__group-v167:nth-child(5),
.bgw4__group-v167:nth-child(6){min-height:140px}
.bgw4__group-v167:nth-child(7),
.bgw4__group-v167:nth-child(8),
.bgw4__group-v167:nth-child(9){min-height:132px}
.bgw4__footer-v167{
  grid-column:1 / -1!important;
  margin-top:-4px!important;
  padding-top:15px!important;
  border-top:1px solid #E7ECF2!important;
  color:#9AA3AF!important;
  font-size:12px!important;
}
.bgw4__footer-v167 a{
  color:var(--blue)!important;
  font-size:13px!important;
  font-weight:700!important;
}
@media(max-width:1520px) and (min-width:1321px){
  .bgw4__panel--products-v167{
    width:min(calc(100vw - 24px),1370px)!important;
  }
  .bgw4__panel--products-v167 .bgw4__panel-inner{
    padding:27px 31px 29px!important;
  }
  .bgw4__product-layout--v167{
    grid-template-columns:188px minmax(0,1fr)!important;
    gap:27px!important;
  }
  .bgw4__products-grid-v167{
    grid-template-columns:minmax(290px,1.14fr) minmax(235px,1fr) minmax(235px,1fr)!important;
    column-gap:33px!important;
    row-gap:23px!important;
  }
  .bgw4__group-v167 .bgw4__inline-title h4{font-size:15.3px!important}
  .bgw4__links-v167 a,
  .bgw4__links-v167--categories a{font-size:13.6px!important}
}



/* ===== V16.11 — View All Products single-line button ===== */
.bgw4__intro--v167 .bgw4__view-all-products{
  width:max-content!important;
  min-width:168px!important;
  max-width:none!important;
  padding-left:18px!important;
  padding-right:18px!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
}

.bgw4__intro--v167 .bgw4__view-all-products span{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}


/* ===== V17.0 — Full-width Products Navigator ===== */
.bgw4__panel--products-v17{
  width:100vw!important;
  max-width:none!important;
  left:50%!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0 0 18px 18px!important;
  background:#fff!important;
  box-shadow:0 30px 70px rgba(15,23,42,.13)!important;
  overflow:hidden!important;
}

.bgw4__products-v17-shell{
  width:min(calc(100% - 56px),1540px);
  margin:0 auto;
  background:#fff;
}

.bgw4__products-v17-head{
  min-height:116px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:24px 6px 22px;
  border-bottom:1px solid #E8EDF3;
}

.bgw4__products-v17-heading{min-width:0}
.bgw4__products-v17-heading .bgw4__panel-kicker{
  margin:0 0 8px!important;
  color:var(--blue)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
}
.bgw4__products-v17-heading h3{
  margin:0;
  color:#0F172A;
  font-size:27px;
  line-height:1.12;
  font-weight:760;
  letter-spacing:-.035em;
}
.bgw4__products-v17-heading p:last-child{
  margin:8px 0 0;
  color:#667085;
  font-size:14.5px;
  line-height:1.5;
}

.bgw4__products-v17-all{
  min-height:46px;
  padding:0 19px;
  border-radius:9px;
  background:var(--blue);
  color:#fff!important;
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none!important;
  font-size:14px;
  font-weight:750;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(10,76,158,.16);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.bgw4__products-v17-all:hover{
  background:var(--blue2);
  transform:translateY(-1px);
  box-shadow:0 11px 24px rgba(10,76,158,.2);
}

.bgw4__products-v17-body{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  min-height:472px;
  max-height:590px;
  overflow:hidden;
}

.bgw4__products-v17-tabs{
  padding:18px 18px 20px 0;
  border-right:1px solid #E8EDF3;
  background:linear-gradient(90deg,#F8FAFD 0%,#FBFCFE 100%);
  overflow-y:auto;
}

.bgw4__products-v17-tab{
  width:100%;
  min-height:48px;
  appearance:none;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#344054;
  padding:8px 11px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  text-align:left;
  font-family:inherit;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.bgw4__products-v17-tab + .bgw4__products-v17-tab{margin-top:3px}
.bgw4__products-v17-tab .bgw4__icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:8px;
  background:#EEF4FC;
}
.bgw4__products-v17-tab .bgw4__icon svg{width:14px;height:14px}
.bgw4__products-v17-tab-label{
  min-width:0;
  font-size:14px;
  line-height:1.25;
  font-weight:650;
}
.bgw4__products-v17-tab-count{
  min-width:28px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#EEF2F6;
  color:#667085;
  font-size:11.5px;
  font-weight:700;
}
.bgw4__products-v17-tab:hover{
  background:#F0F5FC;
  color:var(--blue);
  transform:translateX(2px);
}
.bgw4__products-v17-tab.is-active{
  background:#fff;
  color:var(--blue);
  box-shadow:0 5px 18px rgba(15,23,42,.07);
}
.bgw4__products-v17-tab.is-active .bgw4__icon{background:var(--blue3)}
.bgw4__products-v17-tab.is-active .bgw4__products-v17-tab-count{
  background:var(--blue3);
  color:var(--blue);
}

.bgw4__products-v17-content{
  min-width:0;
  padding:28px 4px 30px 36px;
  overflow-y:auto;
}
.bgw4__products-v17-group[hidden]{display:none!important}
.bgw4__products-v17-group.is-active{display:block}

.bgw4__products-v17-group-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
  padding-right:4px;
}
.bgw4__products-v17-eyebrow{
  display:block;
  margin-bottom:4px;
  color:#98A2B3;
  font-size:10.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.bgw4__products-v17-group-head h4{
  margin:0;
  color:#101828;
  font-size:19px;
  line-height:1.2;
  font-weight:740;
  letter-spacing:-.015em;
}
.bgw4__products-v17-option-count{
  color:#98A2B3;
  font-size:12px;
  font-weight:650;
  white-space:nowrap;
}

.bgw4__products-v17-links{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:30px;
  row-gap:1px;
  align-items:start;
}
.bgw4__products-v17-links a{
  min-width:0;
  min-height:34px;
  padding:6px 0;
  border-bottom:1px solid transparent;
  color:#4B5A70;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  text-decoration:none!important;
  font-size:14px;
  line-height:1.35;
  font-weight:520;
  transition:color .16s ease,border-color .16s ease,transform .16s ease;
}
.bgw4__products-v17-links a:hover{
  color:var(--blue);
  border-color:#D9E6F7;
  transform:translateX(2px);
}
.bgw4__products-v17-link-arrow{
  flex:0 0 auto;
  opacity:0;
  color:var(--blue);
  font-size:13px;
  transform:translateX(-3px);
  transition:opacity .16s ease,transform .16s ease;
}
.bgw4__products-v17-links a:hover .bgw4__products-v17-link-arrow{
  opacity:1;
  transform:translateX(0);
}

.bgw4__products-v17-footer{
  min-height:58px;
  border-top:1px solid #E8EDF3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 6px;
  color:#98A2B3;
  font-size:12px;
}
.bgw4__products-v17-footer-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

/* V17.7 — same brand blue with restrained breathing, halo and gradient */
.bgw4__products-v17-footer-actions{
  position:relative;
  padding-right:4px;
}

.bgw4__products-v17-inquiry{
  position:relative;
  isolation:isolate;
  min-height:46px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:linear-gradient(135deg,var(--blue) 0%,#0C58B3 54%,var(--blue) 100%);
  background-size:150% 150%;
  color:#fff!important;
  text-decoration:none!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  overflow:visible;
  font-size:13.8px;
  line-height:1;
  font-weight:760;
  white-space:nowrap;
  box-shadow:0 7px 18px rgba(10,76,158,.18);
  transform-origin:center;
  animation:
    bgw4InquirySoftBreath 4.2s ease-in-out infinite,
    bgw4InquirySoftGradient 8s ease-in-out infinite;
  transition:
    background .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

/* restrained outer halo */
.bgw4__products-v17-inquiry:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border:1px solid rgba(10,76,158,.34);
  border-radius:11px;
  opacity:0;
  pointer-events:none;
  animation:bgw4InquirySoftHalo 4.2s ease-out infinite;
}

/* subtle shine pass */
.bgw4__products-v17-inquiry:after{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-38%;
  width:22%;
  border-radius:inherit;
  background:linear-gradient(
    110deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
  );
  transform:skewX(-18deg);
  pointer-events:none;
  overflow:hidden;
  animation:bgw4InquirySoftShine 6.2s ease-in-out infinite;
}

.bgw4__products-v17-inquiry-arrow{
  display:inline-block;
  font-size:15px;
  line-height:1;
  opacity:.94;
  transition:transform .2s ease;
}

.bgw4__products-v17-inquiry:hover{
  animation-play-state:paused;
  background:var(--blue2);
  transform:translateY(-1px) scale(1.012);
  box-shadow:0 9px 21px rgba(10,76,158,.22);
}

.bgw4__products-v17-inquiry:hover .bgw4__products-v17-inquiry-arrow{
  transform:translateX(3px);
}

.bgw4__products-v17-inquiry:focus-visible{
  outline:3px solid rgba(10,76,158,.16);
  outline-offset:3px;
}

@keyframes bgw4InquirySoftBreath{
  0%,100%{
    transform:scale(1);
    box-shadow:0 7px 18px rgba(10,76,158,.18);
  }
  50%{
    transform:scale(1.018);
    box-shadow:0 8px 21px rgba(10,76,158,.21);
  }
}

@keyframes bgw4InquirySoftHalo{
  0%,30%{
    opacity:0;
    transform:scale(1);
  }
  48%{
    opacity:.24;
  }
  76%,100%{
    opacity:0;
    transform:scale(1.065,1.14);
  }
}

@keyframes bgw4InquirySoftShine{
  0%,72%{
    left:-38%;
    opacity:0;
  }
  77%{
    opacity:.6;
  }
  88%{
    left:112%;
    opacity:0;
  }
  100%{
    left:112%;
    opacity:0;
  }
}

@keyframes bgw4InquirySoftGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@media (prefers-reduced-motion:reduce){
  .bgw4__products-v17-inquiry,
  .bgw4__products-v17-inquiry:before,
  .bgw4__products-v17-inquiry:after{
    animation:none!important;
  }
  .bgw4__products-v17-inquiry,
  .bgw4__products-v17-inquiry-arrow{
    transition:none!important;
  }
}

@media(max-width:1520px) and (min-width:1321px){
  .bgw4__products-v17-shell{width:min(calc(100% - 34px),1440px)}
  .bgw4__products-v17-head{min-height:104px;padding:20px 4px 18px}
  .bgw4__products-v17-heading h3{font-size:24px}
  .bgw4__products-v17-body{grid-template-columns:244px minmax(0,1fr);min-height:450px;max-height:560px}
  .bgw4__products-v17-tabs{padding-right:14px}
  .bgw4__products-v17-content{padding:24px 2px 26px 28px}
  .bgw4__products-v17-links{column-gap:24px}
  .bgw4__products-v17-links a{font-size:13.4px}
}

/* Mobile: all 9 groups remain available without dumping every term at once. */
.bgw4__m-product-details{
  border-top:1px solid #EEF1F5;
}
.bgw4__m-product-details summary{
  min-height:48px;
  padding:0 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#111827;
  list-style:none;
  cursor:pointer;
  font-size:13px;
  font-weight:720;
}
.bgw4__m-product-details summary::-webkit-details-marker{display:none}
.bgw4__m-product-count{
  min-width:28px;
  height:23px;
  padding:0 7px;
  border-radius:999px;
  background:#EEF4FC;
  color:var(--blue);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:750;
}
.bgw4__m-product-links{
  padding:0 0 10px 8px;
}
.bgw4__m-product-links a{
  display:block;
  padding:7px 0!important;
  color:#5D6878!important;
  font-size:13px!important;
  line-height:1.35!important;
}



/* ===== V17.3 — keep the V17 left-sidebar layout, improve density balance =====
   No top button grid, no boxed subgroup cards.
   The same classic left taxonomy rail stays in place.
*/
.bgw4__products-v17-body{
  grid-template-columns:256px minmax(0,1fr)!important;
  min-height:0!important;
  max-height:610px!important;
}

.bgw4__products-v17-tabs{
  padding:15px 15px 16px 0!important;
}

.bgw4__products-v17-tab{
  min-height:43px!important;
  padding:6px 10px!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:8px!important;
}
.bgw4__products-v17-tab + .bgw4__products-v17-tab{margin-top:2px!important}
.bgw4__products-v17-tab .bgw4__icon{
  width:26px!important;
  height:26px!important;
  flex-basis:26px!important;
}
.bgw4__products-v17-tab-label{
  font-size:13.6px!important;
  font-weight:680!important;
}
.bgw4__products-v17-tab-count{
  min-width:26px!important;
  height:22px!important;
  font-size:11px!important;
}

.bgw4__products-v17-content{
  padding:25px 8px 26px 34px!important;
}

.bgw4__products-v17-group-head{
  margin-bottom:17px!important;
  padding-right:6px!important;
}
.bgw4__products-v17-group-head h4{
  font-size:19px!important;
}

/* Use editorial columns instead of a crowded row-by-row grid.
   This gives the menu a directory/catalog feeling closer to the previous layout. */
.bgw4__products-v17-links{
  display:block!important;
  columns:3 250px;
  column-gap:36px!important;
  column-rule:1px solid #EDF1F5;
  padding:0!important;
}

.bgw4__products-v17-links a{
  width:100%;
  min-height:34px!important;
  padding:6px 16px 6px 0!important;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  border-bottom:0!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:540!important;
}

.bgw4__products-v17-links a:hover{
  border-color:transparent!important;
}

/* Few options: use two relaxed columns, larger rhythm, and do not stretch across the whole canvas. */
.bgw4__products-v17-links--sparse{
  columns:2 280px!important;
  max-width:820px;
  column-gap:44px!important;
}
.bgw4__products-v17-links--sparse a{
  min-height:39px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  font-size:14.4px!important;
}

/* Medium lists: three comfortable columns. */
.bgw4__products-v17-links--medium{
  columns:3 245px!important;
  max-width:1080px;
  column-gap:38px!important;
}
.bgw4__products-v17-links--medium a{
  min-height:36px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
}

/* Large lists: still only three columns.
   More vertical rhythm prevents 26–34 terms from looking like a spreadsheet. */
.bgw4__products-v17-links--dense{
  columns:3 245px!important;
  max-width:none;
  column-gap:38px!important;
}
.bgw4__products-v17-links--dense a{
  min-height:35px!important;
  padding-top:6.5px!important;
  padding-bottom:6.5px!important;
}

/* A very subtle marker strengthens the "category directory" feeling without adding cards. */
.bgw4__products-v17-links a > span:first-child{
  position:relative;
  padding-left:12px;
}
.bgw4__products-v17-links a > span:first-child:before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#C8D8EB;
  transition:background .16s ease,transform .16s ease;
}
.bgw4__products-v17-links a:hover > span:first-child:before{
  background:var(--blue);
  transform:scale(1.15);
}

/* Let sparse panels feel deliberately compact rather than accidentally empty. */
.bgw4__products-v17-group--sparse .bgw4__products-v17-group-head{
  max-width:820px;
}
.bgw4__products-v17-group--medium .bgw4__products-v17-group-head{
  max-width:1080px;
}

@media(max-width:1520px) and (min-width:1321px){
  .bgw4__products-v17-body{
    grid-template-columns:238px minmax(0,1fr)!important;
    max-height:585px!important;
  }
  .bgw4__products-v17-content{
    padding:23px 4px 24px 28px!important;
  }
  .bgw4__products-v17-links,
  .bgw4__products-v17-links--medium,
  .bgw4__products-v17-links--dense{
    columns:3 220px!important;
    column-gap:30px!important;
  }
  .bgw4__products-v17-links--sparse{
    columns:2 250px!important;
    max-width:760px;
    column-gap:36px!important;
  }
  .bgw4__products-v17-links a{
    font-size:13.5px!important;
  }
}


/* ===== V17.8 — logical buyer-facing columns =====
   Keep the V17 left taxonomy rail. Only reorganize the text inside each taxonomy.
   Each vertical column now represents one clear product family / buying logic.
*/
.bgw4__products-v17-semantic-grid{
  display:grid;
  align-items:start;
  width:100%;
  gap:0;
}
.bgw4__products-v17-semantic-grid--1{grid-template-columns:minmax(0,720px)}
.bgw4__products-v17-semantic-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}
.bgw4__products-v17-semantic-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bgw4__products-v17-semantic-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.bgw4__products-v17-semantic-col{
  min-width:0;
  padding:0 25px;
  border-left:1px solid #E9EEF4;
}
.bgw4__products-v17-semantic-col:first-child{
  padding-left:0;
  border-left:0;
}
.bgw4__products-v17-semantic-col:last-child{padding-right:0}

.bgw4__products-v17-semantic-title{
  min-height:31px;
  margin:0 0 8px;
  padding:0 0 9px;
  border-bottom:1px solid #E6ECF3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#26364A;
  font-size:11.5px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.bgw4__products-v17-semantic-title--link{
  text-decoration:none;
  color:inherit;
  transition:color .18s ease,background-color .18s ease;
}
.bgw4__products-v17-semantic-title--link:hover{
  color:var(--primary);
}
.bgw4__m-product-semantic-title--link{
  display:block;
  text-decoration:none;
  color:inherit;
}
.bgw4__m-product-semantic-title--link:hover{
  color:var(--primary);
}

.bgw4__products-v17-semantic-title small{
  flex:0 0 auto;
  min-width:22px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#F1F5F9;
  color:#8B98A9;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  line-height:1;
  font-weight:750;
  letter-spacing:0;
}

.bgw4__products-v17-semantic-links{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.bgw4__products-v17-semantic-links a{
  min-width:0;
  min-height:35px;
  padding:7px 0;
  color:#4B5A70;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  text-decoration:none!important;
  font-size:13.8px;
  line-height:1.42;
  font-weight:540;
  transition:color .16s ease,transform .16s ease;
}
.bgw4__products-v17-semantic-links a > span:first-child{
  min-width:0;
  padding-left:0!important;
}
.bgw4__products-v17-semantic-links a > span:first-child:before{
  display:none!important;
}
.bgw4__products-v17-semantic-links a:hover{
  color:var(--blue);
  transform:translateX(2px);
}
.bgw4__products-v17-semantic-links a:hover .bgw4__products-v17-link-arrow{
  opacity:1;
  transform:translateX(0);
}

/* Do not let the old CSS multi-column flow scramble the semantic order. */
.bgw4__products-v17-group .bgw4__products-v17-links{
  display:none!important;
}

/* More room for grouped labels and consistent vertical rhythm. */
.bgw4__products-v17-content{
  padding-top:24px!important;
  padding-bottom:27px!important;
}
.bgw4__products-v17-group-head{
  margin-bottom:19px!important;
}

@media(max-width:1520px) and (min-width:1321px){
  .bgw4__products-v17-semantic-col{
    padding-left:19px;
    padding-right:19px;
  }
  .bgw4__products-v17-semantic-title{
    font-size:10.8px;
  }
  .bgw4__products-v17-semantic-links a{
    min-height:34px;
    padding:6.5px 0;
    font-size:13.2px;
  }
}

/* Mobile keeps the same taxonomy accordion, but terms are grouped under clear subheads. */
.bgw4__m-product-semantic{
  padding:7px 0 5px;
}
.bgw4__m-product-semantic + .bgw4__m-product-semantic{
  border-top:1px solid #E9EEF4;
}
.bgw4__m-product-semantic-title{
  padding:7px 4px 4px;
  color:#667085;
  font-size:10.5px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.bgw4__m-product-semantic a{
  padding-left:4px!important;
}


/* ===== V17.9 — Product Categories stays one clean four-column row ===== */
.bgw4__products-v17-semantic-grid--4{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.bgw4__products-v17-semantic-grid--4 .bgw4__products-v17-semantic-col{
  padding-left:22px;
  padding-right:22px;
}
.bgw4__products-v17-semantic-grid--4 .bgw4__products-v17-semantic-title{
  min-height:34px;
  font-size:11.2px;
  letter-spacing:.045em;
}
@media(max-width:1520px) and (min-width:1321px){
  .bgw4__products-v17-semantic-grid--4 .bgw4__products-v17-semantic-col{
    padding-left:17px;
    padding-right:17px;
  }
  .bgw4__products-v17-semantic-grid--4 .bgw4__products-v17-semantic-title{
    font-size:10.6px;
  }
}



/* ===== V19.2 — Compact Products Mega Menu / ORIGINAL FONT SIZES LOCKED =====
   Only spacing, height and density are adjusted here. No font-size values are changed. */
@media (min-width:1321px){
  .bgw4__products-v17-head{
    min-height:94px!important;
    padding:16px 6px 15px!important;
    gap:32px!important;
  }
  .bgw4__products-v17-heading .bgw4__panel-kicker{
    margin-bottom:6px!important;
  }
  .bgw4__products-v17-heading p:last-child{
    margin-top:6px!important;
  }
  .bgw4__products-v17-all{
    min-height:42px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .bgw4__products-v17-body{
    min-height:0!important;
    max-height:430px!important;
  }
  .bgw4__products-v17-tabs{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .bgw4__products-v17-tab{
    min-height:40px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .bgw4__products-v17-content{
    padding-top:18px!important;
    padding-bottom:19px!important;
  }
  .bgw4__products-v17-group-head{
    margin-bottom:13px!important;
  }
  .bgw4__products-v17-semantic-title{
    min-height:28px!important;
    margin-bottom:6px!important;
    padding-bottom:6px!important;
  }
  .bgw4__products-v17-semantic-links a{
    min-height:30px!important;
    padding-top:4.5px!important;
    padding-bottom:4.5px!important;
  }
  .bgw4__products-v17-footer{
    min-height:50px!important;
  }
  .bgw4__products-v17-inquiry{
    min-height:42px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}


/* ===== V20.13 — remove right-panel section headings in Products mega menu ===== */
@media (min-width:1321px){
  .bgw4__products-v17-group-head{
    display:none !important;
  }
  .bgw4__products-v17-content{
    padding-top:12px !important;
  }
}


/* Candle Jar is a single clean tab, matching the other four visually. */
#bgw4-products-v17-group-0 a.bgw4__pcat-tab{
  text-decoration:none!important;
}


/* ===== V20.15 — All 66 Candle Jar child categories, four quiet, balanced columns ===== */
/* Applies only when the Candle Jar tab itself is selected; other product families stay unchanged. */
@media (min-width:1321px) {
  .bgw4__products-v17-body:has(#bgw4-pcat-panel-0:not([hidden])) {
    max-height:min(660px,calc(100vh - 258px))!important;
  }
  #bgw4-products-v17-group-0 #bgw4-pcat-panel-0 .bgw4__pcat-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:0!important;
    width:100%!important;
    max-width:none!important;
  }
  #bgw4-products-v17-group-0 #bgw4-pcat-panel-0 .bgw4__pcat-column {
    padding-left:16px!important;
    padding-right:16px!important;
    border-left:1px solid #E9EEF4;
  }
  #bgw4-products-v17-group-0 #bgw4-pcat-panel-0 .bgw4__pcat-column:first-child {
    padding-left:0!important;
    border-left:none!important;
  }
  #bgw4-products-v17-group-0 #bgw4-pcat-panel-0 .bgw4__pcat-column:last-child {
    padding-right:0!important;
  }
  #bgw4-products-v17-group-0 #bgw4-pcat-panel-0 .bgw4__products-v17-semantic-links a {
    min-height:29px!important;
    padding:3.2px 0!important;
    font-size:14.2px!important;
    line-height:1.38!important;
    font-weight:540;
    overflow-wrap:normal;
    word-break:normal;
  }
  #bgw4-products-v17-group-0 #bgw4-pcat-panel-0 .bgw4__products-v17-semantic-links a:hover {
    color:var(--blue)!important;
  }
}
@media (min-width:1321px) and (max-width:1520px) {
  #bgw4-products-v17-group-0 #bgw4-pcat-panel-0 .bgw4__pcat-column {
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #bgw4-products-v17-group-0 #bgw4-pcat-panel-0 .bgw4__products-v17-semantic-links a {
    font-size:13.8px!important;
    line-height:1.38!important;
  }
}
/* On mobile, the original single-column expandable list is retained and scrollable. */

/* V20.16: Candle Jar text alone gets an animated underline, signalling its parent-page link. */
#bgw4-products-v17-group-0 a.bgw4__pcat-tab .bgw4__pcat-candle-link-label {
  position:relative;
  display:inline-block;
  line-height:1.4;
  white-space:nowrap;
}
#bgw4-products-v17-group-0 a.bgw4__pcat-tab .bgw4__pcat-candle-link-label::after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:0;
  width:100%;
  height:2px;
  border-radius:2px;
  background:var(--blue);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
#bgw4-products-v17-group-0 a.bgw4__pcat-tab:hover .bgw4__pcat-candle-link-label::after,
#bgw4-products-v17-group-0 a.bgw4__pcat-tab:focus-visible .bgw4__pcat-candle-link-label::after {
  transform:scaleX(1);
}
@media(prefers-reduced-motion:reduce) {
  #bgw4-products-v17-group-0 a.bgw4__pcat-tab .bgw4__pcat-candle-link-label::after {
    transition:none;
  }
}

/* ===== V20.17 — viewport-safe Products mega menu (desktop only) =====
   Older V19.2 / V20.15 fixed maximum heights still exist above, but this
   final rule deliberately overrides them for every Products category.
   The category lists scroll independently when the viewport is short.
   No changes to taxonomy, fonts, colors, or the other header menus.
*/
@media (min-width:1321px) {
  .bgw4__panel--products-v17 {
    /* 100vw includes the browser scrollbar width and may cause horizontal overflow. */
    width:100%!important;
    max-height:calc(100vh - 98px)!important;
    max-height:calc(100dvh - 98px)!important;
    overflow:hidden!important;
  }
  body.admin-bar .bgw4__panel--products-v17 {
    /* WordPress admin toolbar adds 32px above the sticky header. */
    max-height:calc(100vh - 130px)!important;
    max-height:calc(100dvh - 130px)!important;
  }
  .bgw4__products-v17-shell {
    display:flex;
    flex-direction:column;
    max-height:inherit;
    min-height:0;
  }
  .bgw4__products-v17-head,
  .bgw4__products-v17-footer {
    flex:0 0 auto;
  }
  .bgw4__products-v17-body {
    flex:1 1 auto;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  /* V20.15's :has(...) rule outranks the plain body selector above.
     Override that specific case explicitly, or Candle Jar stays clipped. */
  .bgw4__panel--products-v17 .bgw4__products-v17-body:has(#bgw4-pcat-panel-0:not([hidden])) {
    max-height:none!important;
  }
  .bgw4__products-v17-tabs,
  .bgw4__products-v17-content {
    min-height:0;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#A8B8CA #F5F8FC;
  }
  .bgw4__products-v17-content {
    /* Always reserve room for the scroll track so the last column stays usable. */
    scrollbar-gutter:stable;
    scrollbar-width:auto;
    scrollbar-color:#668FBE #EDF4FD;
  }
  .bgw4__products-v17-tabs::-webkit-scrollbar,
  .bgw4__products-v17-content::-webkit-scrollbar {
    width:8px;
  }
  .bgw4__products-v17-content::-webkit-scrollbar {
    width:12px;
  }
  .bgw4__products-v17-tabs::-webkit-scrollbar-thumb,
  .bgw4__products-v17-content::-webkit-scrollbar-thumb {
    background:#A8B8CA;
    border:2px solid #F5F8FC;
    border-radius:8px;
  }
  .bgw4__products-v17-content::-webkit-scrollbar-thumb {
    background:#668FBE;
    border:3px solid #EDF4FD;
  }
  .bgw4__products-v17-content::-webkit-scrollbar-track {
    background:#EDF4FD;
    border-radius:8px;
  }
}