/* =========================================================
   LG SHOWERS HEADER v3.0.0
   Clean stylesheet. No legacy selectors from previous builds.
   ========================================================= */

#lgsh3-header,
#lgsh3-header *{box-sizing:border-box}

#lgsh3-header{
	--navy:#0e4e7c;
	--navy-dark:#073d69;
	--blue:#117faf;
	--blue-light:#2a9fd6;
	--orange:#ff7417;
	--ink:#182638;
	--line:#e2e8ee;
	position:relative;
	z-index:99990;
	width:100vw;
	max-width:none;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	background:#fff;
	color:var(--ink);
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.3;
}

#lgsh3-header a{text-decoration:none}
#lgsh3-header button,
#lgsh3-header input{font:inherit}
#lgsh3-header svg{
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.lgsh3-shell{
	width:min(calc(100% - 48px),1520px);
	margin:0 auto;
}

.lgsh3-sr-only{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	padding:0!important;
	margin:-1px!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;
	border:0!important;
}

/* ---------------------------------------------------------
   Desktop utility bar
   --------------------------------------------------------- */
.lgsh3-utility{
	background:var(--navy);
	color:#fff;
}

.lgsh3-utility-inner{
	min-height:48px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:22px;
}

.lgsh3-trust{
	display:flex;
	align-items:center;
	gap:12px;
	min-width:0;
	white-space:nowrap;
	font-size:12px;
	font-weight:800;
}

.lgsh3-sep{opacity:.48}

.lgsh3-utility-actions{
	display:flex;
	align-items:center;
	gap:14px;
	margin-left:auto;
}

.lgsh3-utility-actions>a:not(.lgsh3-cart){
	color:#fff!important;
	font-size:13px;
	font-weight:800;
	white-space:nowrap;
}

.lgsh3-search{
	display:grid;
	grid-template-columns:minmax(180px,280px) 40px;
	height:34px;
	overflow:hidden;
	border-radius:5px;
	background:#fff;
}

.lgsh3-search input{
	min-width:0;
	border:0!important;
	outline:0!important;
	box-shadow:none!important;
	background:#fff!important;
	color:var(--ink)!important;
	padding:0 12px;
}

.lgsh3-search button{
	border:0;
	background:#fff;
	color:var(--navy);
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}

.lgsh3-search button svg{width:17px;height:17px}

/* ---------------------------------------------------------
   Cart
   --------------------------------------------------------- */
.lgsh3-cart{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	flex:0 0 42px;
	border-radius:6px;
	overflow:visible;
}

.lgsh3-cart svg{width:23px;height:23px}

.lgsh3-cart-count{
	position:absolute;
	top:-6px;
	right:-6px;
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:19px;
	height:19px;
	padding:0 5px;
	border-radius:999px;
	background:var(--orange);
	color:#fff;
	font-size:11px;
	font-weight:900;
}

.lgsh3-desktop-cart{
	color:#fff!important;
	border:1px solid rgba(255,255,255,.42);
	background:rgba(255,255,255,.08);
}

/* ---------------------------------------------------------
   Main desktop row
   --------------------------------------------------------- */
.lgsh3-main{
	background:#fff;
	border-bottom:1px solid var(--line);
	overflow:visible;
}

.lgsh3-main-inner{
	min-height:98px;
	display:grid;
	grid-template-columns:220px minmax(0,1fr) 190px;
	align-items:center;
	gap:28px;
	overflow:visible;
}

.lgsh3-logo{
	display:block;
	width:220px;
}

.lgsh3-logo img{
	display:block;
	width:220px;
	height:auto;
	max-height:82px;
	object-fit:contain;
}

.lgsh3-desktop-nav{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:clamp(10px,1vw,20px);
	min-width:0;
	white-space:nowrap;
	overflow:visible;
}

.lgsh3-nav-item{
	position:relative;
	display:flex;
	align-items:center;
}

