/***** custom *****/

body {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px !important;
  overflow-x: hidden;
}

p {
  font-size: 15px;
  line-height: 1.5;
}
.pojo-a11y-toolbar-toggle {
  padding-top: 55px;

}
p.small {
  font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
  outline: 0;
  color: var(--brand-navy-deep);
  list-style: none;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
}

/***** top bar *****/
#top-bar {
	background-color: var(--brand-navy);
	padding: 5px 5%;
	position: fixed;
	width: 100%;
	z-index: +99999;
}
}

#top-bar p {
  color: var(--white);
  margin: 0px;
  padding-top: 5px;
}

#top-bar p a {
  color: var(--white);
  text-decoration: none;
}

#top-bar p a:hover {
  color: var(--white);
  text-decoration: underline;
}

.social-icons {
  color: var(--white);
}

.social-icons:hover {
  color: #ccc;
  text-decoration: none;
}

.search {
  background-color: transparent;
  border: none;
  font-size: 18px;
  color: #707070;
  padding: 10px 20px;
  border-radius: 5px;
  width: 80%;
  text-align: left;
}

.search-container {
  display: block;
}

input#search-bar {
  margin: 0 auto;
  width: 100%;
  padding: 0 10px;
  font-size: 0.7rem;
  /*border: 1px solid #ccc;*/
  outline: none;
  background: #26385B;
  &:focus {
    border: 1px solid #008ABF;
    transition: 0.35s ease;
    color: #008ABF;
    &::-webkit-input-placeholder{
      transition: opacity 0.45s ease; 
      opacity: 0;
      }
    &::-moz-placeholder {
      transition: opacity 0.45s ease; 
      opacity: 0;
      }
    &:-ms-placeholder {
      transition: opacity 0.45s ease; 
      opacity: 0;
      }    
    }
  }

.search-icon{
  position: relative;
  float: right;
  width: 16px;
  height: 16px;
  top: -21px;
  right: 10px;
}

/***** navigation *****/

#mainNav {
  border-bottom: #ccc 1px solid;
  padding-top: 4px;
  background: var(--white);
}

#mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
  height: 2rem !important;
}

#mainNav.navbar-shrink {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  background-color: var(--white) !important;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 18px;
  color: #000;
}

#mainNav .navbar-nav .nav-item .nav-link {
  color: #6D6D6D;
}

/***** sec1 - featured equipment *****/
#sec1 {
  background-color: var(--bg-alt);
}

#sec1 h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy-deep);
}

.prod {
  background-color: var(--white);
  border-radius: 10px;
  border: #eee 1px solid;
  margin-bottom: 25px;
  text-align:center;
}

.prod-txt {
  padding: 0 10px 10px 10px;
  text-align: left;
}

.prod-txt h4 {
  font-size: 18px;
  color: var(--brand-navy);
  font-weight: 600;
  max-height: 50px !important;
  overflow: hidden !important;
  margin-bottom: 10px;
}

.prod-txt h5 {
  font-size: 14px;
  color: var(--brand-navy-deep);
  font-weight: normal;
  padding: 0 5px;
}

.font-12 {
  font-size: 12px;
  color: #A5A5A5;
}

.border-left {
  border-left: #ccc 1px solid;
}

.border-radius-10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.but-area {
  padding: 20px 2px;
}

.but-item {
  background-color: var(--accent);
  font-size: 14px;
  color: var(--white);
  padding: 0px 5px;
  border-radius: 5px;
  text-align: center;
  width: 100px;
  text-decoration: none;
}

.but-item:hover {
  background-color: #000;
  color: var(--white);
  text-decoration: none;
}

.but-new {
  padding: 0px 5px;
  white-space: nowrap;
  border: 1px solid #000;
  background-color: #f8f9fa;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-sizing: border-box;
  color: rgb(33, 37, 41);
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 24px;
  position: relative;
  text-align: center;
  text-size-adjust: 100%;
  unicode-bidi: isolate;
  vertical-align: middle;
  width: auto;
}

/*
.but-new {
  background-color: var(--white);
  font-size: 14px;
  color: #000;
  padding: 0px 5px;
  border-radius: 5px;
  text-align: center;
  width: 50px;
  border: #000 1px solid;
  text-decoration: none;
}
*/

.but-new:hover {
  background-color: #000;
  color: var(--white);
  text-decoration: none;
}

.but-more {
  font-size: 12px;
  color: var(--accent);
  position: relative;
  padding-left: 40px; /* Add padding to make space for the line */
}

.but-more::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 2px; /* Adjust the height of the line as needed */
  background-color: var(--accent); /* Change the color as needed */
}

/*
.but-more:hover {
  color: #000;
  text-decoration: none;
}

.but-more {
  background-color: var(--white);
  font-size: 14px;
  color: var(--accent);
  font-weight: 700;
  padding: 7px 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}

.but-more:hover {
  color: #000;
  text-decoration: none;
}
*/

.but-quote {
  background-color: var(--white);
  font-size: 14px;
  color: var(--accent);
  font-weight: 700;
  padding: 7px 5px;
  border-radius: 5px;
  text-align: center;
  width: 130px;
  text-decoration: none;
  border: var(--accent) 1px solid;
}

.but-quote:hover {
  background-color: var(--accent-hover);
  color: var(--white);
  text-decoration: none;
  border: var(--accent-hover) 1px solid;
}

.left {
  text-align: left;
}

.left {
  text-align: left;
}

/***** banner *****/
header.masthead .masthead-heading {
  font-family: "Nunito Sans", sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 4.5rem;
  margin-bottom: 2rem;
  color: var(--brand-navy-deep);
}

header.masthead .masthead-subheading {
  font-family: "Nunito Sans", sans-serif;
  font-size: 36px;
  color: var(--brand-navy-deep);
  font-weight: 700;
  font-style: normal;
  margin-bottom: 15px;
}

header.masthead {
  padding: 10rem 0;
  height:750px;
}

.but-search {
  background-color: #0B254BC7;
  font-size: 14px;
  color: var(--white);
  padding: 3px 10px;
  letter-spacing: 1px;
  border-radius: 10px;
}

.but-search:hover {
  background-color: #000;
  color: var(--white);
  padding: 3px 10px;
  letter-spacing: 1px;
}

.search {
  width: 100%;
  position: relative;
  display: flex;
  /*padding: 0 15%;*/
}

.searchTerm {
  width: 100%;
  border: 1px solid #666;
  border-right: none;
  padding: 5px 10px;
  height: 55px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 55px;
  height: 55px;
  border: 1px solid var(--accent);
  background: var(--accent);
  text-align: center;
  color: var(--white);
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/***** sec2 - latest equipment *****/
#sec2 {
  background-color: #FCFCFC;
}

#sec2 h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy-deep);
}

.industry {
  text-align: center;
}

.industry h4 {
  font-size: 22px;
}

/***** sec3 - how it works *****/
#sec3 {
  background-color: #FCFCFC;
}

#sec3 h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy-deep);
}

.timeline > li .timeline-image {
  background-color: var(--brand-navy);
}

.timeline > li .timeline-image {
  left: 50%;
  width: 66px;
  height: 66px;
  margin-left: -35px;
  font-size: 32px;
  font-weight: 500;
  padding-top: 3px;
}

.timeline:before {
  bottom: 123px !important;
}


@media (min-width: 768px) {
.timeline > li .timeline-panel {
    text-align: left;
    margin-left: 50px;
}
}

@media (min-width: 1200px) {
.timeline > li .timeline-image {
    width: 70px;
    height: 70px;
    margin-left: -35px;
	margin-top: 20px;
}
}

/***** sec4 - mm equipment corp  *****/
#sec4 {
  background-color: var(--brand-navy);
}

#sec4  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--white);
}

#sec4 h5 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  color: var(--white);
  font-weight: 500;
  margin-bottom: 25px;
}

#sec4 p {
  font-size: 16px;
  color: var(--white);
}

/***** sec5 - clients  *****/
#sec5 {
  background-color: #FCFCFC;
}

#sec5  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy-deep);
}

.client-box {
  background: var(--white);
  border: 1px solid #eef0f6;
  border-radius: 14px;
  padding: 30px 28px;
  box-shadow: 0 10px 30px rgba(38, 56, 120, 0.08);
  text-align: left;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.client-box p {
  font-size: 16px;
  color: #3A393E;
}

.client-box__quote {
  color: var(--accent);
  font-size: 26px;
  margin-bottom: 14px;
  opacity: 0.85;
}

.client-box__text {
  color: #3A393E;
  font-size: 16px;
  line-height: 1.7;
  flex: 1;
}

.client-box__stars {
  color: var(--accent);
  font-size: 14px;
  letter-spacing: 3px;
  margin: 18px 0 14px;
}

.client-box__author strong {
  display: block;
  color: var(--brand-navy);
  font-size: 16px;
}

.client-box__author span {
  color: #8a8f9c;
  font-size: 14px;
}

/* Testimonials slider */
.testimonials-intro h2 { margin-bottom: 28px; }

.testimonial-nav {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}

.testimonial-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #d9dce8;
  background: var(--white);
  color: var(--accent);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  padding: 0;
}

.testimonial-arrow:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}

.testimonials-slider .slick-list {
  margin: 0 -12px;
  padding: 10px 0 14px;
}

.testimonials-slider .slick-track {
  display: flex !important;
}

.testimonials-slider .testimonial-slide {
  padding: 0 12px;
  height: auto;
}

@media (max-width: 991px) {
  .testimonials-intro h2 { margin-bottom: 18px; }
  .testimonial-nav { margin-bottom: 8px; }
}

.font-16 {
  font-size: 16px;
}

.light-grey {
  color: #999;
}

.orange-color {
  color: var(--accent);
}

/***** sec6 - partners  *****/
#sec6 {
  background-color: var(--white);
}

#sec6  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy-deep);
}

/***** sec7 - listing  *****/
#sec7 {
  background-color: var(--bg-alt);
}

#sec7  h3 {
  font-size: var(--fs-h3-lg);
  color: #999;
  font-weight: 500;
}

.tab-pane .list {
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.list {
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding-left: 0px;
}

.pad-lr {
  padding-left: 10%;
  padding-right: 10%;
}

/***** sec8 - contact  *****/
#sec8 {
  background-color: var(--bg-alt);
}

#sec8  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy-deep);
}

#sec8 p {
  font-size: 22px;
  color: #999;
}

.font-40 {
  font-size: 40px !important;
  color: var(--accent) !important;
  font-weight: 700;
}

/***** contact *****/
#footer {
  background-color: var(--brand-navy-deep);
}


#footer h4 {
  font-size: 20px;
  color: var(--white);
}

#footer p {
  color: var(--white);
}

#footer p a {
  color: var(--white);
  text-decoration: none;
}

#footer p a:hover {
  color: var(--white);
  text-decoration: underline;
}

