@media only screen and (max-width: 767px) {
  .elementor-30437 .elementor-element.elementor-element-662a82d,
  .elementor-30437 .elementor-element.elementor-element-7a8c589,
  .elementor-30437 .elementor-element.elementor-element-27ddf2e,
  .elementor-30437 .elementor-element.elementor-element-692fab4,
  .elementor-30437 .elementor-element.elementor-element-3e304ee,
  .elementor-30437 .elementor-element.elementor-element-128c1d3 {
    border: 2px solid #000 !important;
    padding: 12px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }
}




.elementor-widget-tbay-nav-menu,
.elementor-widget-tbay-nav-menu .tbay-horizontal,
.elementor-widget-tbay-nav-menu .navbar-nav {
  overflow: visible !important;
}

.elementor-widget-tbay-nav-menu .navbar-nav > li { position: relative; }
.elementor-widget-tbay-nav-menu .navbar-nav > li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 12px;
  bottom: -12px;
}

.elementor-widget-tbay-nav-menu .navbar-nav > li > a[href*="/shop"] {
  display: inline-block;
  position: relative;
}
.elementor-widget-tbay-nav-menu .navbar-nav > li > a[href*="/shop"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 12px;
  bottom: -12px;
}

.elementor-widget-tbay-nav-menu .navbar-nav > li > a[href*="/shop"] ~ .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  display: none !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}

.elementor-widget-tbay-nav-menu .navbar-nav > li:hover > a[href*="/shop"] ~ .dropdown-menu,
.elementor-widget-tbay-nav-menu .navbar-nav > li > a[href*="/shop"] ~ .dropdown-menu:hover {
  display: block !important;
}

/* Cart positioning fix */
.elementor-939 .elementor-element.elementor-element-194c675 .cart-dropdown .cart-icon{
	margin-top:13px;
	padding-right:100px;
}


#button-filter-btn {
  font-size: 0; /* hide text */
}
#button-filter-btn::after {
  content: "Categories";
  font-size: 14px;
  color: #fff; /* adjust */

}
#button-filter-btn{
	background-color:#E3570C;
}



/* menu icons padding */

.menu-icon{
	padding-right:20px;
}