.lgsh3-nav-link{
	display:inline-flex;
	align-items:center;
	gap:7px;
	padding:20px 0;
	border:0;
	background:transparent;
	color:var(--ink)!important;
	font-size:14px;
	font-weight:800;
	line-height:1.2;
	white-space:nowrap;
	cursor:pointer;
}

.lgsh3-nav-link:hover,
.lgsh3-nav-link:focus-visible{
	color:var(--blue)!important;
}

.lgsh3-nav-button{font:inherit}

.lgsh3-caret{
	display:inline-block;
	width:7px;
	height:7px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg);
	margin-top:-4px;
}

.lgsh3-main-cta{
	display:flex;
	justify-content:flex-end;
}

.lgsh3-quote{
	display:flex;
	align-items:center;
	justify-content:center;
	width:190px;
	min-height:48px;
	padding:0 18px;
	border-radius:6px;
	background:var(--orange);
	color:#fff!important;
	font-size:13px;
	font-weight:900;
	text-transform:uppercase;
	white-space:nowrap;
}

/* ---------------------------------------------------------
   Standard dropdowns
   --------------------------------------------------------- */
.lgsh3-dropdown{
	position:absolute;
	top:calc(100% - 3px);
	left:-16px;
	z-index:100100;
	width:300px;
	padding:10px;
	background:#fff;
	border:1px solid var(--line);
	border-top:4px solid var(--blue);
	border-radius:0 0 8px 8px;
	box-shadow:0 18px 36px rgba(0,0,0,.14);
	opacity:0;
	visibility:hidden;
	transform:translateY(8px);
	transition:opacity .16s ease,visibility .16s ease,transform .16s ease;
}

.lgsh3-dropdown-small{width:235px}

.lgsh3-has-dropdown:hover>.lgsh3-dropdown,
.lgsh3-has-dropdown:focus-within>.lgsh3-dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.lgsh3-dropdown>a{
	display:block;
	padding:11px 12px;
	border-radius:4px;
	color:var(--ink)!important;
	font-size:15px;
	font-weight:700;
	line-height:1.35;
	white-space:normal;
	text-transform:none;
}

.lgsh3-dropdown>a:hover,
.lgsh3-dropdown>a:focus-visible{
	background:#eef7fb;
	color:#087eaf!important;
}

/* ---------------------------------------------------------
   Showers mega menu
   --------------------------------------------------------- */
.lgsh3-showers-mega{
	left:50%;
	transform:translate(-50%,8px);
	width:min(820px,72vw);
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
	padding:18px;
}

.lgsh3-has-dropdown:hover>.lgsh3-showers-mega,
.lgsh3-has-dropdown:focus-within>.lgsh3-showers-mega{
	transform:translate(-50%,0);
}

.lgsh3-mega-col{
	min-width:0;
	padding:2px 8px;
}

.lgsh3-mega-heading{
	display:block!important;
	margin:0 0 8px!important;
	padding:10px 12px 12px!important;
	border-bottom:1px solid var(--line)!important;
	color:var(--navy)!important;
	font-size:16px!important;
	font-weight:800!important;
	line-height:1.25!important;
	text-transform:none!important;
}

.lgsh3-mega-col>a:not(.lgsh3-mega-heading){
	display:block;
	padding:10px 12px;
	color:var(--ink)!important;
	font-size:15px;
	font-weight:700;
	line-height:1.35;
	white-space:normal;
}

.lgsh3-mega-col>a:not(.lgsh3-mega-heading):hover{
	background:#eef7fb;
	color:#087eaf!important;
}

/* ---------------------------------------------------------
   Commercial Projects mega menu
   --------------------------------------------------------- */
.lgsh3-commercial-trigger{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:44px;
	padding:0 16px;
	border-radius:6px;
	background:var(--blue);
	color:#fff!important;
	font-size:14px;
	font-weight:900;
	white-space:nowrap;
}