.list-footer {
  color: var(--white);
  font-size: 16px;
  list-style: none;
  padding-left: 0px;
  line-height: 41px;
}

.list-footer a {
  color: var(--white);
  text-decoration: none;
}

.list-footer a:hover {
  color: var(--white);
  text-decoration: underline;
}

/***** copyright *****/
#copyright {
  background-color: var(--brand-navy-deep);
  text-align: center;
  border-top: var(--white) 1px solid;
}

#copyright p {
  color: var(--white);
}

/***** inventry search page *****/
#ban-equipment {
  /*background-image: url("../img/banner-equipment.png");*/
  background-repeat: no-repeat;
  background-position: center top;
  height: 257px;
  display: flex;
  align-items: center;
  padding: 0 5%;
}

#ban-equipment .mm-crumb-title {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 4.5rem;
  color: var(--white);
}

#ban-equipment p {
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
}

.form {
  border: #ccc 1px solid;
  padding: 30px;
  border-radius: 15px;
}

label {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}

.page-link {
  background-color: var(--bg-alt);
  margin: 5px;
  border: none;
  color: #000;
  border-radius: 50px;
  font-weight: 700;
}

.page-link:hover {
  z-index: 2;
  color: var(--white);
  background-color: var(--accent);
  border-color: var(--accent);
}

/***** sell/trade page  *****/
/*----- sell your equipment -----*/
#sell-equip {
  background-color: var(--white);
}

#sell-equip h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy);
}

#sell-equip h3 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h3-lg);
  color: var(--brand-navy);
}

/*----- submit equipment -----*/
#sub-equip {
  background-color: var(--bg-alt);
}

#sub-equip h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy);
}

#sub-equip h3 {
  font-size: var(--fs-h3-lg);
  color: var(--brand-navy);
  font-weight: normal;
}

.sub-equip-box {
  background-color: var(--white);
  padding: 50px 30px;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

/*----- cost equip -----*/
#cost-equip {
  background-color: var(--bg-alt);
  background-image: url('/wp-content/themes/mmequip/assets/img/bg-cost-equip.png');
  background-repeat: no-repeat;
  background-position: center center;
}

#cost-equip h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy-deep);
}



/***** auctions page  *****/
#auctions {
  background-color: #FCFCFC;
}

#auctions  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy-deep);
}

#auctions p {
  color: #342C2C;
}

.locationSpan {
  font-size: 14px;
  color: #a5a5a5;
}

.lenoir-Div {
  margin-top: 10px;
}
.lenoir-Div span {
  font-size: 20px;
}

.auction-data-head {
  display: flex;
  max-width: 300px;
  width: 100%;
  justify-content: space-between;
  margin-top: 20px;
}

.auction-time {
  color: #a5a5a5;
  font-size: 14px;
}
.auction-time .fa-calendar-days {
  color: var(--accent);
  margin-right: 6px;
}
.auction-date {
  font-size: 20px;
}


/***** about page  *****/
/*----- about -----*/
#about {
  background-color: var(--white);
}

#about h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2) !important;
  color: var(--brand-navy);
}

#about h3 {
  font-size: var(--fs-h3-lg);
  color: var(--brand-navy);
}

#about p {
  /*font-size: 20px;*/
  color: #342C2C;
}

/*----- Single Auction -----*/
#auction {
  background-color: var(--white);
}
#auction h5 {
  font-size: 24px;
  color: var(--brand-navy-deep);
  font-weight: 500;
}
#auction p {
  font-size: 16px;
  color: #342C2C;
}

#auction .font-12 {
	font-size: 15px;
    color: #A5A5A5;
}

/*----- process -----*/
#process {
  background-color: var(--bg-alt);
}

#process h3 {
  font-size: var(--fs-h3-lg);
  color: var(--brand-navy);
  font-weight: 500;
}



#process p {
    /*font-size: 20px;*/
    color: #342C2C;
    max-height: 90px;
    overflow: hidden;
}

/*----- team -----*/
#team {
  background-color: var(--white);
}

#team h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy);
}

.team-box {
  background-color: var(--white);
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.team-box h3 {
  font-size: var(--fs-h3-lg);
  color: var(--brand-navy);
  font-weight: 700;
}

.team-box h4 {
  font-size: 20px;
  color: #999;
  font-weight: 500;
}

.team-box p {
  /*font-size: 20px;*/
  color: #342C2C;
}

.team-box-grey-color {
  color: #999;
}

.team-box-grey-bg {
  background-color: var(--white);
  padding: 8px;
  margin-top: 14px;
}

/*----- product details -----*/
#prod-det {
  background-color: var(--white);
}

#prod-det h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h2);
  color: var(--brand-navy);
}

#prod-det h3 {
  font-size: var(--fs-h3-lg);
  color: var(--brand-navy);
}

.table > :not(caption) > * > * {
  padding: 1rem 7rem 1rem 1rem;
}

/***** blog page *****/
.post {
  background-color: transparent;
}

.btn-categories {
  background-color: var(--brand-navy);
  font-size: 14px;
  padding: 10px 10px;
  border-radius: 50px;
  text-decoration: none;
}

.btn-categories:hover {
  padding: 10px 20px;
  text-decoration: none;
}

.search-box {
  /*width: 350px;*/
  position: relative;
  display: flex;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.search-input {
  width: 100%;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  padding: 15px 45px 15px 15px;
  background-color: transparent;
  color: #6c6c6c;
  border-radius: 6px;
  border: #999 1px solid;
  transition: all .4s;
}

.search-input:focus {
  border:none;
  outline:none;
  box-shadow: 0 1px 12px #b8c6db;
  -moz-box-shadow: 0 1px 12px #b8c6db;
  -webkit-box-shadow: 0 1px 12px #b8c6db;
}

.search-btn {
  background-color: transparent;
  font-size: 18px;
  padding: 6px 9px;
  margin-left:-45px;
  border:none;
  color: #6c6c6c;
  transition: all .4s;
  z-index: 10;
}

.search-btn:hover {
  transform: scale(1.2);
  cursor: pointer;
  color: black;
}

.search-btn:focus {
  outline:none;
  color:black;
}




/***** contact page *****/
.contact-hero {
  background-image: url("../img/banner-contact-plant.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#ban-contact {
  background-image: linear-gradient(90deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.70) 30%, rgba(255,255,255,0.30) 52%, rgba(255,255,255,0.06) 72%, rgba(255,255,255,0) 88%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px;
  display: flex;
  align-items: center;
}
.ban-contact-div {
	padding-bottom: 150px; 
	padding-left: 120px;
}
.foot-newsletter-img img { 
	height:40px; 
	padding-right: 5px;
}
#ban-contact h1 {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--fs-h1);
  font-weight: 700;
  line-height: 4.5rem;
  color: var(--brand-navy-deep);
}

#ban-contact p {
  font-size: 16px;
  font-weight: 500;
  color: var(--brand-navy-deep);
}

.contact-box {
  border-radius: 10px;
  padding: 3%;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
  background-color: var(--white);
}

.contact-box p {
  font-size: 18px;
  color: #3A393E;
}

.contact-form {
  padding: 0;
  position: relative;
  transform: translate(-50%);
  left: 50%;
  padding-inline: 6%;
  max-width: 1200px;
  width: 100%;
  bottom: 116px;
}

.contact-content-form {
  background-color: var(--white);
  box-shadow: 0px 15px 30px #00000029;
  padding: 40px;
  margin: 0 auto;
  border-radius: 10px;
}
.contact-input {
  padding: 10px;
  border: 1px solid #cacaca;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: var(--white);
  opacity: 1;
}
.contact-textArea {
  padding: 10px;
  border: 1px solid #cacaca;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: var(--white);
}
.btn-contact {
  max-width: 100%;
  width: 100%;
  border: 1px solid transparent;
  color: var(--white);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--accent);
  border-radius: 4px;
  height: 40px;
}
.section-b {
  padding: 0;
}
.section-b .container {
  margin-bottom: 4%;
}
.contact-head {
  margin-bottom: 4%;
}
.contact-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact-quote {
  font-family: "Nunito Sans", sans-serif;
  color: var(--brand-navy);
}
.contact-information {
  color: var(--accent);
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
}

.monito-contact {
  margin-top: 24px;
}
.locate-contact {
  color: var(--brand-navy);
  font-weight: 700;
}
.contact-Chicago {
  margin-top: 10px;
}
.contaact-para {
  font-size: 14px;
}







/***** misc *****/
.mar-bot-30 {
  margin-bottom: 30px;
}

.right {
  text-align: right;
}

.mar-l-20 {
  margin-left: 20px;
}

.but1 {
  background-color: var(--accent) !important;
  color: var(--white) !important;
  padding: 10px 20px !important;
  letter-spacing: 1px !important;
}

.p orangish-btn:hover {
  background-color: #000;
  color: var(--white);
  border: 1px solid transparent;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  width: 40%;
  border-radius: 4px;
  height: 40px;
  max-width: 100%;
  padding: 1%;
  text-align: center;
}

.but1:hover {
  background-color: #000;
  color: var(--white);
  padding: 10px 20px;
  letter-spacing: 1px;
}

.but2 {
  background-color: transparent;
  border: var(--brand-navy) 1px solid;
  color: var(--brand-navy);
  padding: 15px 20px;
  letter-spacing: 1px;
  font-weight: 700;
  border-radius: var(--radius);
}

.but2:hover {
  background-color: var(--brand-navy);
  border: var(--brand-navy) 1px solid;
  color: var(--white);
  padding: 15px 20px;
  letter-spacing: 1px;
}

.but3 {
  background-color: transparent;
  border: var(--accent) 1px solid;
  color: var(--accent);
  padding: 10px 20px;
  letter-spacing: 1px;
}

.but3:hover {
  background-color: var(--accent);
  border: var(--accent) 1px solid;
  color: var(--white);
  padding: 10px 20px;
  letter-spacing: 1px;
}

.white-color {
  background-color: var(--white);
}

.grey-color {
  background-color: var(--bg-alt);
}

.blue-color {
  color: var(--brand-navy-deep);
}

/***** media queries *****/
.mob {
  display: none;
}

.facetwp-page.next {
	color: #ef4a32 !important;
    font-weight: bold;
}

@media (min-width: 992px) {
    .cart-icon-mobile {
        /*display: none;*/ /* Hide the cart icon on larger screens */
    }
	.my-d-flex {
		display: flex !important;
	}
}

