:root {
			--ag-orange: #ff5a00;
			--ag-dark: #08090b;
			--ag-dark-2: #111214;
			--ag-line: rgba(255,255,255,.10);
		}



		/* =====================================================
		   TOP MOBILE HEADER
		   STATIC + STICKY
		   ===================================================== */

		.topbar-device-mobile {

			display:grid !important;

			grid-template-columns:
				56px
				minmax(0,1fr)
				56px !important;

			grid-template-rows:
				68px
				58px !important;

			grid-template-areas:
				"menu logo cart"
				"search search search" !important;

			align-items:center !important;

			width:100% !important;

			height:126px !important;
			min-height:126px !important;
			max-height:126px !important;

			margin:0 !important;
			padding:0 !important;

			background:#08090b !important;
			background-color:#08090b !important;

			border:0 !important;

			border-bottom:
				1px solid rgba(255,255,255,.09) !important;

			box-shadow:
				0 8px 28px rgba(0,0,0,.24) !important;

			color:#fff !important;

			font-family:
				Arial,
				Helvetica,
				sans-serif !important;

			box-sizing:border-box !important;
		}


		/*
		 * Important:
		 * Do NOT set position here.
		 * ThemBay controls fixed/sticky positioning.
		 */


		.topbar-device-mobile::before,
		.topbar-device-mobile::after {

			content:none !important;
			display:none !important;
		}


		.topbar-device-mobile,
		.topbar-device-mobile * {

			box-sizing:border-box;
		}



		/* =====================================================
		   FORCE DARK BACKGROUND DURING STICKY STATE
		   ===================================================== */

		.topbar-device-mobile > .active-mobile,
		.topbar-device-mobile > .mobile-logo,
		.topbar-device-mobile > .device-mini_cart,
		.topbar-device-mobile > .search-device,

		.topbar-device-mobile .tbay-search-mobile,
		.topbar-device-mobile .searchform,
		.topbar-device-mobile .form-group {

			background-color:#08090b !important;
			background:#08090b !important;
		}



		/* =====================================================
		   RESET OLD THEME FLOATS
		   ===================================================== */

		.topbar-device-mobile
		> .active-mobile,

		.topbar-device-mobile
		> .mobile-logo,

		.topbar-device-mobile
		> .device-mini_cart,

		.topbar-device-mobile
		> .search-device {

			float:none !important;

			top:auto !important;
			right:auto !important;
			bottom:auto !important;
			left:auto !important;

			width:auto !important;

			margin:0 !important;

			transform:none !important;
		}



		/* =====================================================
		   BURGER
		   ===================================================== */

		.topbar-device-mobile
		> .active-mobile {

			grid-area:menu;

			position:relative !important;

			height:68px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			padding:0 !important;
		}


		.topbar-device-mobile
		.active-mobile
		.mmenu-open {

			width:44px !important;
			height:44px !important;

			min-width:44px !important;
			min-height:44px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;

			border:0 !important;

			border-radius:50% !important;

			box-shadow:none !important;

			color:#fff !important;

			text-decoration:none !important;
		}


		.topbar-device-mobile
		.active-mobile
		.mmenu-open:active {

			background:
				rgba(255,255,255,.06) !important;
		}


		.topbar-device-mobile
		.active-mobile
		.tb-icon-menu {

			color:#fff !important;

			font-size:21px !important;

			line-height:1 !important;
		}



		/* =====================================================
		   LOGO
		   ===================================================== */

		.topbar-device-mobile
		> .mobile-logo {

			grid-area:logo;

			position:relative !important;

			height:68px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			padding:0 !important;

			text-align:center !important;
		}


		.topbar-device-mobile
		.mobile-logo a {

			width:164px !important;
			height:48px !important;

			max-width:46vw !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			margin:0 auto !important;
			padding:0 !important;

			background:transparent !important;

			text-decoration:none !important;
		}


		.topbar-device-mobile
		.mobile-logo img {

			content:
				url("https://aluglobusfence.com/wp-content/uploads/2022/01/Aluglobus-Aluminum-Systems-White.png");

			display:block !important;

			width:160px !important;
			height:auto !important;

			max-width:100% !important;

			margin:0 !important;
			padding:0 !important;

			object-fit:contain !important;
		}



		/* =====================================================
		   CART
		   ===================================================== */

		.topbar-device-mobile
		> .device-mini_cart {

			grid-area:cart;

			position:relative !important;

			height:68px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			padding:0 !important;

			color:#fff !important;
		}


		.topbar-device-mobile
		.device-mini_cart
		> .tbay-topcart {

			width:44px !important;
			height:44px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;
		}


		.topbar-device-mobile
		.device-mini_cart
		.cart-dropdown {

			width:44px !important;
			height:44px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			margin:0 !important;
			padding:0 !important;
		}


		.topbar-device-mobile
		.device-mini_cart
		.mini-cart.v2 {

			position:relative !important;

			width:44px !important;
			height:44px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;

			border:0 !important;

			box-shadow:none !important;

			color:#fff !important;

			text-decoration:none !important;
		}


		/* Hide word Cart */

		.topbar-device-mobile
		.device-mini_cart
		.mini-cart.v2
		> span:last-child:not(.mini-cart-items) {

			display:none !important;
		}


		.topbar-device-mobile
		.device-mini_cart
		.tb-icon-bag {

			color:#fff !important;

			font-size:20px !important;

			line-height:1 !important;
		}


		.topbar-device-mobile
		.device-mini_cart
		.mini-cart-items {

			position:absolute !important;

			top:2px !important;
			right:0 !important;

			width:20px !important;
			height:20px !important;

			min-width:20px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			margin:0 !important;
			padding:0 !important;

			background:#ff5a00 !important;

			border:
				2px solid #08090b !important;

			border-radius:50% !important;

			color:#fff !important;

			font-family:
				Arial,
				Helvetica,
				sans-serif !important;

			font-size:10px !important;

			font-weight:800 !important;

			line-height:1 !important;

			box-shadow:none !important;
		}



		/* =====================================================
		   SEARCH ROW
		   ===================================================== */

		.topbar-device-mobile
		> .search-device {

			grid-area:search;

			position:relative !important;

			width:100% !important;
			height:58px !important;

			display:flex !important;

			align-items:flex-start !important;

			margin:0 !important;

			padding:
				4px
				14px
				10px !important;

			background:#08090b !important;

			overflow:visible !important;
		}


		.topbar-device-mobile
		.search-device
		.tbay-search-form {

			position:relative !important;

			width:100% !important;
			height:44px !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;

			overflow:visible !important;
		}


		.topbar-device-mobile
		.search-device
		form.searchform {

			position:relative !important;

			width:100% !important;
			height:44px !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;
		}


		.topbar-device-mobile
		.search-device
		.form-group {

			position:relative !important;

			width:100% !important;
			height:44px !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;
		}



		/* =====================================================
		   SEARCH BOX
		   ===================================================== */

		.topbar-device-mobile
		.search-device
		.input-group {

			position:relative !important;

			width:100% !important;
			height:44px !important;

			display:flex !important;

			flex-wrap:nowrap !important;

			align-items:stretch !important;

			margin:0 !important;
			padding:0 !important;

			background:#111214 !important;

			border:
				1px solid rgba(255,255,255,.13) !important;

			border-radius:7px !important;

			box-shadow:none !important;

			overflow:visible !important;
		}


		.topbar-device-mobile
		.search-device
		.input-group:focus-within {

			border-color:
				rgba(255,90,0,.72) !important;

			box-shadow:
				0 0 0 2px rgba(255,90,0,.09) !important;
		}



		/* =====================================================
		   SEARCH ICON
		   ===================================================== */

		.topbar-device-mobile
		.search-device
		.button-group {

			order:1 !important;

			flex:
				0
				0
				44px !important;

			width:44px !important;
			height:42px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;

			border:0 !important;

			border-right:
				1px solid rgba(255,255,255,.09) !important;
		}


		.topbar-device-mobile
		.search-device
		.button-search {

			width:43px !important;
			height:42px !important;

			min-width:43px !important;

			display:flex !important;

			align-items:center !important;
			justify-content:center !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;

			border:0 !important;

			border-radius:
				6px
				0
				0
				6px !important;

			box-shadow:none !important;

			color:#ff5a00 !important;
		}


		.topbar-device-mobile
		.search-device
		.button-search
		.tb-icon-search {

			color:#ff5a00 !important;

			font-size:17px !important;

			line-height:1 !important;
		}



		/* =====================================================
		   SEARCH INPUT
		   ===================================================== */

		.topbar-device-mobile
		.search-device
		input.tbay-search {

			order:2 !important;

			flex:
				1
				1
				auto !important;

			min-width:0 !important;

			width:auto !important;
			height:42px !important;

			margin:0 !important;

			padding:
				0
				13px !important;

			background:transparent !important;

			border:0 !important;

			border-radius:0 !important;

			box-shadow:none !important;

			outline:0 !important;

			color:#fff !important;

			font-family:
				Arial,
				Helvetica,
				sans-serif !important;

			font-size:13px !important;

			font-weight:500 !important;

			line-height:42px !important;
		}


		.topbar-device-mobile
		.search-device
		input.tbay-search::placeholder {

			color:
				rgba(255,255,255,.44) !important;

			opacity:1 !important;
		}



		/* =====================================================
		   CATEGORY
		   ===================================================== */

		.topbar-device-mobile
		.search-device
		.select-category {

			order:3 !important;

			flex:
				0
				0
				70px !important;

			width:70px !important;
			height:42px !important;

			display:flex !important;

			align-items:center !important;

			margin:0 !important;
			padding:0 !important;

			background:transparent !important;

			border:0 !important;

			border-left:
				1px solid rgba(255,255,255,.09) !important;
		}


		.topbar-device-mobile
		.search-device
		.dropdown_product_cat {

			width:100% !important;
			height:42px !important;

			margin:0 !important;

			padding:
				0
				8px !important;

			background:#111214 !important;

			background-color:#111214 !important;

			border:0 !important;

			border-radius:
				0
				6px
				6px
				0 !important;

			box-shadow:none !important;

			outline:0 !important;

			color:
				rgba(255,255,255,.68) !important;

			font-family:
				Arial,
				Helvetica,
				sans-serif !important;

			font-size:11px !important;

			font-weight:600 !important;
		}



		/* =====================================================
		   AJAX SEARCH RESULTS
		   ===================================================== */

		.topbar-device-mobile
		.search-device
		.search-results-wrapper {

			position:absolute !important;

			top:48px !important;

			left:0 !important;
			right:0 !important;

			width:100% !important;

			margin:0 !important;

			z-index:100000 !important;
		}


		.topbar-device-mobile
		.search-device
		.autocomplete-suggestions {

			width:100% !important;

			background:#111214 !important;

			border:
				1px solid rgba(255,255,255,.12) !important;

			border-radius:7px !important;

			box-shadow:
				0 18px 45px rgba(0,0,0,.40) !important;

			color:#fff !important;
		}



		/* =====================================================
		   BOTTOM MOBILE ACTION BAR
		   ===================================================== */

		.ag-mobile-bottom-nav {

			background:
				rgba(8,9,11,.98) !important;

			background-color:
				#08090b !important;

			border-top:
				1px solid rgba(255,255,255,.10) !important;

			box-shadow:
				0 -10px 32px rgba(0,0,0,.30) !important;

			backdrop-filter:
				blur(14px);

			-webkit-backdrop-filter:
				blur(14px);

			color:#fff !important;

			z-index:99980 !important;
		}


		.ag-mobile-bottom-nav
		.ag-mobile-bottom-item {

			position:relative !important;

			background:transparent !important;
		}


		.ag-mobile-bottom-nav
		.ag-mobile-bottom-link {

			position:relative !important;

			color:
				rgba(255,255,255,.68) !important;

			background:transparent !important;

			text-decoration:none !important;

			font-family:
				Arial,
				Helvetica,
				sans-serif !important;

			font-size:10px !important;

			font-weight:600 !important;

			line-height:1.15 !important;

			transition:
				color .15s ease !important;
		}



		/* Footer icons */

		.ag-mobile-bottom-nav
		.ag-mobile-bottom-link i,

		.ag-mobile-bottom-nav
		.ag-mobile-bottom-link svg {

			color:
				rgba(255,255,255,.74) !important;

			fill:currentColor !important;
			stroke:currentColor !important;
		}



		/* =====================================================
		   REQUEST PRIMARY CTA
		   ===================================================== */

		.ag-mobile-bottom-nav
		.ag-bottom-primary {

			position:relative !important;
		}


		.ag-mobile-bottom-nav
		.ag-bottom-primary::before {

			content:"";

			position:absolute;

			top:0;
			left:50%;

			width:30px;
			height:2px;

			transform:
				translateX(-50%);

			background:#ff5a00;

			border-radius:
				0
				0
				2px
				2px;
		}


		.ag-mobile-bottom-nav
		.ag-bottom-primary
		.ag-mobile-bottom-link {

			color:#ff6a1a !important;

			font-weight:700 !important;
		}


		.ag-mobile-bottom-nav
		.ag-bottom-primary
		.ag-mobile-bottom-link i,

		.ag-mobile-bottom-nav
		.ag-bottom-primary
		.ag-mobile-bottom-link svg {

			color:#ff5a00 !important;
		}



		/* Footer cart / wishlist numbers */

		.ag-mobile-bottom-nav
		[class*="count"],

		.ag-mobile-bottom-nav
		[class*="number"],

		.ag-mobile-bottom-nav
		.wishlist-count,

		.ag-mobile-bottom-nav
		.mini-cart-items {

			background:#ff5a00 !important;

			color:#fff !important;

			border:
				2px solid #08090b !important;

			box-shadow:none !important;
		}



		/* =====================================================
		   iPHONE SAFE AREA
		   ===================================================== */

		@supports (
			padding-bottom:
			env(safe-area-inset-bottom)
		) {

			.ag-mobile-bottom-nav {

				padding-bottom:
					env(safe-area-inset-bottom) !important;
			}
		}

		/* =====================================================
   HEADER WITHOUT SEARCH
   Collapse unused second row
   ===================================================== */