.lgsh3-commercial-trigger:hover,
.lgsh3-commercial-trigger:focus-visible{
	background:#0d6e99;
	color:#fff!important;
}

.lgsh3-commercial-mega{
	right:-20px;
	left:auto;
	width:min(900px,72vw);
	padding:22px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:28px;
}

.lgsh3-commercial-col{
	min-width:0;
}

.lgsh3-commercial-support{
	border-left:1px solid #d9e2e9;
	padding-left:28px;
}

.lgsh3-commercial-heading{
	display:inline-flex;
	align-items:center;
	min-height:42px;
	padding:0 16px;
	margin-bottom:14px;
	border-radius:6px;
	background:var(--blue);
	color:#fff;
	font-size:15px;
	font-weight:900;
}

.lgsh3-commercial-col>a:not(.lgsh3-commercial-all){
	display:block;
	padding:11px 12px;
	border-radius:4px;
	color:var(--ink)!important;
	font-size:15px;
	font-weight:700;
	line-height:1.35;
	white-space:normal;
}

.lgsh3-commercial-col>a:not(.lgsh3-commercial-all):hover{
	background:#eef7fb;
	color:#087eaf!important;
}

.lgsh3-commercial-all{
	display:flex!important;
	align-items:center;
	justify-content:center;
	min-height:48px;
	margin-top:12px;
	padding:0 16px!important;
	border-radius:6px!important;
	background:var(--blue)!important;
	color:#fff!important;
	font-size:15px!important;
	font-weight:900!important;
}

/* ---------------------------------------------------------
   Responsive controls hidden on desktop
   --------------------------------------------------------- */
.lgsh3-responsive-actions,
.lgsh3-responsive-search-row,
.lgsh3-drawer,
.lgsh3-backdrop{
	display:none;
}

/* ---------------------------------------------------------
   Laptop tightening — still desktop
   --------------------------------------------------------- */
@media(max-width:1420px) and (min-width:1180px){
	.lgsh3-main-inner{
		grid-template-columns:190px minmax(0,1fr) 165px;
		gap:18px;
	}

	.lgsh3-logo,
	.lgsh3-logo img{width:190px}

	.lgsh3-desktop-nav{gap:10px}
	.lgsh3-nav-link{font-size:12.5px}
	.lgsh3-commercial-trigger{font-size:12.5px;padding-inline:12px}
	.lgsh3-quote{width:165px;font-size:12px;padding-inline:12px}

	.lgsh3-trust{font-size:11px;gap:8px}
	.lgsh3-utility-actions{gap:10px}
	.lgsh3-search{grid-template-columns:190px 38px}
}

/* =========================================================
   TABLET / COMPACT: 768px–1179px
   ONE controlled layout — no desktop nav remains.
   ========================================================= */