/*======= RESPONSIVE =====*/	
	.requestquote {
		display:inline-block;
	}
	.similarmachine {
		display:inline-block;
	}
	#cost-equip {
		padding-top: 10%;
	}
	.about-video iframe { border-radius: 20px; height:600px !important;  }
	
	.allstep { font-size:25px; padding:30px 50px; cursor:pointer; }
	.gform_legacy_markup_wrapper .gform_footer {
	  clear: both;
	  margin: 0 !important;
	}
	.c-only-slider {
		background: none !important; 
		border: none !important; 
		overflow: hidden; 
		max-height: 447px !important; 
		margin-bottom: 20px;
		border-radius: 20px;
	}	
	.gform_legacy_markup_wrapper li.hidden_label input {
		margin-top: 0 !important;
	}	
	#cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter { height:0px !important; }
	#cboxBottomLeft, #cboxBottomRight, #cboxTopLeft, #cboxTopRight { width:0px !important; }
	#cboxCurrent { bottom:15px !important;     color: var(--white) !important; }
	#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose  { bottom:15px !important;  }
	.cboxPhoto { height: auto !important; }
	#cboxNext { right:33px !important }
	#cboxContent { background:#000 !important; }
	.desk-padd-left-25 {
		padding-left: 25px;
	}
/*======= RESPONSIVE =====*/	
@media (min-width: 320px) and (max-width: 768px) {
/*======= RESPONSIVE =====*/
	.cboxPhoto {
		height: auto !important;
	}
	.gform_legacy_markup_wrapper .top_label div.ginput_container {
		margin-top: 19px !important;
	}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	  padding: 15px !important;
	}
	#ban-contact {
		background-image: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.50) 60%, rgba(255,255,255,0.22) 100%);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 375px;
	}
	.ban-contact-div {
		padding-bottom: 135px;
    	padding-left: 30px;
	}
	.foot-newsletter-img img { 
		height:25px; 
		padding-right: 5px;
	}
	#ban-equipment {
		display:none;		
	}
	.c-only-slider {
		max-height: 273px !important; 
		border-radius: 20px;
		height: 273px !important; 
	}
	#gform_wrapper_1 .gform_body {
		width: 100% !important;
	}
	header.masthead {
		padding: 6rem 0 12rem;
		    height: 55vh;
	}
	.page-section {
		padding: 3.8rem 0;
	}
	.mb-5 {
		margin-bottom: 1rem !important;
	}
	.context a.btn-solid-alt {
		font-size: 15px;
	}
	.col-xs-6 {
        flex: 0 0 auto;
        width: 49%;
    }
	.col-xs-12 {
        flex: 0 0 auto;
        width: 99%;
    }
	
	.mob-width-90 {
		width:90%;				
	}
	.mob-width-55 img {
		width:auto;				
	}
	.mob-padd-15px {
		padding:15px;	
	}
	.mob-padd-left {
		padding-left: 10px;
	}
	.mob-display-block { display:block !important; }
	.desk-padd-left-25 {
		padding-left: 0px;
	}	
	.mob-padd-top-bot-10 {
		padding: 10px 0;
	}
	
	.but2 {
    	padding: 12px 20px !important;
	}
	.but-quote {
    	padding: 10px 5px !important;
	}		
	#sec8 p {
		text-align: left;		
	}
	.mob-font-18 {
		font-size: 18px !important;
		text-align: left;
	}
	
	.font-40 {
		font-size: 30px !important;
	}
	
	.timeline > li .timeline-panel {
		position: relative;
		padding: 15px 10px 0 10px;
		text-align: center;
	}
	
	.images-wrapper {
		padding-bottom: 30px !important;
	}
	.mobile-top-25px {
		margin-top: 25px !important;
	}
	.but1 {
		display: block;
	  }
	.bottom-fixed-button {
		position: fixed;
		bottom:10%;
		width:70%;
		margin-left:auto;
		margin-right:auto;
        z-index: +99999999;
        left: 15%;
	}
	.requestquote {
		display:block;
	}
	.similarmachine {
		display:block;
		padding-top: 15px;
        text-align: center;
	}
	#cost-equip {
		padding-top: 28%;
		background-image: none;
	}
	.my-d-flex {
		display: block !important;
	}
	.facetwp-page {
		margin-right: 0px !important;
	}
	.about-video iframe { border-radius: 20px; height:350px !important;  }  
	#about h2 {
	  font-size: var(--fs-h2) !important;
	}
	a.orangish-btn {
		width: 100%;
	    text-align: center;
	}
	.allstep { font-size:21px; padding:20px 5px; width: 100%; }
	.monito-contact {
		margin-top: 10px;
	}
	.contact-Chicago {
		margin-top: 30px;
	}
	.gform_legacy_markup_wrapper .gform_footer {
		width: 100% !important;
		margin: 0 !important;
	}
	.mobile-btn-full-width {
		font-size: 15px;
		width: 100% !important;
		text-align: center !important;
		display: block;
	}
	.form {
		padding: 15px;
		margin: 15px !important;
	}
	.searchTerm {
    	width: 85%;
		height: 40px;
	}
	.searchButton {
    	height: 40px;
	}
	.search { padding:0 5%; }
	.searchForm  {
		position: fixed;
		top: 55px;
		left: 0;
		right: 0;
		background: var(--white);
		z-index: +99999;
		padding-bottom: 5px;
	}
	
/*======= RESPONSIVE =====*/
  .desk {
    display: none;
  }

  .mob {
    display: block;
  }

  /*.but1 {
    display: block;
    background-color: var(--white) !important;
    color: var(--accent) !important;
    padding: 0px !important;
    margin: 0px !important;
  }*/

  .quote-txt {
    display: none;
  }

  .cart-icon-mobile {
    position: absolute;
    top: 20px;
    right: 10px;
    display: block;
    background-color: var(--white) !important;
    color: var(--accent) !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 1050; /* Ensure it appears above the navbar */
}

.menu-txt {
  font-size: 12px;
}

#mainNav .navbar-brand img {
  margin-left: -41px !important;
}

  #mainNav .navbar-toggler {
    font-size: 1rem !important;
    padding: 0px !important;
}

  #mainNav {
    background-color: var(--white);
	padding-top: 15px;
  }

  .banner-buttons {
    display: none;
  }

  header.masthead .masthead-heading {
    font-size: 26px;
    line-height: 2.0rem;
  }

  header.masthead .masthead-subheading {
    font-size: 22px;
  }

  #mainNav .navbar-toggler {
    color: var(--brand-navy);
  }

  .timeline:before {
    background-color: var(--white);
  }

  .timeline > li .timeline-image {
    position: relative;
  }

  #footer {
    text-align: left;
  }

  #sec1 h2 {
    font-size: var(--fs-h2);
    text-align: center;
  }

  #sec2 h2 {
    font-size: var(--fs-h2);
    text-align: center;
  }

  #sec3 h2 {
    font-size: var(--fs-h2);
    text-align: center;
  }

  #sec4 h2 {
    font-size: var(--fs-h2);
    text-align: left;
  }

  #sec5 h2 {
    font-size: var(--fs-h2);
    text-align: left;
  }

  #sec6 h2 {
    font-size: var(--fs-h2);
    text-align: center;
  }

  #sec8 h2 {
    font-size: var(--fs-h2);
    text-align: left;
  }  
		
  #ban-contact {
    background-position: center !important;
  }

  .grey-color {
    background-color: transparent;
  }

  .contact-box {
    padding: 5% 5%;
  }

  .section-b {
    padding-bottom: 10%;
  }

  #ban-equipment .mm-crumb-title {
    font-size: 36px;
    line-height: 2.5rem;
  }

  #sell-equip h2 {
    font-size: var(--fs-h2);
  }

  #sub-equip h2 {
    font-size: var(--fs-h2);
  }

  #cost-equip h2 {
    font-size: var(--fs-h2);
  }

  .sub-equip-box {    
    margin: 0px 20px;
    width: 90%;
  }

  #sub-equip .row {
      text-align: center;
    padding-bottom: 30px;
  }

  .table > :not(caption) > * > * {
    padding: 1rem 1rem;
  }
}

/***** product details 2 *****/
#ban-equipment2 {
  background-color: transparent;
  padding: 2% 5%;
}

#ban-equipment2 p {
  font-size: 20px;
  font-weight: 500;
  color: var(--brand-navy);
  margin: 0px;
}

/***** search bar with icon *****/
.form2 {
  padding: 20px 0;
  border-radius: 15px;
}

.search-icon2 {
  position: relative;
  float: right;
  width: 21px;
  height: 21px;
  top: -29px;
  right: 10px;
}

.sort {
  border-radius:0px;
  width:250px;
  float: right;
}

/***** book now banner *****/
#booknow {
  background: #4631D4 0% 0% no-repeat padding-box;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  color: var(--white);
  font-weight: 200;
  padding: 1% 3%;
  border-radius: 10px;
  z-index: +9;
  position: relative;
	top: 0;
	margin-bottom: 50px;
}

#booknow h2 {
  font-size: 24px;
  color: var(--white);
  font-weight: 500;
  margin-bottom: 10px;
}

#booknow h3 {
  font-size: 18px;
  color: var(--white);
  font-weight: 600;
}

.btn-book3 {
  background-color: var(--accent);
  color: var(--white);
  font-weight: 700;
  border-radius: 5px;
  text-align: center;
  padding: 15px 30px;
  text-decoration: none;
}

.btn-book3:hover {
  background-color: #000;
  color: var(--white);
  text-decoration: none;
}

.right2 {
  text-align: right;
}

/***** faqs *****/
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  margin-bottom: 0px;
}

.accordion-button:not(.collapsed) {
  color: var(--brand-navy-deep) !important;
  background-color: var(--white) !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);  
}

.accordion-button {
  font-family: "Nunito Sans", sans-serif;
  color: var(--brand-navy) !important;
  text-transform: uppercase;
  font-weight: 700;
}

slider.slick-initialized.slick-slider {
    border: 1px solid #eee !important;
}

.c-only-slider.slick-initialized.slick-slider {
     border: 1px solid #eee !important;
}

.images-wrapper .slick-list.draggable {
    background-color: var(--white) !important;
}

#slide-image img {
   border-radius: 0px !important;
}

/******Hamza upload the code******/

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--brand-navy) !important;
  
}
.nav-pills .nav-link.active{
  color: white !important;
}

.nav-link {
    color: #6D6D6D !important;
}
#gform_submit_button_10{
  max-width: 100%;
  width: 100%;
  border: 1px solid transparent;
  color: var(--white);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--accent);
  border-radius: 4px;
  height: 40px;

}
#gform_submit_button_3 {max-width: 100%;
  width: 100%;
  border: 1px solid transparent;
  color: var(--white);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--accent);
  border-radius: 4px;
  height: 40px;
}

.current-menu-item a {
  background: none !important;
  font-weight: 700;
  text-decoration: none; /* Ensure no underline on current menu item */
  padding-bottom: 5px; /* Adds space below the text */
}

.navbar-nav .current-menu-item a {
  color: var(--brand-navy) !important;
  border-bottom: var(--brand-navy) 3px solid !important; /* Add underline with increased thickness */
}

.dropdown .current-menu-item a {
  color: var(--white) !important;  
}
.dropdown .menu-item a {
  width: 350px !important;  
}