/*
 * Pages WITH a real search form:
 * keep normal two-row header.
 */
.topbar-device-mobile:has(
    > .search-device form.searchform
) {
    grid-template-rows:
        68px
        58px !important;

    height:126px !important;
    min-height:126px !important;
    max-height:126px !important;
}


/*
 * Pages WITHOUT search:
 * header becomes one compact 68px row.
 */
.topbar-device-mobile:not(
    :has(> .search-device form.searchform)
) {
    grid-template-rows:
        68px !important;

    grid-template-areas:
        "menu logo cart" !important;

    height:68px !important;
    min-height:68px !important;
    max-height:68px !important;
}


/*
 * Completely remove the empty search container
 * when no search form exists.
 */
.topbar-device-mobile:not(
    :has(> .search-device form.searchform)
)
> .search-device {
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
}


/* =====================================================
   BOTTOM BAR - FINAL ICON / ACTIVE STATE FIX
   ===================================================== */

/*
 * Remove browser/theme gray tap flash
 */
.ag-mobile-bottom-nav,
.ag-mobile-bottom-nav a {
    -webkit-tap-highlight-color: transparent !important;
}


/*
 * Normal bottom-bar state
 */
.ag-mobile-bottom-nav .ag-mobile-bottom-link,
.ag-mobile-bottom-nav .ag-mobile-bottom-link span,
.ag-mobile-bottom-nav .ag-mobile-bottom-link i,
.ag-mobile-bottom-nav .ag-mobile-bottom-link i::before,
.ag-mobile-bottom-nav .ag-mobile-bottom-link svg {
    color:rgba(255,255,255,.78) !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
}