@media(max-width:1179px){
	.lgsh3-utility,
	.lgsh3-desktop-nav,
	.lgsh3-main-cta{
		display:none!important;
	}

	.lgsh3-main-inner{
		min-height:86px;
		display:grid;
		grid-template-columns:minmax(150px,200px) minmax(0,1fr);
		align-items:center;
		gap:16px;
	}

	.lgsh3-logo{
		width:min(190px,100%);
	}

	.lgsh3-logo img{
		width:100%;
		max-height:68px;
	}

	.lgsh3-responsive-actions{
		display:flex;
		align-items:center;
		justify-content:flex-end;
		gap:9px;
		min-width:0;
	}

	.lgsh3-project-pill{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		min-height:42px;
		padding:0 12px;
		border-radius:6px;
		color:#fff!important;
		font-size:12px;
		font-weight:900;
		white-space:nowrap;
	}

	.lgsh3-project-commercial{background:var(--blue)}
	.lgsh3-project-residential{background:var(--orange)}

	.lgsh3-responsive-phone{
		display:inline-flex;
		align-items:center;
		gap:6px;
		color:var(--navy)!important;
		font-size:13px;
		font-weight:900;
		white-space:nowrap;
	}

	.lgsh3-responsive-phone svg{
		width:22px;
		height:22px;
		flex:0 0 22px;
	}

	.lgsh3-responsive-cart,
	.lgsh3-menu-toggle{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:42px;
		height:42px;
		flex:0 0 42px;
		border:1px solid var(--line);
		border-radius:6px;
		background:#fff;
		color:var(--navy)!important;
	}

	.lgsh3-menu-toggle{cursor:pointer}
	.lgsh3-menu-toggle svg{width:23px;height:23px}

	.lgsh3-responsive-search-row{
		display:block;
		background:var(--navy-dark);
		padding:10px 0;
	}

	.lgsh3-responsive-search-row .lgsh3-search{
		grid-template-columns:minmax(0,1fr) 46px;
		width:min(100%,980px);
		height:46px;
		margin:0 auto;
		border-radius:24px;
	}

	.lgsh3-responsive-search-row .lgsh3-search input{
		font-size:16px;
		padding-left:18px;
	}

	/* Drawer */
	.lgsh3-backdrop{
		position:fixed;
		inset:0;
		z-index:100200;
		background:rgba(4,24,42,.58);
	}

	.lgsh3-backdrop:not([hidden]){display:block}

	.lgsh3-drawer{
		display:block;
		position:fixed;
		z-index:100210;
		top:0;
		right:0;
		width:min(460px,88vw);
		height:100dvh;
		background:var(--navy-dark);
		color:#fff;
		box-shadow:-12px 0 30px rgba(0,0,0,.28);
		transform:translateX(104%);
		transition:transform .22s ease;
		overflow:auto;
	}

	.lgsh3-drawer[hidden]{
		display:block!important;
		visibility:hidden;
		pointer-events:none;
	}

	.lgsh3-drawer.lgsh3-open{
		transform:translateX(0);
		visibility:visible;
		pointer-events:auto;
	}

	.lgsh3-drawer-head{
		display:flex;
		align-items:center;
		justify-content:space-between;
		min-height:76px;
		padding:0 26px;
		border-bottom:1px solid rgba(255,255,255,.22);
	}

	.lgsh3-drawer-head strong{font-size:20px}

	.lgsh3-drawer-close{
		width:44px;
		height:44px;
		border:0;
		background:transparent;
		color:#fff;
		font-size:40px;
		line-height:1;
		cursor:pointer;
	}

	.lgsh3-drawer-body{padding:20px 26px 34px}

	.lgsh3-drawer-commercial,
	.lgsh3-drawer-residential{
		display:flex;
		align-items:center;
		justify-content:center;
		min-height:54px;
		border-radius:6px;
		color:#fff!important;
		font-size:17px;
		font-weight:900;
	}

	.lgsh3-drawer-commercial{
		background:var(--blue-light);
		margin-bottom:10px;
	}

	.lgsh3-drawer-residential{
		background:var(--orange);
		margin-bottom:18px;
	}

	.lgsh3-mobile-group,
	.lgsh3-mobile-direct{
		border-bottom:1px solid rgba(255,255,255,.25);
	}

	.lgsh3-mobile-group summary{
		position:relative;
		padding:17px 34px 17px 0;
		color:#fff;
		font-size:16px;
		font-weight:800;
		cursor:pointer;
		list-style:none;
	}

	.lgsh3-mobile-group summary::-webkit-details-marker{display:none}
	.lgsh3-mobile-group summary::after{
		content:"›";
		position:absolute;
		right:4px;
		top:50%;
		transform:translateY(-50%);
		font-size:28px;
		font-weight:400;
	}

	.lgsh3-mobile-group[open] summary::after{
		transform:translateY(-50%) rotate(90deg);
	}

	.lgsh3-mobile-sub{padding:0 0 10px 14px}

	.lgsh3-mobile-sub a{
		display:block;
		padding:9px 0;
		color:#dceaf4!important;
		font-size:14px;
		font-weight:650;
	}

	.lgsh3-mobile-direct{
		display:block;
		padding:17px 0;
		color:#fff!important;
		font-size:16px;
		font-weight:800;
	}

	.lgsh3-mobile-quote{
		display:flex;
		align-items:center;
		justify-content:center;
		min-height:56px;
		margin-top:20px;
		border-radius:6px;
		background:var(--blue-light);
		color:#fff!important;
		font-size:17px;
		font-weight:900;
		text-transform:uppercase;
	}

	.lgsh3-mobile-phone-bottom{
		display:flex;
		align-items:center;
		justify-content:center;
		margin-top:18px;
		padding:14px 0;
		color:#fff!important;
		font-size:18px;
		font-weight:900;
	}
}