.current-menu-ancestor > a {
  background: var(--white) !important;
  font-weight: 700;
  text-decoration: none; /* Ensure no underline on current menu ancestor */
  border-bottom: var(--white) 3px solid; /* Add underline with increased thickness */
  padding-bottom: 5px; /* Adds space below the text */
  color: var(--brand-navy) !important;
}

/* Add underline on hover for all menu items */
.navbar-nav .menu-item a:hover {
  text-decoration: none; /* Remove default underline */
  border-bottom: var(--brand-navy) 3px solid; /* Add underline with increased thickness */
  padding-bottom: 5px; /* Adjust padding to account for the border thickness */
  font-weight: 700px;
}

/***** Yas - 05-28-2024 *****/
a.orangish-btn {
  background: var(--accent) !important;
  border: 0px !important;
  color: var(--white) !important;
  padding: 15px 30px !important;
  box-shadow: none !important;
  outline: 0px;
  position: absolute;
  font-size: 18px;
  text-decoration: none;
  border-radius: 5px;
}

.prod-txt h4 {
  height: auto !important;
}

.border-lr {
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
}

.border-left {
  border-left: #ccc 1px solid;;
}

#searchwp-form-6{
  width: 100%;
}

.swp-input{
  width: 100%;
  border-right: none;
  padding: 5px 10px;
  height: 55px;
}

.autocomplete-results {
  max-height: 200px;
  overflow-y: auto;
  background: var(--white);
  position: absolute;
  width: calc(100% - 2px); /* Match input width minus borders */
  z-index: 1000;
  width: 860px;
  margin-top: 55px;
  color: var(--brand-navy);
}

.autocomplete-item {
  padding: 8px;
  cursor: pointer;
}

.autocomplete-item:hover {
  background-color: #f0f0f0;
}

.prod img {
  /*object-fit: cover !important;
  width: 100% !important;*/
  border-radius: 5px !important;
}

.context {
  padding: 15px 0 !important;
}

.text-muted {
  max-height: 50px;
  overflow: hidden;
  font-size: 16px !important;
}

.but-new {
  background-color: var(--white);
}

.ban-nav {
  font-size: 18px;
  color: var(--white);
  position: absolute;
  text-align: right;
  width: 100%;
  padding: 20px 20px 0 0;
}

.ban-nav a {
  color: var(--white);
  text-decoration: none;
}

.ban-nav a:hover {
  color: var(--white);
  text-decoration: none;
}

.btn-more2 {
  font-size: 16px;
  color: var(--white);
  position: relative;
  padding-left: 40px; /* Add padding to make space for the line */
}

.btn-more2:hover {
  font-size: 16px;
  color: var(--white) !important;
}

@media (min-width: 1200px) {
  .timeline > li {
      min-height: 125px; 
    }
}

 /* Layout Properties */
#ban-equipment p {
        top: 0px;
        left: 0px;
        width: 100%;
         height: 40px;
        /* UI Properties */
        text-align: left;
        font: normal normal normal 20px/25px Nunito Sans;
        letter-spacing: 0px;
        text-transform: uppercase;
		font-size:14px;
		padding-top:10px;
}

.fa-solid {
  color: var(--brand-navy);
}

.fa-solid a {
  color: var(--brand-navy);
}

.fa-solid a:hover {
  color: var(--brand-navy);
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 20px !important;
  border-radius: 5px;
}

/* ============================================
   FLOATING QUOTE BAR (single equipment, mobile/tablet)
   ============================================ */
.quote-fab {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    z-index: 999999;
    display: none;
    max-width: 420px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .quote-fab { display: block; }
}

.quote-fab__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 58px;
    padding: 8px 24px 8px 9px;
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
    color: var(--white) !important;
    border-radius: 999px;
    font-family: "Nunito Sans", sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 10px 26px rgba(240, 81, 35, 0.38), 0 2px 6px rgba(11, 37, 75, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    animation: quoteFabIn 0.5s cubic-bezier(0.21, 0.85, 0.36, 1) 0.15s both;
}

.quote-fab__btn:active {
    transform: scale(0.97);
    box-shadow: 0 5px 14px rgba(240, 81, 35, 0.3);
}

.quote-fab__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.28);
    font-size: 16px;
    flex-shrink: 0;
}

.quote-fab__arrow {
    font-size: 14px;
    opacity: 0.85;
}