/* Mobile header fix the top part appearing 5 secs late */
/* @media (max-width: 600px) {
  body.admin-bar .topbar-device-mobile.active {
    top: unset !important;

  }
	body.admin-bar .topbar-device-mobile{
		top:unset !important
	}
} */
body > p:first-of-type {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* Authot profile Link */
.author-link{
	display:none;
}


/* AGP project 70792 – San Diego ALU40 double swing gate: photos uncropped, even gallery */
.postid-70792 .agp-project-hero__media{background:#0b0b0c}
.postid-70792 .agp-project-hero__image{object-fit:contain!important;object-position:right center!important}
.postid-70792 .agp-gallery.agp-gallery--count-5{display:flex!important;flex-wrap:wrap;justify-content:center;gap:14px}
.postid-70792 .agp-gallery--count-5 .agp-gallery__item{flex:0 0 calc((100% - 56px)/5);max-width:calc((100% - 56px)/5);aspect-ratio:3/4;height:auto!important;grid-column:auto!important;grid-row:auto!important}
.postid-70792 .agp-gallery--count-5 .agp-gallery__item img{width:100%!important;height:100%!important;object-fit:contain!important}
@media (max-width:900px){.postid-70792 .agp-gallery--count-5 .agp-gallery__item{flex-basis:calc((100% - 14px)/2);max-width:calc((100% - 14px)/2)}}


/* AGP project pages – photos uncropped, even gallery tiles (all projects) */
body.single-ag_project .agp-project-hero__media{background:#0b0b0c}
body.single-ag_project .agp-project-hero__image{object-fit:contain!important;object-position:right center!important}
body.single-ag_project .agp-gallery{display:flex!important;flex-wrap:wrap;justify-content:center;gap:14px}
body.single-ag_project .agp-gallery__item{--agp-cols:3;flex:0 0 calc((100% - (var(--agp-cols) - 1)*14px)/var(--agp-cols));max-width:calc((100% - (var(--agp-cols) - 1)*14px)/var(--agp-cols));aspect-ratio:var(--agp-tile,7/5);height:auto!important;grid-column:auto!important;grid-row:auto!important;background:#efece7}
body.single-ag_project .agp-gallery__item img{width:100%!important;height:100%!important;object-fit:contain!important}
body.postid-64003 .agp-gallery__item,body.postid-64216 .agp-gallery__item,body.postid-64277 .agp-gallery__item,body.postid-64293 .agp-gallery__item,body.postid-64319 .agp-gallery__item{--agp-tile:4/5;--agp-cols:4}
body.postid-70662 .agp-gallery__item{--agp-tile:3/2}
@media (max-width:900px){body.single-ag_project .agp-gallery__item{--agp-cols:2!important}}

/* pgx-sticky: product photo stays in view while the buy box scrolls (desktop + tablet landscape only) */
@media (min-width:1025px){
  body.single-product .wrapper-container{overflow:clip}
  body.single-product #agx-configure .agv-media{position:sticky;top:24px;align-self:start}
  body.admin-bar.single-product #agx-configure .agv-media{top:56px}
}

/* pgx-stats-white: stats row under the product photo (4.9, 1,000+, USA-made...) readable on the black background */
body.single-product .pgx.pgx-kit .stats .stat b{color:#fff!important}
body.single-product .pgx.pgx-kit .stats .stat span{color:rgba(255,255,255,.72)!important}

/* HM-02 (Nov 6, 2026): shorter mobile hero on /aluminum-gates/ so the photo row peeks into the first screen. Mobile only; delete this block to undo. */
@media (max-width:767px){
body.page-id-51464 .gx .gx-hero{padding-top:16px!important}
body.page-id-51464 .gx .gx-hero .gx-k{margin-bottom:8px!important}
body.page-id-51464 .gx .gx-hero .gx-h1-sub{margin-bottom:4px}
body.page-id-51464 .gx .gx-hero .gx-rate{margin:0}
body.page-id-51464 .gx .gx-hero .gx-buy>.gx-price{margin:2px 0 10px}
body.page-id-51464 .gx .gx-hero .gx-hero-g>div:first-child{margin-top:10px}
body.page-id-51464 .gx .gx-hero .gx-mosaic>.gx-hv{height:clamp(120px,calc(62vh - 270px),196px);height:clamp(120px,calc(62svh - 270px),196px);overflow:hidden}
body.page-id-51464 .gx .gx-hero .gx-mosaic>.gx-hv>img.gx-hv-p{width:100%!important;height:100%!important;object-fit:contain!important}
}

/* HM-03 (Nov 6, 2026): shorter mobile hero on /patio-covers/ so the buttons and hero photo show on the first screen. Mobile only; delete this block to undo. */
@media (max-width:767px){
body.page-id-51361 .phb .hero .w{padding-top:18px;padding-bottom:24px;gap:14px}
body.page-id-51361 .phb .hero .k{margin-bottom:10px}
body.page-id-51361 .phb .hero h1{font-size:31px;line-height:1.04}
body.page-id-51361 .phb .hero .lead{margin-top:10px;font-size:15px;line-height:1.5}
body.page-id-51361 .phb .hero .bt{margin-top:16px;gap:8px;flex-wrap:wrap}
body.page-id-51361 .phb .hero .bt .btn{flex:1 1 auto;justify-content:center;padding-left:10px;padding-right:10px;font-size:14px;white-space:nowrap}
body.page-id-51361 .phb .hero .rate{margin-top:12px}
}
@media (max-width:359px){
body.page-id-51361 .phb .hero h1{font-size:27px}
}

/* HM-04 (Nov 6, 2026): quote + WhatsApp row under the headline on /aluminum-gates/ and /patio-covers/ (mobile only). The row is in each page's HTML widget (.hm04-cta); delete this block and the row to undo. */
.hm04-cta{display:none}
@media (max-width:767px){
body.page-id-51464 .gx .hm04-cta,body.page-id-51361 .phb .hm04-cta{display:flex;gap:8px;margin:12px 0 10px;order:2}
body.page-id-51464 .gx .hm04-cta>*,body.page-id-51361 .phb .hm04-cta>*{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 14px;border-radius:999px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.1;text-decoration:none!important;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
body.page-id-51464 .gx .hm04-cta .hm04-q,body.page-id-51361 .phb .hm04-cta .hm04-q{flex:1 1 auto;background:#f04a24;color:#fff!important;border:0;box-shadow:0 6px 18px rgba(240,74,36,.35)}
body.page-id-51464 .gx .hm04-cta .hm04-wa,body.page-id-51361 .phb .hm04-cta .hm04-wa{flex:0 0 auto;background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)}
body.page-id-51464 .gx .hm04-cta .hm04-wa svg,body.page-id-51361 .phb .hm04-cta .hm04-wa svg{width:18px;height:18px;flex:0 0 18px}
body.page-id-51361 .phb .hero .bt .btn.gh{display:none}
}
@media (max-width:359px){
body.page-id-51464 .gx .hm04-cta>*,body.page-id-51361 .phb .hm04-cta>*{font-size:13px;padding:0 12px}
body.page-id-51464 .gx .hm04-cta .hm04-wa,body.page-id-51361 .phb .hm04-cta .hm04-wa{width:46px;padding:0;font-size:0;gap:0}
body.page-id-51464 .gx .hm04-cta .hm04-wa svg,body.page-id-51361 .phb .hm04-cta .hm04-wa svg{width:22px;height:22px;flex-basis:22px}
}

/* HM-05 (Nov 6, 2026): chat widget (#agw) icon-only on phones, smaller and tucked just above the bottom bar so it no longer covers page buttons. Site-wide, mobile only; delete this block to undo. */
@media (max-width:767px){
body #agw{bottom:60px;right:10px;gap:10px}
body #agw .agw-row .agw-cta{display:none!important}
body #agw .agw-toggle{width:46px;height:46px;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 4px 14px rgba(0,0,0,.28)}
body #agw .agw-toggle svg{width:22px;height:22px}
}

/* HM-06 (Nov 6, 2026): on product pages the sticky "Buy now" bar (.agv-bar) replaces the bottom nav, so lift the chat icon above it on phones. Delete this block to undo. */
@media (max-width:767px){
body.single-product #agw{bottom:100px}
}

/* HM-07 (Nov 6, 2026): swipeable photo strip under the headline/buttons on /aluminum-gates/ and /patio-covers/, phones only. Each photo links to its style section. Delete this block (and the .hm07-strip nav in each page's HTML widget) to undo. */
.hm07-strip{display:none}
@media (max-width:767px){
body .hm07-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:12px 0 2px;padding:0 0 2px;width:0;min-width:100%;max-width:100%;box-sizing:border-box}
body.page-id-51464 .gx .gx-buy>.hm07-strip{order:6;margin:14px 0 0}
body .hm07-strip::-webkit-scrollbar{display:none}
body .hm07-strip .hm07-i{flex:0 0 auto;width:min-content;scroll-snap-align:start;display:block;text-decoration:none!important;color:inherit;-webkit-tap-highlight-color:transparent}
body .hm07-strip img{display:block;height:104px;width:auto;max-width:none;object-fit:contain;border-radius:8px;background:rgba(127,127,127,.15)}
body .hm07-strip b{display:block;margin-top:5px;font-size:12.5px;line-height:1.2;font-weight:700;white-space:nowrap}
body .hm07-strip small{display:block;font-size:11px;line-height:1.25;opacity:.75;white-space:nowrap}
body.page-id-51361 .phb [id^="card-"],body.page-id-51464 #specialty-gates{scroll-margin-top:80px}
}

/* HM-08 (Nov 6, 2026): jump chips (Styles · Colors · Prices · Quote) plus a down-arrow scroll cue under the photo strip on /aluminum-gates/ and /patio-covers/, phones only. Delete this block (and the .hm08-chips nav and the gate-colors / gate-prices / gate-quote / patio-colors ids in each page's HTML widget) to undo. */
.hm08-chips{display:none}
@media (max-width:767px){
body .hm08-chips{display:flex;align-items:center;gap:6px;margin:12px 0 4px;padding:2px 0;overflow-x:auto;scrollbar-width:none;width:0;min-width:100%;max-width:100%;box-sizing:border-box}
body .hm08-chips::-webkit-scrollbar{display:none}
body.page-id-51464 .gx .gx-buy>.hm08-chips{order:6}
body .hm08-chips .hm08-c{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff!important;font-size:13.5px;font-weight:700;line-height:1;text-decoration:none!important;white-space:nowrap;-webkit-tap-highlight-color:transparent}
body .hm08-chips .hm08-c.is-q{border-color:#f04a24;color:#ff6a45!important}
body .hm08-chips .hm08-down{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;animation:hm08b 1.6s ease-in-out 1s 3}
body .hm08-chips .hm08-down svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.page-id-51464 #gate-colors,body.page-id-51464 #gate-prices,body.page-id-51464 #gate-quote,body.page-id-51464 #compare,body.page-id-51361 #patio-colors,body.page-id-51361 #systems,body.page-id-51361 #compare,body.page-id-51361 #quote{scroll-margin-top:80px}
}
@media (max-width:380px){body .hm08-chips .hm08-c{padding:0 9px;font-size:13px}}
@keyframes hm08b{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media (max-width:767px) and (prefers-reduced-motion:reduce){body .hm08-chips .hm08-down{animation:none}}