/* On narrower tablets hide project pills BEFORE collision */
@media(max-width:960px) and (min-width:768px){
	.lgsh3-project-pill{display:none}
}

/* =========================================================
   MOBILE <= 767px
   ========================================================= */
@media(max-width:767px){
	.lgsh3-shell{
		width:calc(100% - 28px);
	}

	.lgsh3-main-inner{
		min-height:74px;
		grid-template-columns:minmax(120px,1fr) auto;
		gap:10px;
	}

	.lgsh3-logo{
		width:145px;
	}

	.lgsh3-responsive-actions{
		gap:7px;
	}

	.lgsh3-project-pill{display:none}

	.lgsh3-responsive-phone{
		font-size:13px;
	}

	/* Mobile: number only; no handset SVG. */
	.lgsh3-responsive-phone svg{display:none}

	.lgsh3-responsive-cart,
	.lgsh3-menu-toggle{
		width:40px;
		height:40px;
		flex-basis:40px;
	}

	.lgsh3-responsive-search-row{
		padding:8px 0;
	}

	.lgsh3-responsive-search-row .lgsh3-search{
		width:100%;
		height:42px;
	}

	.lgsh3-responsive-search-row .lgsh3-search input{
		font-size:15px;
		padding-left:16px;
	}

	.lgsh3-drawer{
		width:min(390px,88vw);
	}

	.lgsh3-drawer-head{
		min-height:70px;
		padding:0 22px;
	}

	.lgsh3-drawer-body{
		padding:16px 22px 28px;
	}
}

@media(max-width:430px){
	.lgsh3-logo{width:122px}
	.lgsh3-responsive-phone{font-size:12px}
	.lgsh3-responsive-cart,
	.lgsh3-menu-toggle{
		width:38px;
		height:38px;
		flex-basis:38px;
	}
}

html.lgsh3-no-scroll,
body.lgsh3-no-scroll{
	overflow:hidden!important;
}


/* =========================================================
   v3.0.1 — DESKTOP MENU TYPOGRAPHY RESET
   One single font rule for every first-level navigation item.
   ========================================================= */

@media(min-width:1180px){

  /* Every normal first-level item — links AND buttons */
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-item > .lgsh3-nav-link,
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-link,
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-item > .lgsh3-nav-button,
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-commercial > .lgsh3-commercial-trigger{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:15px!important;
    font-weight:800!important;
    font-style:normal!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-decoration:none!important;
    -webkit-font-smoothing:antialiased!important;
  }

  /* Standard items get identical box metrics */
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-item > .lgsh3-nav-link,
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-link,
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-item > .lgsh3-nav-button{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    color:var(--ink)!important;
    white-space:nowrap!important;
  }

  /* Commercial keeps its blue box but EXACT same type size */
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-commercial > .lgsh3-commercial-trigger{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:44px!important;
    padding:0 16px!important;
    margin:0!important;
    border:0!important;
    border-radius:6px!important;
    background:var(--blue)!important;
    color:#fff!important;
    white-space:nowrap!important;
  }

  /* All arrows exactly the same dimensions */
  #lgsh3-header .lgsh3-desktop-nav .lgsh3-caret{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
    border-right:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    transform:rotate(45deg)!important;
    margin:0 0 4px 0!important;
  }

  /* Equal visual spacing between top-level items */
  #lgsh3-header .lgsh3-desktop-nav{
    align-items:center!important;
    gap:22px!important;
  }
}