.quote-fab__btn.is-checkout {
    background: linear-gradient(135deg, #2f4391 0%, var(--brand-navy) 100%);
    box-shadow: 0 10px 26px rgba(38, 56, 120, 0.42), 0 2px 6px rgba(11, 37, 75, 0.18);
}

@keyframes quoteFabIn {
    from { opacity: 0; transform: translateY(70px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Hide accessibility widget + HubSpot chat on phones & tablets */
@media (max-width: 1024px) {
    .uwy,
    .userway_buttons_wrapper,
    #userwayAccessibilityIcon {
        display: none !important;
    }
    body div#hubspot-messages-iframe-container,
    html body #hubspot-messages-iframe-container {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* ============================================
   NEWSLETTER CTA SECTION - REDESIGN
   ============================================ */
.newsletter-cta {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(135deg, var(--brand-navy-deep) 0%, #142d54 50%, #1a3a6a 100%);
    overflow: hidden;
}

.newsletter-cta::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(240,81,35,0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.newsletter-cta__inner {
    position: relative;
    z-index: 1;
}

.newsletter-cta__content {
    padding-right: 40px;
}

.newsletter-cta__label {
    display: inline-block;
    font-family: "Nunito Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 16px;
}

.newsletter-cta__title {
    font-family: "Nunito Sans", sans-serif;
    font-size: var(--fs-h2) !important;
    font-weight: 800;
    line-height: 1.15;
    color: var(--white) !important;
    margin-bottom: 16px;
}

.newsletter-cta__subtitle {
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px !important;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.65) !important;
    margin-bottom: 32px;
    max-width: 460px;
}

/* Form override styles */
.newsletter-cta .gform_wrapper {
    margin: 0 !important;
    max-width: 480px;
}

.newsletter-cta .gform_wrapper form {
    display: block !important;
}

.newsletter-cta .gform_body {
    margin: 0 !important;
    width: 100% !important;
}

.newsletter-cta .gform_wrapper ul.gform_fields {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .newsletter-cta .gform_wrapper ul li.gfield {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.newsletter-cta .gform_wrapper .ginput_container {
    margin: 0 !important;
}

.newsletter-cta .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100% !important;
    padding: 16px 20px !important;
    border-radius: 10px !important;
    border: 2px solid rgba(255,255,255,0.15) !important;
    background: rgba(255,255,255,0.08) !important;
    color: var(--white) !important;
    font-size: 15px !important;
    transition: border-color 0.3s ease, background 0.3s ease;
    height: auto !important;
    box-sizing: border-box !important;
}

.newsletter-cta .gform_wrapper input:not([type=submit]):focus {
    border-color: var(--accent) !important;
    background: rgba(255,255,255,0.12) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(240,81,35,0.15) !important;
}

.newsletter-cta .gform_wrapper input::placeholder {
    color: rgba(255,255,255,0.4) !important;
}

.newsletter-cta #gform_submit_button_1 {
    background: linear-gradient(135deg, var(--accent), #e8451a) !important;
    padding: 15px 40px !important;
    border: none !important;
    border-radius: 10px !important;
    color: var(--white) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    white-space: nowrap;
}

.newsletter-cta #gform_submit_button_1:hover {
    background: linear-gradient(135deg, #ff6a3d, var(--accent)) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(240,81,35,0.4) !important;
}

.newsletter-cta .gform_wrapper .gform_footer {
    margin: 20px 0 0 !important;
    padding: 0 !important;
}

.newsletter-cta .gform_wrapper .gfield_label,
.newsletter-cta .gform_wrapper .gform_title,
.newsletter-cta .gform_wrapper .gform_description {
    display: none !important;
}

.newsletter-cta .gform_wrapper .validation_message,
.newsletter-cta .gform_wrapper .gfield_description {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
}

/* reCAPTCHA adjustments */
.newsletter-cta .ginput_recaptcha {
    margin-top: 20px !important;
}

/* Divider */
.newsletter-cta__divider {
    width: 60px;
    height: 2px;
    background: rgba(255,255,255,0.15);
    margin: 28px 0;
}

/* Phone section */
.newsletter-cta__phone {
    display: flex;
    align-items: center;
    gap: 16px;
}

.newsletter-cta__phone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(240,81,35,0.12);
    color: var(--accent);
    flex-shrink: 0;
}

.newsletter-cta__phone-label {
    display: block;
    font-family: "Nunito Sans", sans-serif;
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    margin-bottom: 2px;
}

.newsletter-cta__phone-number {
    font-family: "Nunito Sans", sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: var(--accent) !important;
    text-decoration: none !important;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.newsletter-cta__phone-number:hover {
    color: #ff6a3d !important;
    text-decoration: none !important;
}

/* Image section */
.newsletter-cta__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.newsletter-cta__image img {
    position: relative;
    z-index: 1;
    max-width: 85%;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.3));
}

.newsletter-cta__image-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(240,81,35,0.1) 0%, rgba(240,81,35,0.03) 50%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

/* Responsive */
@media (max-width: 991px) {
    .newsletter-cta {
        padding: 50px 0;
    }
    
    .newsletter-cta__content {
        padding-right: 0;
        text-align: left;
    }
    
    .newsletter-cta__title {
        font-size: var(--fs-h2) !important;
    }

    .newsletter-cta__subtitle {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .newsletter-cta {
        padding: 40px 0;
    }
    
    .newsletter-cta__title {
        font-size: var(--fs-h2) !important;
    }

    .newsletter-cta__subtitle {
        font-size: 15px !important;
    }
    
    .newsletter-cta #gform_submit_button_1 {
        letter-spacing: 1px !important;
        padding: 16px 18px !important;
        font-size: 12px !important;
    }
    
    .newsletter-cta__phone-number {
        font-size: 22px;
    }
}

/* ===== Tablet/collapsed-nav MY QUOTE: icon-only with hover tooltip =====
   The nav uses navbar-expand-xl, so 769-1199px collapses to a hamburger. The cart
   icon styling (navy + tooltip) and the compact-bar padding are handled by the
   header.php @media (min-width: 769px) block; this block just keeps the cart-btn
   sizing for the older 769-991 range. (The previous padding-top:78px hack to clear
   a FIXED social bar is gone — the social bar is now position:relative.) */
@media (min-width: 769px) and (max-width: 991.98px) {
  .cart-btn { width: auto !important; margin-top: 0 !important; }
  .quote-txt { display: none !important; }
  .b-quote.cart-icon-mobile {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--brand-navy) !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
  }
  .b-quote.cart-icon-mobile:hover { background: transparent !important; color: var(--accent) !important; }
  .b-quote.cart-icon-mobile .fa-cart-shopping,
  .b-quote.cart-icon-mobile i { font-size: 22px !important; height: auto !important; color: var(--brand-navy) !important; margin-right: 5px; vertical-align: middle; }
  .b-quote.cart-icon-mobile:hover .fa-cart-shopping,
  .b-quote.cart-icon-mobile:hover i { color: var(--accent) !important; }
  .b-quote.cart-icon-mobile .fa-cart-shopping path { color: var(--brand-navy) !important; }
}

/* Tablet: the navbar is white here, but the hamburger inherits the dark-navbar
   white toggler colour (invisible). Match the mobile navy treatment. */
@media (min-width: 769px) and (max-width: 991.98px) {
  #mainNav .navbar-toggler,
  #mainNav .navbar-toggler i { color: var(--brand-navy) !important; }
}

/* =====================================================================
   Equipment List modernization — 2026-06-27
   Scoped to .mm-eq-grid (cards) / .mm-eq-* (filters+toolbar) so the
   homepage / related / taxonomy / search grids are untouched.
   ===================================================================== */

/* ---- Responsive grid (1 / 2 / 3 / 4 cols) ---- */
.mm-eq-grid { display:flex; flex-wrap:wrap; }
.mm-eq-grid .mm-eq-col { display:flex; margin-bottom:26px; }
.mm-eq-grid .mm-eq-col > .prod { width:100%; margin-bottom:0; }
@media (max-width:575.98px){
  .mm-eq-grid .mm-eq-col { flex:0 0 100%; max-width:100%; width:100%; }
}

/* ---- Equipment card images + hover effects — SITE-WIDE (all .prod cards) ----
   Uniform look everywhere: full image, natural aspect (no stretch, no object-fit),
   centered in a fixed 250px-tall frame, with a hover zoom + subtle card lift/shadow.
   Applied to plain .prod so homepage (Swiper), taxonomy, related, search all match. */
.prod .prod-img { display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:5px; text-align:center; }
.prod .prod-img img { transition: transform .4s ease; display:block; height:250px; width:auto; max-width:100%; margin:0 auto; }
.prod:hover .prod-img img { transform: scale(1.06); }

/* Subtle card hover highlight (shadow + lift) */
.prod { transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease; }
.prod:hover {
  box-shadow: 0 12px 30px rgba(11,37,75,.13);
  transform: translateY(-4px);
  border-color: #dfe3ec;
}

/* ---- Filter card ---- */
.mm-eq-filters {
  background:var(--white); border:1px solid var(--line); border-radius:14px;
  padding:22px 24px 6px; margin-bottom:18px;
  box-shadow:0 4px 18px rgba(11,37,75,.05);
}
.mm-eq-filters .form { margin:0; }
.mm-eq-filters .filter .label { margin-bottom:6px; }
.mm-eq-filters .filter .label strong {
  font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--brand-navy); font-weight:700;
}
.mm-eq-filter-toggle { display:none; }

/* ---- Results toolbar ---- */
.mm-eq-toolbar {
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap; margin:0 0 18px;
}
.mm-eq-count { font-size:14px; color:#5b6470; font-weight:600; }
.mm-eq-count .facetwp-counts { color:var(--brand-navy); }
.mm-eq-tools { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.mm-eq-sort { display:flex; align-items:center; }
.mm-eq-sort .facetwp-sort { margin:0; }
.mm-eq-sort .facetwp-sort-select, .mm-eq-sort select {
  border:1px solid #d7dbe3; border-radius:8px; padding:8px 12px;
  font-size:13px; color:var(--brand-navy); background:var(--white); font-weight:600; cursor:pointer;
}
.mm-eq-reset {
  display:inline-flex; align-items:center; gap:7px;
  border:1.5px solid #d7dbe3; border-radius:8px; padding:8px 14px;
  font-size:13px; font-weight:700; color:var(--brand-navy); background:var(--white);
  text-transform:uppercase; letter-spacing:.02em; transition:all .15s ease;
}
.mm-eq-reset:hover { border-color:var(--accent); color:var(--accent); background:#fff5f1; }

/* ---- Phones (<768): collapse filters into a toggle drawer ---- */
@media (max-width: 767.98px){
  .mm-eq-filter-toggle {
    display:flex; align-items:center; justify-content:space-between; width:100%;
    background:var(--brand-navy); color:var(--white); border:none; border-radius:10px;
    padding:13px 18px; font-size:15px; font-weight:700; cursor:pointer;
  }
  .mm-eq-filter-toggle .mm-eq-caret { transition:transform .25s ease; }
  .mm-eq-filters.is-open .mm-eq-filter-toggle .mm-eq-caret { transform:rotate(180deg); }
  .mm-eq-filters { padding:0; border:none; box-shadow:none; background:transparent; margin-bottom:14px; }
  .mm-eq-filters-body { max-height:0; overflow:hidden; transition:max-height .35s ease; }
  .mm-eq-filters.is-open .mm-eq-filters-body {
    max-height:2000px; border:1px solid var(--line); border-radius:0 0 12px 12px;
    padding:18px 16px 2px; background:var(--white);
  }
  .mm-eq-toolbar { margin-top:4px; }
}

/* Equipment List toolbar — count styling override */
.mm-eq-toolbar { padding:0 6px; }
.mm-eq-toolbar .facetwp-counts { padding:0 !important; margin:0; font-weight:600; color:var(--brand-navy); }

/* ============================================================
   Quote CTA buttons — gradient refresh + consistent hover state
   Added 2026-06-30. Covers ADD TO QUOTE on equipment-list cards,
   "Similar Products" (single-equipment) and homepage cards (all
   render via equipment-loop-item.php), plus the My-Quote modal
   (#myModal) and header cart dropdown (.cart-hiddens).
   ============================================================ */

/* --- Primary action: ADD TO QUOTE (cards) + SUBMIT REQUEST (modal) --- */
a.btn-solid-alt.but-quote,
button.btn-solid-alt.but-quote,
#myModal .btn-solid-alt.but-quote,
.cart-hiddens .btn-solid-alt.but-quote {
  background: var(--accent) linear-gradient(135deg, #FF6A3D 0%, var(--accent) 52%, var(--accent-hover) 100%) !important;
  color: var(--white) !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(240,81,35,.26);
  transition: background .25s ease, box-shadow .25s ease, transform .15s ease !important;
}
a.btn-solid-alt.but-quote:hover,
button.btn-solid-alt.but-quote:hover,
#myModal .btn-solid-alt.but-quote:hover,
.cart-hiddens .btn-solid-alt.but-quote:hover {
  background: var(--accent-hover) linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 55%, #B5360F 100%) !important;
  color: var(--white) !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(240,81,35,.40) !important;
  transform: translateY(-2px) !important;
}

/* --- "Added" confirmation state: JS adds .addedtocart on click --- */
a.btn-solid-alt.but-quote.addedtocart,
a.btn-solid-alt.addedtocart {
  background: var(--brand-navy) linear-gradient(135deg, #2E4699 0%, var(--brand-navy) 55%, #1B2A5E 100%) !important;
  color: var(--white) !important;
  border: 0 !important;
  box-shadow: 0 4px 12px rgba(38,56,120,.30) !important;
}
a.btn-solid-alt.but-quote.addedtocart:hover,
a.btn-solid-alt.addedtocart:hover {
  background: #1F2E66 linear-gradient(135deg, var(--brand-navy) 0%, #1F2E66 55%, #16224D 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(38,56,120,.42) !important;
}
a.btn-solid-alt.but-quote.addedtocart::after,
a.btn-solid-alt.addedtocart::after {
  content: " \2713";
  font-weight: 700;
  margin-left: 5px;
}

/* --- Secondary action: CONTINUE BROWSING (modal) — neutral, lower emphasis,
       and no longer flips to navy on hover --- */
#myModal a.btn-solid-alt.modal-quote1,
.cart-hiddens a.btn-solid-alt.modal-quote1 {
  background: #eef1f6 !important;
  color: var(--brand-navy) !important;
  border: 1px solid #d4dae6 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  transition: background .2s ease, box-shadow .2s ease, transform .15s ease !important;
}
#myModal a.btn-solid-alt.modal-quote1:hover,
.cart-hiddens a.btn-solid-alt.modal-quote1:hover {
  background: var(--line) !important;
  color: var(--brand-navy) !important;
  border-color: #c2cbdd !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(38,56,120,.14) !important;
}

/* --- Header "MY QUOTE" cart icon + count — tie into the orange CTA system --- */
#mainNav .b-quote.cart-icon-mobile .fa-cart-shopping,
#mainNav .b-quote.cart-icon-mobile i,
.b-quote.cart-icon-mobile .fa-cart-shopping,
.b-quote.cart-icon-mobile i {
  color: var(--accent) !important;
}
.b-quote.cart-icon-mobile .fa-cart-shopping path,
#mainNav .b-quote.cart-icon-mobile .fa-cart-shopping path {
  color: var(--accent) !important;
  fill: var(--accent) !important;
}
.b-quote.cart-icon-mobile .update-cart,
#mainNav .b-quote.cart-icon-mobile .update-cart {
  color: var(--accent) !important;
  font-weight: 800;
}

/* Cart icon colour — out-specify header.php inline #mainNav rules (later source + !important).
   Make the My-Quote cart icon + count orange to match the CTA system (was navy). */
#mainNav a.b-quote.cart-icon-mobile .fa-cart-shopping,
#mainNav a.b-quote.cart-icon-mobile i,
a.b-quote.cart-icon-mobile .fa-cart-shopping,
a.b-quote.cart-icon-mobile i {
  color: var(--accent) !important;
}
#mainNav a.b-quote.cart-icon-mobile .fa-cart-shopping path,
a.b-quote.cart-icon-mobile .fa-cart-shopping path {
  color: var(--accent) !important; fill: var(--accent) !important;
}
#mainNav a.b-quote.cart-icon-mobile .update-cart,
a.b-quote.cart-icon-mobile .update-cart {
  color: var(--accent) !important; font-weight: 800;
}
#mainNav a.b-quote.cart-icon-mobile:hover .fa-cart-shopping,
#mainNav a.b-quote.cart-icon-mobile:hover i {
  color: #C8400F !important;
}

/* Delete (trash) icon in My-Quote modal/dropdown — hover affordance (2026-06-30) */
#myModal a.trash,
.cart-hiddens a.trash {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--accent) !important;
  text-decoration: none !important;
  transition: color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
#myModal a.trash:hover,
.cart-hiddens a.trash:hover {
  color: var(--white) !important;
  background-color: #e23b1e;
  transform: scale(1.1);
  box-shadow: 0 5px 14px rgba(226,59,30,.38);
}
#myModal a.trash i,
.cart-hiddens a.trash i { transition: transform .18s ease; }
#myModal a.trash:hover i,
.cart-hiddens a.trash:hover i { transform: scale(1.06); }

/* ============================================================
   Cart modal (#myModal) + header cart dropdown (.cart-hiddens):
   keep everything visually STATIC on hover — no container lift,
   no button transform/recolor, no trash circle. (2026-06-30, per
   request.) Scoped to the modal/dropdown only, so equipment-card
   hovers elsewhere are unaffected.
   ============================================================ */

/* Modal body is a .prod — kill the site-wide card lift/shadow on hover */
#myModal .prod:hover,
.cart-hiddens .prod:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* Primary button (SUBMIT REQUEST) — hover == resting state */
#myModal .btn-solid-alt.but-quote:hover,
.cart-hiddens .btn-solid-alt.but-quote:hover {
  background: var(--accent) linear-gradient(135deg, #FF6A3D 0%, var(--accent) 52%, var(--accent-hover) 100%) !important;
  box-shadow: 0 4px 12px rgba(240,81,35,.26) !important;
  transform: none !important;
}

/* Secondary button (CONTINUE BROWSING) — hover == resting state */
#myModal a.btn-solid-alt.modal-quote1:hover,
.cart-hiddens a.btn-solid-alt.modal-quote1:hover {
  background: #eef1f6 !important;
  color: var(--brand-navy) !important;
  border-color: #d4dae6 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Delete (trash) icon — hover == resting state (no circle, no scale) */
#myModal a.trash:hover,
.cart-hiddens a.trash:hover {
  color: var(--accent) !important;
  background-color: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}
#myModal a.trash:hover i,
.cart-hiddens a.trash:hover i { transform: none !important; }

/* ============================================================
   Country selector (GF#9 address, #myModalForm) — consistent,
   mobile-friendly native select + USA default (JS). 2026-06-30.
   ============================================================ */
#myModalForm select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: var(--white) !important;
  color: var(--ink) !important;
  font-size: 16px !important;          /* >=16px prevents iOS zoom-on-focus */
  line-height: 1.4 !important;
  min-height: 46px !important;
  width: 100% !important;
  padding: 10px 40px 10px 12px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 5px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23475569%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px !important;
  cursor: pointer;
}
#myModalForm select:focus {
  border-color: var(--accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(240,81,35,.15) !important;
}

/* Quote-request form modal (#myModalForm) — same static-on-hover fix as the
   cart modal: its body is also a .prod, so kill the site-wide card lift. */
#myModalForm .prod:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* ============================================================
   Quote-request form (GF#9 in #myModalForm) — AJAX-mode UX polish.
   Form is now ajax="true": errors render INLINE and the modal stays
   open (no reload). Clean, consistent error / focus / spinner styling
   scoped to this form only. 2026-06-30.
   ============================================================ */

/* Focus ring on all inputs + textarea, matching the country select */
#myModalForm input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
#myModalForm textarea:focus,
#myModalForm select:focus {
  border-color: var(--accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(240,81,35,.15) !important;
}

/* GF top validation summary — clean red alert (not a harsh full band) */
#gform_wrapper_9 .gform_validation_errors {
  background: #fff5f4 !important;
  border: 1px solid #f3b4a7 !important;
  border-left: 4px solid #e23b1e !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  margin: 0 0 18px !important;
  box-shadow: none !important;
}
#gform_wrapper_9 .gform_validation_errors h2,
#gform_wrapper_9 .gform_validation_errors .gform_submission_error,
#gform_wrapper_9 .gform_validation_errors > h2 > .gform-icon {
  color: #c0341c !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Invalid field — red border + faint tint, no jarring pink band */
#gform_wrapper_9 .gfield_error input,
#gform_wrapper_9 .gfield_error select,
#gform_wrapper_9 .gfield_error textarea {
  border-color: #e23b1e !important;
  background: #fffafa !important;
}
#gform_wrapper_9 .gfield_error,
#gform_wrapper_9 .gfield.gfield_error { background: transparent !important; border:0 !important; padding:0 !important; }

/* Field-level messages (GF + jQuery-validate label.error) — unified, sentence case */
#gform_wrapper_9 .gfield_validation_message,
#gform_wrapper_9 .validation_message,
#gform_9 label.error {
  color: #c0341c !important;
  background: transparent !important;
  border: 0 !important;
  padding: 4px 0 0 !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;     /* undo the global lowercase */
  letter-spacing: normal !important;
}

/* AJAX spinner — sized + centered inside the modal (was appearing below the page) */
#gform_wrapper_9 .gform_ajax_spinner,
#gform_ajax_spinner_9,
#gform_wrapper_9 .gform-loader {
  display: inline-block !important;
  width: 24px !important; height: 24px !important;
  margin: 0 auto 0 12px !important;
  vertical-align: middle !important;
}
#gform_wrapper_9 .gform_footer { text-align: center !important; align-items:center !important; justify-content:center !important; }

/* Confirmation (success) message — friendly green panel inside the modal */
#gform_confirmation_wrapper_9 .gform_confirmation_message,
#gforms_confirmation_message_9,
#gform_confirmation_message_9 {
  background: #f0faf3 !important;
  border: 1px solid #b6e2c4 !important;
  border-left: 4px solid #2e9e54 !important;
  border-radius: 6px !important;
  padding: 18px 20px !important;
  color: #1d6b38 !important;
  font-size: 15px !important;
  text-align: center !important;
}

/* GF9 summary heading uses .hide_summary (GF collapses it) — force it visible & aligned */
#gform_wrapper_9 .gform_validation_errors h2.gform_submission_error,
#gform_wrapper_9 .gform_validation_errors h2.hide_summary {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  height: auto !important;
  color: #c0341c !important;
}
#gform_wrapper_9 .gform_validation_errors .gform-icon {
  width: 18px !important; height: 18px !important; flex: 0 0 auto !important;
}