/*
 * Never allow ThemBay to dim an icon
 */
.ag-mobile-bottom-nav .ag-mobile-bottom-link *,
.ag-mobile-bottom-nav .ag-mobile-bottom-link *::before {
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
}


/*
 * ACTIVE / TAP / FOCUS
 */
.ag-mobile-bottom-nav .ag-mobile-bottom-link:hover,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:focus,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:focus-visible,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:active,

.ag-mobile-bottom-nav .ag-mobile-bottom-link:hover span,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:focus span,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:active span,

.ag-mobile-bottom-nav .ag-mobile-bottom-link:hover i,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:focus i,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:active i,

.ag-mobile-bottom-nav .ag-mobile-bottom-link:hover i::before,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:focus i::before,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:active i::before,

.ag-mobile-bottom-nav .ag-mobile-bottom-link:hover svg,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:focus svg,
.ag-mobile-bottom-nav .ag-mobile-bottom-link:active svg {
    color:#ff5a00 !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
}


/*
 * Theme/current item states
 */
.ag-mobile-bottom-nav .active .ag-mobile-bottom-link,
.ag-mobile-bottom-nav .active .ag-mobile-bottom-link *,
.ag-mobile-bottom-nav .current .ag-mobile-bottom-link,
.ag-mobile-bottom-nav .current .ag-mobile-bottom-link *,
.ag-mobile-bottom-nav .current-menu-item .ag-mobile-bottom-link,
.ag-mobile-bottom-nav .current-menu-item .ag-mobile-bottom-link *,
.ag-mobile-bottom-nav .ag-mobile-bottom-link.active,
.ag-mobile-bottom-nav .ag-mobile-bottom-link.active *,
.ag-mobile-bottom-nav .ag-mobile-bottom-link[aria-current="page"],
.ag-mobile-bottom-nav .ag-mobile-bottom-link[aria-current="page"] * {
    color:#ff5a00 !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
}