/* Tight laptop desktop: shrink EVERY first-level item together, never individually */
@media(min-width:1180px) and (max-width:1420px){
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-item > .lgsh3-nav-link,
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-link,
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-nav-item > .lgsh3-nav-button,
  #lgsh3-header .lgsh3-desktop-nav > .lgsh3-commercial > .lgsh3-commercial-trigger{
    font-size:13px!important;
    font-weight:800!important;
  }

  #lgsh3-header .lgsh3-desktop-nav{
    gap:12px!important;
  }
}

/* Ensure inherited button/browser styles cannot make Showers or Fast Shipping look different */
#lgsh3-header .lgsh3-nav-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  outline-offset:2px!important;
}


/* =========================================================
   v3.0.2 — SHOWERS MEGA MENU + DESKTOP UTILITY WIDTH FIX
   ========================================================= */

/* The Showers mega menu must open to the RIGHT of Showers,
   never centered into the left edge of the viewport. */
@media(min-width:1180px){
  #lgsh3-header .lgsh3-showers{
    position:relative!important;
  }

  #lgsh3-header .lgsh3-showers > .lgsh3-showers-mega{
    left:0!important;
    right:auto!important;
    width:min(820px,calc(100vw - 48px))!important;
    max-width:820px!important;
    transform:translateY(8px)!important;
  }

  #lgsh3-header .lgsh3-showers:hover > .lgsh3-showers-mega,
  #lgsh3-header .lgsh3-showers:focus-within > .lgsh3-showers-mega{
    transform:translateY(0)!important;
  }

  /* Keep all 3 columns fully inside the menu */
  #lgsh3-header .lgsh3-showers-mega{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;
  }

  #lgsh3-header .lgsh3-showers-mega .lgsh3-mega-col{
    min-width:0!important;
    overflow:visible!important;
  }

  #lgsh3-header .lgsh3-showers-mega a{
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
}

/* Utility bar: stop the trust message from pushing Resources/Search/Cart off-screen */
@media(min-width:1180px){
  #lgsh3-header .lgsh3-utility-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:18px!important;
  }

  #lgsh3-header .lgsh3-trust{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #lgsh3-header .lgsh3-utility-actions{
    margin-left:0!important;
    flex:0 0 auto!important;
    justify-content:flex-end!important;
  }
}

/* Slightly compact the trust strip on normal laptop widths */
@media(min-width:1180px) and (max-width:1500px){
  #lgsh3-header .lgsh3-trust{
    gap:8px!important;
    font-size:10.5px!important;
  }

  #lgsh3-header .lgsh3-utility-actions{
    gap:9px!important;
  }

  #lgsh3-header .lgsh3-utility-actions > a:not(.lgsh3-cart){
    font-size:11.5px!important;
  }

  #lgsh3-header .lgsh3-desktop-search{
    grid-template-columns:180px 36px!important;
  }
}


/* =========================================================
   v3.0.3 — BOXED SHOWERS MEGA-MENU SECTION HEADINGS
   ADA / Barrier-Free / Easy Step
   ========================================================= */

@media(min-width:1180px){
  #lgsh3-header .lgsh3-showers-mega .lgsh3-mega-heading{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:44px!important;
    margin:0 0 12px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:6px!important;
    background:var(--blue)!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.15!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  #lgsh3-header .lgsh3-showers-mega .lgsh3-mega-heading:hover,
  #lgsh3-header .lgsh3-showers-mega .lgsh3-mega-heading:focus-visible{
    background:#0d6e99!important;
    color:#fff!important;
  }

  /* Remove old divider line so the box is the visual heading */
  #lgsh3-header .lgsh3-showers-mega .lgsh3-mega-heading{
    border-bottom:0!important;
  }
}