/* The form is set to hide_summary (rely on field-level errors). The generic top
   summary overlapped fields in the narrow modal, so keep it hidden as intended —
   each invalid field shows its own clear inline message (incl. reCAPTCHA). */
#gform_wrapper_9 .gform_validation_errors,
#gform_9_validation_container { display: none !important; }

/* ============================================================
   GF#9 submit loader + success effect (2026-06-30).
   Replaces the tiny GF spinner with animated dots ON the button,
   and a popped-in success confirmation with an animated check.
   ============================================================ */

/* Hide the GF default spinner — the button itself becomes the loader */
#gform_wrapper_9 .gform_ajax_spinner { display: none !important; }

/* Submitting state on the Submit button */
#gform_submit_button_9.mm-submitting {
  font-size: 0 !important;
  text-shadow: none !important;
  color: transparent !important;
  position: relative !important;
  pointer-events: none !important;
  cursor: progress !important;
}
#gform_submit_button_9 .mm-dots {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
#gform_submit_button_9 .mm-dots i {
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--white); display: inline-block;
  animation: mmDotBounce 1s infinite ease-in-out both;
}
#gform_submit_button_9 .mm-dots i:nth-child(1) { animation-delay: -0.32s; }
#gform_submit_button_9 .mm-dots i:nth-child(2) { animation-delay: -0.16s; }
@keyframes mmDotBounce {
  0%, 80%, 100% { transform: scale(0.45); opacity: 0.45; }
  40%           { transform: scale(1);    opacity: 1; }
}

/* Success confirmation — pop in + animated check badge */
#gform_confirmation_wrapper_9.mm-confirm-pop,
#gform_confirmation_message_9.mm-confirm-pop {
  animation: mmConfirmIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes mmConfirmIn {
  0%   { opacity: 0; transform: translateY(14px) scale(0.97); }
  100% { opacity: 1; transform: none; }
}
#gform_confirmation_message_9.mm-confirm-pop::before {
  content: "";
  display: block;
  width: 56px; height: 56px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background-color: #2e9e54;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 13l4 4L19 7%27/%3E%3C/svg%3E");
  background-size: 30px; background-position: center; background-repeat: no-repeat;
  box-shadow: 0 8px 22px rgba(46,158,84,.32);
  animation: mmCheckPop 0.45s 0.12s both cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes mmCheckPop { 0% { transform: scale(0) rotate(-20deg); } 100% { transform: scale(1) rotate(0); } }

/* ---- Breadcrumb bar modernization (mm-crumbs) 2026-07-02 ---- */
#ban-equipment.mm-crumbs{padding:14px 0 10px;}
#ban-equipment.mm-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;padding:0;}
#ban-equipment.mm-crumbs li{display:flex;align-items:center;font-size:13px;line-height:1.4;color:var(--brand-navy);font-weight:600;}
#ban-equipment.mm-crumbs li:not(:last-child)::after{content:"\203A";margin:0 10px;color:#c2c9d4;font-weight:400;font-size:14px;}
#ban-equipment.mm-crumbs a{color:var(--muted);font-weight:400;text-decoration:none;transition:color .15s ease;}
#ban-equipment.mm-crumbs a:hover{color:var(--brand-navy);text-decoration:underline;}
#ban-equipment.mm-crumbs li[aria-current="page"]{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
@media(max-width:576px){#ban-equipment.mm-crumbs li{font-size:12px;}#ban-equipment.mm-crumbs li:not(:last-child)::after{margin:0 7px;}}

/* mm-crumbs: neutralize legacy 257px banner rule (L772) that the removed inline height:50px used to override; keep pre-existing mobile hide (L1442 media query) */
#ban-equipment.mm-crumbs{height:auto;display:block;background:none;}
@media (min-width: 320px) and (max-width: 768px){#ban-equipment.mm-crumbs{display:none;}}

/* ===== Phase 2 (2d): canonical button system ===== */
.mm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:var(--btn-pad);border-radius:var(--radius);border:0;cursor:pointer;font-family:inherit;font-size:var(--fs-btn);font-weight:700;letter-spacing:.02em;line-height:1.2;text-decoration:none;color:var(--white);background:var(--accent) var(--btn-grad);box-shadow:var(--btn-shadow);transition:transform .15s ease,box-shadow .25s ease,background .2s ease;}
.mm-btn:hover{transform:translateY(-2px);box-shadow:var(--btn-shadow-hover);color:var(--white);text-decoration:none;}
.mm-btn--inverse{background:var(--white);color:var(--accent);box-shadow:0 6px 16px rgba(11,37,75,.18);}
.mm-btn--inverse:hover{background:#f3f3f3;color:var(--accent-hover);}
.mm-btn--ghost{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.65);box-shadow:none;}
.mm-btn--ghost:hover{background:rgba(255,255,255,.12);color:var(--white);box-shadow:none;}
.mm-btn--ghost-light{background:#eef1f6;color:var(--brand-navy);border:1px solid #d4dae6;box-shadow:none;}
.mm-btn--ghost-light:hover{background:#e4e9f2;color:var(--brand-navy);box-shadow:0 6px 16px rgba(38,56,120,.14);}

/***** sec7 — Explore Our Inventory (.mm-explore) *****/
.page-section.mm-explore{padding:120px 0 128px;}
.mm-explore__inner{max-width:1400px;margin:0 auto;padding:0 10%;}

.mm-explore__head{text-align:center;margin-bottom:36px;}
.mm-explore__eyebrow{font-size:var(--fs-eyebrow);font-weight:800;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent-hover);margin:0 0 10px;}
.mm-explore__title{font-family:var(--ff-head);font-size:var(--fs-h2);font-weight:var(--fw-head);line-height:var(--lh-head);letter-spacing:var(--ls-head);color:var(--brand-navy-deep);margin:0 0 10px;}
.mm-explore__sub{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);margin:0;}

.mm-explore__tabs{display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 32px;padding:5px;background:var(--white);border:1px solid var(--line);border-radius:999px;box-shadow:0 1px 4px rgba(11,37,75,.05);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.mm-explore__tabs::-webkit-scrollbar{display:none;}
.mm-explore__tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border:0;border-radius:999px;background:transparent;font-family:inherit;font-size:14.5px;font-weight:600;line-height:1.2;letter-spacing:.01em;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease;}
.mm-explore__tab:hover{color:var(--brand-navy);background:rgba(38,56,120,.06);}
.mm-explore__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.mm-explore__tab.is-active{background:var(--brand-navy);color:var(--white);font-weight:700;box-shadow:0 2px 6px rgba(38,56,120,.22);}
.mm-explore__count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:18px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;letter-spacing:.01em;background:rgba(38,56,120,.07);color:var(--brand-navy);}
.mm-explore__tab.is-active .mm-explore__count{background:rgba(255,255,255,.20);color:var(--white);}