/*
 * Pseudo icon used by ThemBay icon font
 */
.ag-mobile-bottom-nav .active i::before,
.ag-mobile-bottom-nav .current i::before,
.ag-mobile-bottom-nav .current-menu-item i::before,
.ag-mobile-bottom-nav a.active i::before,
.ag-mobile-bottom-nav a[aria-current="page"] i::before {
    color:#ff5a00 !important;
    opacity:1 !important;
}


/*
 * SVG support
 */
.ag-mobile-bottom-nav svg,
.ag-mobile-bottom-nav svg *,
.ag-mobile-bottom-nav .active svg,
.ag-mobile-bottom-nav .active svg *,
.ag-mobile-bottom-nav .current svg,
.ag-mobile-bottom-nav .current svg * {
    fill:currentColor !important;
    stroke:currentColor !important;
}


/*
 * REQUEST stays permanently orange
 */
.ag-mobile-bottom-nav
.ag-bottom-primary
.ag-mobile-bottom-link,

.ag-mobile-bottom-nav
.ag-bottom-primary
.ag-mobile-bottom-link *,

.ag-mobile-bottom-nav
.ag-bottom-primary
.ag-mobile-bottom-link i::before {
    color:#ff5a00 !important;
    opacity:1 !important;
    filter:none !important;
}