.mm-explore__panel{animation:mmExploreFade .25s ease;}
@keyframes mmExploreFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}
.mm-explore__links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:0;padding:0;}
.mm-explore__link{display:inline-block;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:15px;font-weight:600;line-height:1.3;color:var(--ink);text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease;}
.mm-explore__link:hover{border-color:var(--accent);background:rgba(240,81,35,.06);color:var(--brand-navy-deep);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 10px rgba(240,81,35,.12);}
.mm-explore__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

@media (max-width: 1199px){ .mm-explore__inner{padding:0 5%;} }
@media (max-width: 767px){
  .page-section.mm-explore{padding:84px 0 92px !important;}
  .mm-explore__inner{padding:0 20px;}
  .mm-explore__head{margin-bottom:24px;}
  .mm-explore__tabs{justify-content:flex-start;width:auto;margin-left:-20px;margin-right:-20px;padding:5px 20px;border-radius:0;border-left:0;border-right:0;}
  .mm-explore__tab{padding:9px 15px;font-size:14px;}
  .mm-explore__links{justify-content:flex-start;gap:8px;}
  .mm-explore__link{font-size:14px;padding:8px 14px;}
}

/* ============================================================
   HOMEPAGE MOBILE/TABLET RESPONSIVE FIXES — 2026-07 (<=1199 only)
   Desktop >=1200px intentionally untouched.
   ============================================================ */

/* ---------- C1. Shared <=1199 overflow guards (3a/3b/3c) ---------- */
@media (max-width: 1199.98px) {
  .autocomplete-results { width: calc(100% - 2px); }
  #sec6 img { max-width: 100%; height: auto; }
  #sec1 .row.mt-5.text-center { margin-left: 0; margin-right: 0; }
}

/* ---------- C2. Tablet 768-1199: kill residual horizontal scroll ---------- */
@media (min-width: 768px) and (max-width: 1199.98px) {
  html, body { overflow-x: hidden; }
}

/* ---------- C3. Timeline tablet layout (1,2,4) ---------- */
@media (min-width: 768px) and (max-width: 1199.98px) {
  #sec3 .timeline:before { left: 50%; background-color: #e9ecef; bottom: 123px; }
  #sec3 .timeline > li .timeline-image {
    position: absolute; left: 50%; width: 66px; height: 66px; margin-left: -33px; margin-top: 0;
  }
  #sec3 .timeline > li .timeline-panel {
    position: relative; float: left; width: 41%; margin-left: 0; padding: 0 20px 20px 30px; text-align: left;
  }
  #sec3 .timeline > li .timeline-panel-right {
    float: right; width: 41%; padding: 0 20px 20px 30px; text-align: left;
  }
  #sec3 .timeline .timeline-body p.text-muted { max-height: none; overflow: visible; }
}

/* ---------- C4. Timeline mobile consistency (6,4) ---------- */
@media (max-width: 767.98px) {
  #sec3 .timeline > li .timeline-panel-right {
    position: relative; padding: 15px 10px 0; text-align: center;
  }
  #sec3 .timeline > li .timeline-image { margin-left: -33px; }
  #sec3 .timeline:before { display: none; }
  #sec3 .timeline .timeline-body p.text-muted { max-height: none; overflow: visible; }
}

/* ---------- C5. Our Partners row on tablet (5) ---------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  #sec6 .row.text-center { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
  #sec6 .col-lg-1 { display: none; }
  #sec6 .col-lg-2 { flex: 0 0 auto; width: 19%; max-width: 19%; margin-bottom: 0; }
}

/* ---------- C6. Explore tabs fit on tablet (7) ---------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  .mm-explore__tab { padding: 9px 14px; font-size: 14px; }
}

/* ---------- C7. Card tap targets + ITEM# badge (8) ---------- */
@media (max-width: 767.98px) {
  .but-item { width: auto; min-width: 92px; white-space: nowrap; padding: 6px 10px; font-size: 13px; }
  .but-new  { padding: 5px 12px; }
}

/* ---------- C8. Newsletter minor tighten (9 — POLISH ONLY) ---------- */
@media (max-width: 991.98px) {
  .newsletter-cta .gform_wrapper .gform_footer { margin: 12px 0 0 !important; }
}

/* ---------- C9. Homepage equipment carousels: breathing room between
   Swiper pagination bullets and the VIEW ALL PRODUCTS button (PHONE ONLY).
   Featured (#sec1) + Latest (#sec1) share markup; styles.css zeroes .mt-5
   at <=575.98px, cramping the dots against the button. Restore a comfortable
   gap. 576-1199 keeps its healthy 48px; desktop >=1200 untouched. — 2026-07-04 ---------- */
@media (max-width: 575.98px) {
  /* styles.css sets .mt-5{margin-top:0!important} at <=575.98, collapsing the
     gap; override it back to a comfortable ~24px on both carousels. */
  #sec1 .row.mt-5.text-center { margin-top: 24px !important; }
}

/* ============================================================
   C10. Timeline mobile: consistent circle-first order on ALL steps
   — 2026-07-04 (g). Replaces the earlier margin-top:86px hack (C7-f).
   Markup differs per step: odd steps (1,3) put the illustration
   .timeline-panel FIRST in the DOM (before the number circle), so the
   circle appeared detached above the image with the heading pushed far
   below. Even steps (2,4) already read circle -> heading -> text ->
   image. Use flexbox `order` so EVERY step reads the same:
   number circle -> heading+copy -> illustration card, with the number
   sitting tightly above its title. Mobile only; desktop (>=1200px) and
   the 768-1199 tablet layout (C3) are untouched.
   ============================================================ */
@media (max-width: 767.98px) {
  #sec3 .timeline > li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #sec3 .timeline > li > .timeline-panel,
  #sec3 .timeline > li > .timeline-panel-right,
  #sec3 .timeline > li > .text-center {
    float: none;
    width: 100%;
    max-width: 420px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  /* 1) number circle first, centered, tight above its title */
  #sec3 .timeline > li > .timeline-image {
    order: 1;
    position: relative;
    left: auto;
    margin: 0 auto 18px;
  }
  /* 2) heading + copy second (odd: .timeline-panel-right; even: the
        .timeline-panel that is NOT the first child) */
  #sec3 .timeline > li > .timeline-panel-right,
  #sec3 .timeline > li > .timeline-panel:not(:first-child) {
    order: 2;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0 10px;
  }
  /* 3) illustration card last (odd: first-child .timeline-panel holding
        the image; even: the bare .text-center image) */
  #sec3 .timeline > li > .timeline-panel:first-child,
  #sec3 .timeline > li > .text-center {
    order: 3;
    margin-top: 0;
    margin-bottom: 8px;
    padding: 0;
  }
}

/* ---------- C11. Homepage equipment carousels (Featured + Latest): make all
   cards the same size and align the CTA row, plus shorten long condition
   labels on small screens so they don't overflow the card. — 2026-07-05
   Scoped to .mm-eqswiper so the shared .prod card on grid/taxonomy/search
   pages is untouched. ---------- */

/* Equal-height cards: let Swiper slides stretch to the tallest slide, and let
   the white .prod card fill that height so every card lines up top and bottom.
   The MORE INFO / ADD TO QUOTE row (.context) is pinned to the card bottom. */
.mm-eqswiper .swiper-wrapper { align-items: stretch; }
.mm-eqswiper .swiper-slide { height: auto; }
.mm-eqswiper .swiper-slide > .row { height: 100%; margin-left: 0; margin-right: 0; }
.mm-eqswiper .prod { display: flex; flex-direction: column; width: 100%; height: 100%; margin-bottom: 0; }
.mm-eqswiper .prod .prod-txt { display: flex; flex-direction: column; flex: 1 1 auto; }
.mm-eqswiper .prod .prod-txt .context { margin-top: auto; }

/* Condition badge: below the desktop breakpoint swap the full label
   (e.g. "New & never installed") for its short form ("New") so the
   ITEM# + condition row stays inside the narrow card. */
.but-new .cond-short { display: none; }
@media (max-width: 991.98px) {
  .but-new .cond-full  { display: none; }
  .but-new .cond-short { display: inline; }
}

/* ============================================================
   MM-BTN-NORMALIZE-20260711  (site-wide button + font uniformity)
   One layer that maps every action/submit button to the canonical
   Add-to-Quote system:  primary = orange gradient,
   secondary-light = grey+navy, ghost-dark = white outline on navy.
   Skin only (bg/color/border/radius/shadow/weight/font) — geometry
   (padding/size/width) left to each button so layouts don't shift.
   Excludes Bootstrap utilities, filter chips, FAB, callout-white,
   view-more links, sort toggles, icon-only controls. Revert: delete
   from this sentinel to EOF and restore the .bak backup.
   ============================================================ */

/* ---- FONT: enforce Nunito Sans on text + controls (kills the
        styles.css Roboto Slab body var; custom.css loads last so
        no !important needed — wins Bootstrap by source order). ---- */
body,
input, button, select, textarea, optgroup,
.btn, .gform_button, .gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
  font-family: var(--ff-head);
}
/* footer menu ">" bullets used font-family:cursive */
#colophon .menu-item a:before { font-family: var(--ff-head); }

/* ---- PRIMARY: orange gradient (the Add-to-Quote look) ---- */
.mm-btn,
.mm-btn--solid,
.rc-btn,
.orangish-btn, a.orangish-btn,
.btn-book3,
.btn-blog, .btn-blog a,
.btn-read,
.btn-register,
.btn-contact,
.btn-solid,
.btn-dark,
.btn-tan, .btn-khaki, .btn-grey, .btn-grey-dark,
.mm-artbtn--solid,
.mm-abt-btn--primary,
.mm-404-btn,
.mm-ty-btn--primary,
.but-search,
.searchButton,
.gform_button, .gform_next_button,
.gform_wrapper button[id^="gform_submit_button_"],
button[id^="gform_submit_button_"] {
  background: var(--accent) var(--btn-grad) !important;
  color: var(--white) !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-family: var(--ff-head) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 4px 12px rgba(240,81,35,.26) !important;
  transition: background .25s ease, box-shadow .25s ease, transform .15s ease !important;
}
.mm-btn:hover,
.mm-btn--solid:hover,
.rc-btn:hover,
.orangish-btn:hover, a.orangish-btn:hover,
.btn-book3:hover,
.btn-blog:hover, .btn-blog a:hover,
.btn-read:hover,
.btn-register:hover,
.btn-contact:hover,
.btn-solid:hover,
.btn-dark:hover,
.btn-tan:hover, .btn-khaki:hover, .btn-grey:hover, .btn-grey-dark:hover,
.mm-artbtn--solid:hover,
.mm-abt-btn--primary:hover,
.mm-404-btn:hover,
.mm-ty-btn--primary:hover,
.but-search:hover,
.searchButton:hover,
.gform_button:hover, .gform_next_button:hover,
.gform_wrapper button[id^="gform_submit_button_"]:hover,
button[id^="gform_submit_button_"]:hover {
  background: var(--accent-hover) linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 55%, #B5360F 100%) !important;
  color: var(--white) !important;
  box-shadow: 0 8px 22px rgba(240,81,35,.40) !important;
  transform: translateY(-2px) !important;
}

/* ---- SECONDARY-LIGHT: grey + navy (lower emphasis on light bg) ---- */
.rc-btn-line,
.btn-catalog,
.mm-404-btn-out,
.mm-ty-btn--ghost,
.gform_previous_button,
.gform_page_footer .gform_previous_button {
  background: #eef1f6 !important;
  color: var(--brand-navy) !important;
  border: 1px solid #d4dae6 !important;
  border-radius: 6px !important;
  font-family: var(--ff-head) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: background .2s ease, box-shadow .2s ease, transform .15s ease !important;
}
.rc-btn-line:hover,
.btn-catalog:hover,
.mm-404-btn-out:hover,
.mm-ty-btn--ghost:hover,
.gform_previous_button:hover,
.gform_page_footer .gform_previous_button:hover {
  background: var(--line) !important;
  color: var(--brand-navy) !important;
  border-color: #c2cbdd !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(38,56,120,.14) !important;
}

/* ---- SECONDARY GHOST on DARK: white outline (stays legible on navy).
        Written LAST so `mm-btn mm-btn--ghost` overrides the primary
        skin applied to bare .mm-btn above. ---- */
.mm-btn--ghost,
.mm-btn--wghost,
.mm-btn-outline,
.rc-btn-ghost,
.mm-artbtn--ghost,
.mm-abt-btn--outline {
  background: transparent !important;
  color: var(--white) !important;
  border: 1.5px solid rgba(255,255,255,.7) !important;
  border-radius: 6px !important;
  font-family: var(--ff-head) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: background .2s ease, border-color .2s ease, transform .15s ease !important;
}
.mm-btn--ghost:hover,
.mm-btn--wghost:hover,
.mm-btn-outline:hover,
.rc-btn-ghost:hover,
.mm-artbtn--ghost:hover,
.mm-abt-btn--outline:hover {
  background: rgba(255,255,255,.14) !important;
  border-color: #fff !important;
  color: var(--white) !important;
  transform: translateY(-2px) !important;
}
/* ============ end MM-BTN-NORMALIZE-20260711 ============ */

/* ============================================================
   MM-EQLIST-TOP-20260711  (/equipment-list/ = page 289)
   Drop the breadcrumb bar + the "Search Equipment" heading so the
   light panel (#fafafa content-area) starts right under the nav.
   Scoped to page-id-289 only. Revert: delete this block.
   ============================================================ */
.page-id-289 #ban-equipment { display: none !important; }
.page-id-289 .filter.search > .label { display: none !important; }
/* the search field was spaced below the removed label — tighten the top */
.page-id-289 #primary.content-area { padding-top: 0 !important; }
.page-id-289 .filter.search { margin-top: 0 !important; }
/* ============ end MM-EQLIST-TOP-20260711 ============ */

/* ============================================================
   MM-CART-FEEDBACK-20260711  "Added to Quote" feedback
   Docket toast (bottom-right) + cart load-jolt + count pop.
   Triggered by mmCartFeedback() in footer-js.php. Navy/orange only.
   Revert: delete this block + the mmCartFeedback function/call.
   ============================================================ */

/* ---------- 1. Toast: quote-docket card, bottom-right ---------- */
#mm-quote-toast{
  position:fixed;right:24px;bottom:24px;z-index:100000;
  max-width:min(380px,calc(100vw - 32px));
  visibility:hidden;opacity:0;pointer-events:none;
}
#mm-quote-toast.mm-on{
  visibility:visible;opacity:1;pointer-events:auto;
  animation:mmQtIn .45s cubic-bezier(.18,1.25,.4,1) both;
}
#mm-quote-toast.mm-out{
  animation:mmQtOut .3s cubic-bezier(.5,0,.75,.4) forwards;
}
.mm-qt-card{
  position:relative;display:flex;align-items:center;gap:14px;
  padding:15px 20px 17px 15px;border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,#0b254b 0%,#263878 100%);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 44px rgba(11,37,75,.38),0 3px 10px rgba(11,37,75,.22),
             inset 0 1px 0 rgba(255,255,255,.07);
  font-family:'Nunito Sans',system-ui,sans-serif;
}
.mm-qt-badge{
  flex:0 0 38px;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#f05123,#ff8a5c);
  box-shadow:0 4px 12px rgba(240,81,35,.45);
}
#mm-quote-toast.mm-on .mm-qt-badge{
  animation:mmQtBadge .5s cubic-bezier(.2,1.6,.45,1) .1s both;
}
.mm-qt-badge svg{width:20px;height:20px;display:block}
.mm-qt-tick{stroke-dasharray:1;stroke-dashoffset:1}
#mm-quote-toast.mm-on .mm-qt-tick{
  animation:mmQtTick .45s ease-out .28s forwards;
}
.mm-qt-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.mm-qt-title{
  color:#fff;font-size:15px;font-weight:800;line-height:1.3;letter-spacing:.01em;
}
.mm-qt-view{
  color:#ff8a5c;font-size:13px;font-weight:700;text-decoration:none;
  display:inline-flex;align-items:center;gap:5px;width:fit-content;
}
.mm-qt-view:hover{color:#fff}
.mm-qt-view .mm-qt-arr{transition:transform .2s ease;display:inline-block}
.mm-qt-view:hover .mm-qt-arr{transform:translateX(3px)}
.mm-qt-life{
  position:absolute;left:0;bottom:0;height:3px;width:100%;
  background:linear-gradient(90deg,#f05123,#ff8a5c);
  transform-origin:left center;transform:scaleX(0);
}
#mm-quote-toast.mm-on .mm-qt-life{
  animation:mmQtLife 2.8s linear .15s forwards;
}
@keyframes mmQtIn{
  from{opacity:0;transform:translateY(18px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mmQtOut{
  to{opacity:0;transform:translateY(12px) scale(.97)}
}
@keyframes mmQtBadge{
  from{transform:scale(.4)} 60%{transform:scale(1.12)} to{transform:scale(1)}
}
@keyframes mmQtTick{to{stroke-dashoffset:0}}
@keyframes mmQtLife{from{transform:scaleX(1)} to{transform:scaleX(0)}}

/* ---------- 2. Cart "load jolt" + count pop (post re-render) ---------- */
.mm-cart-jolt{
  display:inline-block;transform-origin:50% 62%;
  animation:mmCartJolt .65s cubic-bezier(.28,.84,.42,1) both;
}
@keyframes mmCartJolt{
  0%  {transform:scale(1) rotate(0)}
  22% {transform:scale(1.3) rotate(-10deg)}
  46% {transform:scale(1.12) rotate(7deg)}
  68% {transform:scale(1.18) rotate(-3deg)}
  100%{transform:scale(1) rotate(0)}
}
.mm-count-pop{
  display:inline-block;
  animation:mmCountPop .6s cubic-bezier(.2,1.4,.4,1) both;
}
@keyframes mmCountPop{
  0%  {transform:scale(1)}
  30% {transform:scale(1.5);color:#f05123}
  60% {transform:scale(.95);color:#f05123}
  100%{transform:scale(1)}
}

@media (prefers-reduced-motion:reduce){
  #mm-quote-toast.mm-on,#mm-quote-toast.mm-out,
  #mm-quote-toast.mm-on .mm-qt-badge,
  #mm-quote-toast.mm-on .mm-qt-life,
  .mm-cart-jolt,.mm-count-pop{animation:none !important}
  #mm-quote-toast.mm-on .mm-qt-tick{animation:none;stroke-dashoffset:0}
  #mm-quote-toast.mm-out{opacity:0;transition:opacity .2s}
  #mm-quote-toast.mm-on .mm-qt-life{display:none}
}
/* ============ end MM-CART-FEEDBACK-20260711 ============ */
/* MM-CART-FEEDBACK-POS-20260711: move toast to bottom-CENTER so it clears the
   bottom-right chat widget + bottom-left accessibility widget. Auto-margins keep
   the existing translateY entrance/exit animations intact. */
#mm-quote-toast{ left:0 !important; right:0 !important; margin:0 auto !important; width:fit-content !important; bottom:26px !important; }

/* MM-SELL-SPINNER-20260711: cap + center the GF#4 ajax loader on Sell page
   (was a big uncapped circle on Next/Submit — sell.php only set margin-left).
   Matches the form-9 spinner sizing. Revert: delete this block. */
.mm-sell #gform_4 .gform_ajax_spinner,
.mm-sell #gform_4 .gform-loader,
.mm-sell #gform_wrapper_4 .gform_ajax_spinner,
.mm-sell #gform_wrapper_4 .gform-loader{
  width:26px !important; height:26px !important;
  min-width:0 !important; min-height:0 !important;
  max-width:26px !important; max-height:26px !important;
  margin:12px auto 0 !important; padding:0 !important;
  display:inline-block !important; vertical-align:middle !important;
  box-sizing:border-box !important;
}