/*
 * Do not allow Bootstrap/theme focus backgrounds
 */
.ag-mobile-bottom-nav a,
.ag-mobile-bottom-nav a:hover,
.ag-mobile-bottom-nav a:focus,
.ag-mobile-bottom-nav a:active {
    background-color:transparent !important;
    box-shadow:none !important;
    outline:none !important;
}
		
		/* =====================================================
   BOTTOM BAR - ACTIVE ICON + TEXT
   ===================================================== */

/*
 * If an item contains an active/current link,
 * make the ENTIRE item orange, including its label.
 */
.ag-mobile-bottom-nav
.ag-mobile-bottom-item:has(
    .ag-mobile-bottom-link.active
),

.ag-mobile-bottom-nav
.ag-mobile-bottom-item:has(
    .ag-mobile-bottom-link[aria-current="page"]
),

.ag-mobile-bottom-nav
.active,

.ag-mobile-bottom-nav
.current,

.ag-mobile-bottom-nav
.current-menu-item {

    color:#ff5a00 !important;
}


/* Force every text element inside current item orange */
.ag-mobile-bottom-nav
.ag-mobile-bottom-item:has(
    .ag-mobile-bottom-link.active
) *,

.ag-mobile-bottom-nav
.ag-mobile-bottom-item:has(
    .ag-mobile-bottom-link[aria-current="page"]
) *,

.ag-mobile-bottom-nav
.active *,

.ag-mobile-bottom-nav
.current *,

.ag-mobile-bottom-nav
.current-menu-item * {

    color:#ff5a00 !important;
}


/* Common ThemBay label elements */
.ag-mobile-bottom-nav
.active span,

.ag-mobile-bottom-nav
.active small,

.ag-mobile-bottom-nav
.active .title,

.ag-mobile-bottom-nav
.active .menu-title,

.ag-mobile-bottom-nav
.active .text,

.ag-mobile-bottom-nav
.current span,

.ag-mobile-bottom-nav
.current small,

.ag-mobile-bottom-nav
.current .title,

.ag-mobile-bottom-nav
.current .menu-title,

.ag-mobile-bottom-nav
.current .text,

.ag-mobile-bottom-nav
.current-menu-item span,

.ag-mobile-bottom-nav
.current-menu-item small,

.ag-mobile-bottom-nav
.current-menu-item .title,

.ag-mobile-bottom-nav
.current-menu-item .menu-title,

.ag-mobile-bottom-nav
.current-menu-item .text {

    color:#ff5a00 !important;
}


/*
 * Request is always orange:
 * icon + label
 */
.ag-mobile-bottom-nav
.ag-bottom-primary,

.ag-mobile-bottom-nav
.ag-bottom-primary * {

    color:#ff5a00 !important;
}


/*
 * Ensure icon-font pseudo element follows too
 */
.ag-mobile-bottom-nav
.active i::before,

.ag-mobile-bottom-nav
.current i::before,

.ag-mobile-bottom-nav
.current-menu-item i::before,

.ag-mobile-bottom-nav
.ag-bottom-primary i::before {

    color:#ff5a00 !important;
}