/* ********* CSS VARIABLES ********* */

:root {
  --brand-ridgid-red: #DA291C;
  --brand-ridgid-light-red: #E55A50;
  --brand-ridgid-darker-red: #B5221A;

  --brand-ridgid-dark: #2D383F;
  --brand-ridgid-white: #FFFFFF;

  --brand-ridgid-btn-gray:#E8E8E9;
  --brand-ridgid-btn-ligther-gray:#F0F0F0;

  --brand-ridgid-font: "Inter", sans-serif;

}

  

/* ********* HEADER ********* */

.ridgid-header a {
  outline: none;
  text-decoration: none;
}

.ridgid-header a:focus, a:visited {
  outline: none;
}


.ridgid-header {
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    box-sizing: border-box;
    padding: 1em 0;
    border: 0;
    background-color: var(--brand-ridgid-white);
    font-family: var(--brand-ridgid-font);
    border-bottom: 1px solid #000;
}
.ridgid-header > .row-fluid {
  max-width: 1170px;
  margin: 0 auto;
  padding: 7px 0;
  box-sizing: border-box;
}
.ridgid-header .span4.logo-ridgid-sws {
  width: 208px;
  padding-top: 5px;
  padding-left: 20px;
}

/* ********* NAV ********* */

.navbar .nav.navbar-ridgid-subsite {
  margin-right: 0;
  width: 100%;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-flex-wrap: nowrap;
  -moz-box-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.navbar .nav.navbar-ridgid-subsite > li.home-btn {
  flex: 0 0 auto;
  margin: 0 14px;
}
.navbar .nav.navbar-ridgid-subsite > li {
  flex: 0 0 auto;
  margin: 0 14px;
  display: flex;
  align-items: center;
  text-align: center;
  border-top: none;
  border-bottom: none;
  border-left: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
}
.navbar .nav.navbar-ridgid-subsite > li > a {
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  text-transform: none;
}
.navbar .nav.navbar-ridgid-subsite > li:first-child i.icon-home, li.home-btn.active-animation.dropdown i.icon-home.icon-blue {
  background-image: url(/images/pages/ridgid/ridgid-glyphicons-halflings.png);
  /* margin-top: 4px; */
}
.ridgid-header .row-fluid .navbar.navbar-inner-ridgid-subsite {
float: right;
}
.ridgid-header .subheading-nav {
    width: 71%;
    float: right;
    margin-top: 0;
}
.ridgid-header .row-fluid .navbar .nav-collapse.sws.collapse {
  margin-top: 10px;
}
.navbar-ridgid-subsite a.nav-home-icon > i {
  margin-top: 3px;
  display: inline-block;
  vertical-align: text-top;
}
.navbar-ridgid-subsite a.nav-home-icon img {
  filter: brightness(0);
  transition: filter 0.2s ease;
}
.navbar-ridgid-subsite a.nav-home-icon:hover img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(92%) saturate(2000%) hue-rotate(348deg) brightness(97%) contrast(96%);
}
.navbar.navbar-inner-ridgid-subsite .nav > li > a {
  text-shadow: none;
  color: var(--brand-ridgid-dark);
  font-weight: 600;
  display: block;
  font-size: 16px;
  white-space: break-spaces;
}


/* separators: dedicated li with fixed height — completely independent of nav item sizing */
.navbar .nav.navbar-ridgid-subsite > li.nav-sep {
  flex: 0 0 1px;
  width: 1px;
  background-color: var(--brand-ridgid-dark);
  height: 22px;
  margin: auto 0;
  padding: 0;
  border: none;
  box-shadow: none;
  pointer-events: none;
  text-align: left;
}

/* home button — (0,5,1) beats subsites.css .nav > li > a.nav-home-icon (0,4,2) */
.navbar.navbar-inner-ridgid-subsite .nav > :first-child > a.nav-home-icon {
  padding: 10px 20px 10px;
}

.navbar.navbar-inner-ridgid-subsite .nav > li > a > img{
  width: 18px;
  height: auto;
}

/* S-2 fix: raised to (0,4,1) to beat subsites.css compiled rule at (0,3,2) */
.navbar.navbar-inner-ridgid-subsite .navbar-ridgid-subsite .hover-underline-animation a {
    padding: 13px;
}
/* NAV HOVER COLOURS */
.navbar.navbar-inner-ridgid-subsite .nav > li > a:hover,
.navbar.navbar-inner-ridgid-subsite .nav > li > a:focus {
  background-color: transparent;
  background-image: none;
  color: var(--brand-ridgid-red);
}
.navbar.navbar-inner-ridgid-subsite .nav > li > a:active,
.navbar .nav.navbar-ridgid-subsite li.dropdown.open > .dropdown-toggle,
.navbar .nav.navbar-ridgid-subsite li.dropdown.active > .dropdown-toggle,
.navbar .nav.navbar-ridgid-subsite li.dropdown.open.active > .dropdown-toggle {
  color: var(--brand-ridgid-red);
  background-color: transparent;
  background-image: none;
}
.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: var(--brand-ridgid-red);
}
.hover-underline-animation::before {
  display: none;
}
.hover-underline-animation:hover::before {
  display: none;
}
/* Dropdown L1 hover — subsites.css has background/color/font-weight !important on
   .navbar-inner-ridgid-subsite .dropdown-menu li > a:hover (red flash).
   We need !important to override; RIDG-style.css loads after subsites.css → wins. */
.navbar-inner-ridgid-subsite .navbar-ridgid-subsite .dropdown-menu li > a:hover,
.navbar-inner-ridgid-subsite .navbar-ridgid-subsite .dropdown-menu li > a:focus,
.navbar-inner-ridgid-subsite .navbar-ridgid-subsite .dropdown-menu li > a:active {
  background-color: #F0F0F0 !important;
  background-image: none !important;
  color: var(--brand-ridgid-dark) !important;
  text-decoration: none;
  font-weight: 700 !important;
}

/* ======= RIDGID CATEGORIES DROPDOWN — 2 LEVELS ======= */

/* Main dropdown panel.
   Bootstrap .navbar .pull-right > li > .dropdown-menu (0,3,1) sets right:0; left:auto
   — needs !important to restore correct position. */
.ridgid-categories-menu {
  min-width: 280px;
  padding: 4px 0 8px;
  border-radius: 0;
  border: 0px;
  border-top: 8px solid var(--brand-ridgid-red);
  box-shadow: 2px 4px 12px rgba(0,0,0,0.15);
  background-color: var(--brand-ridgid-white);
  left: -14px !important; /* Bootstrap pull-right (0,3,1): left:auto → override */
  right: auto !important; /* Bootstrap pull-right (0,3,1): right:0  → override */
  top: 120%;
}

/* Red caret pointing up — sits above the red border-top.
   Bootstrap .navbar .nav > li > .dropdown-menu::before (0,3,2) overrides top/borders
   — needs !important on visual properties. */
.ridgid-categories-menu::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  top: -17px !important;
  left: 51px !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 12px solid transparent !important;
  border-right: 12px solid transparent !important;
  border-bottom: 12px solid var(--brand-ridgid-red) !important;
  border-top: none !important;
  background: transparent !important;
}
.ridgid-categories-menu::after {
  display: none !important; /* Bootstrap .navbar .nav > li > .dropdown-menu::after (0,3,2) */
}

/* Category list items */
.ridgid-categories-menu .ridgid-cat-item {
  list-style: none;
  /* position: relative handled by Bootstrap's .dropdown-submenu rule */
  text-align: left;
}

/* Category links — first level */
.ridgid-categories-menu .ridgid-cat-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 16px;
  font-family: var(--brand-ridgid-font);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
  color: var(--brand-ridgid-dark);
  text-decoration: none;
  background-color: transparent;
  white-space: normal;
  line-height: 1.3;
  border: none;
  box-shadow: none;
}
.ridgid-categories-menu .ridgid-cat-link:hover,
.ridgid-categories-menu .ridgid-cat-link:focus {
  background-color: #F0F0F0 !important; /* subsites.css: background red !important */
  color: var(--brand-ridgid-dark) !important; /* subsites.css: color white !important */
  text-decoration: none;
}
/* subsites.css has { background: red !important; color: white !important; font-weight: normal !important }
   on .navbar-inner-ridgid-subsite .dropdown-submenu:hover > a — needs !important to override. */
.navbar-inner-ridgid-subsite .ridgid-categories-menu .dropdown-submenu:hover > .ridgid-cat-link,
.navbar-inner-ridgid-subsite .ridgid-categories-menu .dropdown-submenu.open > .ridgid-cat-link {
  background-color: #F0F0F0 !important;
  background-image: none !important;
  color: var(--brand-ridgid-dark) !important;
  font-weight: 700 !important;
  text-decoration: none;
}

/* Bootstrap Icons chevron-right SVG — floated right, rotates on open */
.ridgid-chevron {
  display: inline-block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  -webkit-transition: -webkit-transform 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease;
  transition: transform 0.2s ease;
  line-height: 0;
}
/* Chevron rotates 90° when submenu is open */
.dropdown-submenu.open > .ridgid-cat-link .ridgid-chevron {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* Hide Bootstrap's auto-generated triangle arrow on submenu triggers */
.ridgid-categories-menu .dropdown-submenu > a::after {
  display: none;
}

/* Chevron color on hover and when open */
.ridgid-categories-menu .dropdown-submenu:hover > .ridgid-cat-link .ridgid-chevron,
.ridgid-categories-menu .dropdown-submenu.open > .ridgid-cat-link .ridgid-chevron {
  color: var(--brand-ridgid-red);
}

/* Second-level submenu panel */
.ridgid-submenu {
  left: 100%;
  right: auto;
  min-width: 240px;
  padding: 4px 0 8px;
  background-color: var(--brand-ridgid-white);
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 2px 4px 12px rgba(0,0,0,0.15);
  z-index: 1001;
}
/* S-7/8/9 fix: (0,5,0) beats Bootstrap .navbar .pull-right > li > .dropdown-menu .dropdown-menu (0,4,2)
   which sets right:100%; left:auto — flipping the submenu to the left side of the panel */
.navbar.navbar-inner-ridgid-subsite .ridgid-categories-menu > .ridgid-cat-item > .ridgid-submenu {
  left: 100%;
  right: auto;
  border-radius: 0;
}

/* Second-level links */
.ridgid-submenu li a {
  display: block;
  padding: 4px 16px;
  font-family: var(--brand-ridgid-font);
  font-size: 14px;
  font-weight: 700;
  color: var(--brand-ridgid-dark);
  text-decoration: none;
  background-color: transparent;
  text-align: left;
  white-space: normal;
  text-transform: none;
}
/* L2 hover — subsites.css has background/color/font-weight !important; needs !important to override */
.navbar-inner-ridgid-subsite .ridgid-submenu li a:hover,
.navbar-inner-ridgid-subsite .ridgid-submenu li a:focus {
  background-color: #F0F0F0 !important;
  color: var(--brand-ridgid-dark) !important;
  font-weight: 700 !important;
}

/* "View All" link in red */
.ridgid-submenu .ridgid-view-all a {
  color: var(--brand-ridgid-red);
  font-style: italic;
  font-weight: 600;
}
.ridgid-submenu .ridgid-view-all a:hover {
  color: var(--brand-ridgid-darker-red) !important; /* subsites.css: color white !important */
  background-color: var(--brand-ridgid-btn-ligther-gray) !important; /* subsites.css: background red !important */
}

/* ======= END RIDGID CATEGORIES DROPDOWN ======= */

/* ********* SEARCH BAR ********* */
.ridgid-search form#ProductDisplayForm button.btn.btn-default {
  border: 2px solid var(--brand-ridgid-red);
  background-color: var(--brand-ridgid-red);
  border-radius: 0;
  margin-top: 0px;
  height: 36px !important; /* platform refined-search injects style="height:34px" */
}
.ridgid-search form#ProductDisplayForm button.btn.btn-default i.icon-search,
.ridgid-mobile .mobile-search button .icon-search {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.099zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  vertical-align: middle;
  margin-top: 0 !important; /* platform refined-search injects style="margin:2px 0px 0 0px" */
}
/* .ridgid-search form#ProductDisplayForm button.btn.btn-default:hover
  i.icon-search {
  margin-top: 1px !important;
  background-image: url(/img/glyphicons-halflings-white.png);
} */
.ridgid-search.input-append {
  margin-left: 0;
  padding-right: 0;
}
.ridgid-search input#ProductSearch.appendInputButton {
  border-radius: 0;
  color: var(--brand-ridgid-dark);
  border: none;
  background-color: var(--brand-ridgid-btn-ligther-gray);
  height: 36px !important; /* platform refined-search injects style="height:24px" */
  width: 220px !important; /* platform refined-search injects style="width:100%" */
  box-sizing: border-box;
  line-height: 36px;
  padding: 0 10px;
}

.ridgid-search input#ProductSearch.appendInputButton::placeholder{
  color: var( --brand-ridgid-dark);
}


.ridgid-search input.refine-search.appendInputButton:focus,
.ridgid-search input.refine-search.appendInputButton:focus:invalid:focus {
  color: #093254;
  box-shadow: unset
    /* border-color: #d8d8d8; */
}
.ridgid-search
  input.refine-search.appendInputButton::-webkit-input-placeholder {
  /* Chrome, Opera, Safari */
  color: var(--brand-ridgid-dark);
}
.ridgid-search input.refine-search.appendInputButton:-moz-placeholder {
  /* Firefox 4-18 */
  color: var(--brand-ridgid-dark);
}
.ridgid-search input.refine-search.appendInputButton::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--brand-ridgid-dark);
}
.ridgid-search input.refine-search.appendInputButton:-ms-input-placeholder {
  /* IE 10-11 */
  color: var(--brand-ridgid-dark);
}
.ridgid-search input.refine-search.appendInputButton::-ms-input-placeholder {
  /* MS Edge */
  color: var(--brand-ridgid-dark);
}
.ridgid-search input.refine-search.appendInputButton::placeholder {
  /* your styles */
  color: var(--brand-ridgid-dark);
}

/* ********* END SEARCH BAR ********* */


/* ********* END HEADER ********* */
/* ********* HEROS ********* */

.ridgid-sws-store.carousel-top .carousel{
  margin-bottom: 0px;
}

/* Set a fixed height for the carousel inner to prevent jumping */
.ridgid-sws-store #myCarousel .carousel-inner.hero-section,
.ridgid-sws-store #myCarousel .carousel-inner.hero-section-french {
  margin-top: 0;
  height: 500px;
}

.ridgid-sws-store .sws-carousel-drop-shadow {
  overflow: hidden;
}

.ridgid-sws-store #myCarousel .hero-content {
  width: 1170px;
  display: grid;
  grid-template-columns: 3fr 4fr;
  grid-template-rows: 100%;
  height: 100%;
  margin: 0 auto;
}

.ridgid-sws-store #myCarousel .hero-content .product-image {
      height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    max-height: unset;
}

/* Fix inline gap: <a> wrapping the image must be block */
.ridgid-sws-store #myCarousel .product-image a {
  display: block;
  line-height: 0;
}

/* 975 Combo Roll Groover — vertically centered */
.ridgid-sws-store #myCarousel .carousel-02 .product-image {
  align-items: center;
}

/* Global: all product images stay within the 500px hero height */
.ridgid-sws-store #myCarousel .product-image img.desk-img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

/* K-750: portrait image — 496px, higher specificity via .hero-content */
.ridgid-sws-store #myCarousel .carousel-01 .hero-content .product-image img.desk-img {
  height: 496px;
  width: auto;
  max-width: none;
}

/* 975 Combo Roll Groover: landscape image — higher specificity via .hero-content */
.ridgid-sws-store #myCarousel .carousel-02 .hero-content .product-image img.desk-img {
  height: 400px;
  width: auto;
  max-width: none;
}

/* 31020 Pipe Wrench: higher specificity via .hero-content */
.ridgid-sws-store #myCarousel .carousel-03 .hero-content .product-image img.desk-img {
  height: 313px;
  width: auto;
  max-width: none;
}

/* 1602 Folding Rule: higher specificity via .hero-content */
.ridgid-sws-store #myCarousel .carousel-04 .hero-content .product-image img.desk-img {
  height: 216px;
  width: auto;
  max-width: none;
}

.ridgid-sws-store #myCarousel .text-content {
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2.5em;
  max-width: 460px;
}

.ridgid-sws-store .carousel-item-main-mobile {
  height: 100%;
}

.carousel-control-new {
  color: white;
  font-size: 40px;
  position: absolute;
  top: 50%;
  text-shadow: 1px 0px 2px rgba(0, 0, 0, 1);
}

.carousel-control-new.left {
  left: 10px;
}

.carousel-control-new.right {
  right: 10px;
}

.carousel-top.ridgid-sws-store {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  margin-top: -15px;
  margin-bottom: 0;
  background-image: url(/images/pages/ridgid/background-image-hero.webp);
  background-size: cover;
  background-position: center 65%;
}

.ridgid-hero-red-bar {
  width: 100vw;
  height: 55px;
  background-color: var(--brand-ridgid-red);
  position: relative;
  margin-left: -50vw;
  left: 50%;
  margin-bottom: 30px;
}

/* Other Carousel Styles */
.ridgid-sws-store #myCarousel h1 {
  font-size: 40px;
  margin-bottom: 10px;
  color: #fff;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-family: var(--brand-ridgid-font);
  line-height: 45px;
}

.ridgid-sws-store #myCarousel h2 {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  font-family: var(--brand-ridgid-font);
  padding-bottom: 0.5em;
  padding-right: 1em;
  white-space: normal;
}

.ridgid-sws-store #myCarousel .hero-content .text-content a {
  padding: 12px 40px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background-color: unset;
  margin-top: 20px;
  border: 1px solid #fff;
  width: fit-content;
  border-radius: 0px;
  font-family: var(--brand-ridgid-font);
}

.ridgid-sws-store #myCarousel .hero-content .text-content a::after {
  content: ' ›';
}

.ridgid-sws-store #myCarousel .hero-content .text-content a:hover {
  color: var(--brand-ridgid-red);
  background-color: #fff;
}
.ridgid-sws-store #myCarousel .hero-content .text-content a:focus,
.carousel-control-new:focus,
.carousel-indicators li:focus {
  outline: none;
}

/* ********* END Heroes ********* */

/* ********* BUTTONS ********* */

.ridgid-item .application-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--brand-ridgid-dark);
  text-align: center;
  margin-top: 10px;
  white-space: normal;
  font-family: var(--brand-ridgid-font);
}
/* Button-specific text override */
.ridgid-item.btn .application-title {
  position: relative;
  z-index: 3;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding-left: 32px;
  padding-right: 15px;
  letter-spacing: 0.03em;
  line-height: 1.3;
  text-shadow: none;
}

.sws-ridgid-buttons-fr .ridgid-item.btn-03 .application-title {
  margin-top: 15px;
}

.ridgid-item a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4;
}

.ridgid-item.side-ad .ridgid-side-ad-title p.application-title {
  font-size: 34px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  line-height: 40px;
  letter-spacing: 0.5px;
  margin: 0 0 10px 0;
  font-family: var(--brand-ridgid-font);
}

.ridgid-flex-container {
  display: flex;
}

.ridgid-item.side-ad .ridgid-application-img {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 16px;
}

.ridgid-item.side-ad .ridgid-application-img img {
  width: 95%;
  height: auto;
  object-fit: contain;
}

.sws-ridgid-buttons .ridgid-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 1em;
  width: 100%;
}

.ridgid-item {
  background-image: linear-gradient(to right, var(--brand-ridgid-btn-gray), var(--brand-ridgid-btn-ligther-gray));
  border-radius: 10px;
  padding: 10px;
  position: relative;
}

.ridgid-item.btn {
  min-height: 110px;  /* was height: 110px — allows cells to grow at very wide screens */
  border-radius: 0;
  border: none;
  padding: 0;
  overflow: hidden;
  background-image: none;
  display: flex;
  align-items: center;
}

/* Dark overlay */
.ridgid-item.btn::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.60);
  z-index: 1;
  transition: background-color 0.25s ease;
}

/* Red accent bar — not full height, centered vertically */
.ridgid-item.btn::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 55%;
  background-color: var(--brand-ridgid-red);
  z-index: 2;
  transition: background-color 0.25s ease;
}

.ridgid-item.btn-01 { grid-area: 1 / 1 / 2 / 2; }
.ridgid-item.btn-02 { grid-area: 1 / 2 / 2 / 3; }
.ridgid-item.btn-03 { grid-area: 2 / 1 / 3 / 2; }
.ridgid-item.btn-04 { grid-area: 2 / 2 / 3 / 3; }
.ridgid-item.btn-05 { grid-area: 3 / 1 / 4 / 2; }
.ridgid-item.btn-06 { grid-area: 3 / 2 / 4 / 3; }
.ridgid-item.btn-07 { grid-area: 4 / 1 / 5 / 2; }
.ridgid-item.btn-08 { grid-area: 4 / 2 / 5 / 3; }
.ridgid-item.btn-09 { grid-area: 5 / 1 / 6 / 2; }
.ridgid-item.btn-10 { grid-area: 5 / 2 / 6 / 3; }
.ridgid-item.side-ad { grid-area: 1 / 3 / 6 / 4; display: flex; flex-direction: column; justify-content: flex-start; padding: 24px 24px 34px; overflow: hidden; border-radius: 0; background: linear-gradient(to bottom, #000000 0%, #2C383F 90%); border-top: 20px solid var(--brand-ridgid-red); text-decoration: none; color: #fff; }

.ridgid-item .bnt-image {
  background-position: center;
  background-size: cover;
  border-radius: 0;
  /* buttons: full-bleed absolute coverage */
}
.ridgid-item.btn .bnt-image {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
}

.ridgid-item.btn-01 .bnt-image { background-image: url(/images/pages/ridgid/DIAGNOSTICS-INSPECTION-LOCATING.jpg); }
.ridgid-item.btn-02 .bnt-image { background-image: url(/images/pages/ridgid/PRESSING.jpg); background-position: center 30%; }
.ridgid-item.btn-03 .bnt-image { background-image: url(/images/pages/ridgid/DRAIN-CLEANING.jpg); }
.ridgid-item.btn-04 .bnt-image { background-image: url(/images/pages/ridgid/PIPE-PATCHINGi.jpg); background-position: center 70%; }
.ridgid-item.btn-05 .bnt-image { background-image: url(/images/pages/ridgid/THREADING-&-PIPE-FABRICATION.jpg); }
.ridgid-item.btn-06 .bnt-image { background-image: url('/images/pages/ridgid/WRENCHES-&-TUBING TOOLS.jpg'); }
.ridgid-item.btn-07 .bnt-image { background-image: url(/images/pages/ridgid/UTILITY-&-ELECTRICIANS-TOOLS.jpg); }
.ridgid-item.btn-08 .bnt-image { background-image: url('/images/pages/ridgid/GENERAL-PURPOSE-&-HAND-TOOLS.jpg'); }
.ridgid-item.btn-09 .bnt-image { background-image: url(/images/pages/ridgid/WET-DRY-VACS.jpg); }
.ridgid-item.btn-10 .bnt-image { background-image: url(/images/pages/ridgid/POWER-TOOLS.jpg); }

/* *** SIDE AD *** */

.ridgid-item.side-ad:hover .side-ad-btn {
  color: var(--brand-ridgid-red);
  background-color: #fff;
}

.ridgid-side-ad-cta {
  text-align: center;
}
.side-ad-btn {
  display: inline-block;
  width: auto;
  position: relative;
  color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
  padding: 12px 40px;
  font-weight: 600;
  background-color: transparent;
  border-radius: 0;
  font-family: var(--brand-ridgid-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;  /* prevents ::after ' ›' from wrapping to new line */
  transition: background-color 0.25s ease, color 0.25s ease;
}
.side-ad-btn::after {
  content: ' ›';
}
.side-ad-btn:hover {
  color: var(--brand-ridgid-red);
  border: 1px solid #fff;
  background-color: #fff;
  text-decoration: none;
}

.ridgid-item.side-ad .ridgid-side-ad-subtitle p.application-subtitle {
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  margin: 0 0 16px 0;
  line-height: 28px;
  text-align: left;
  font-family: var(--brand-ridgid-font);
}

/****** French ******/
.sws-ridgid-buttons-fr .ridgid-item.side-ad .ridgid-side-ad-title p.application-title{
  font-size: 28px;
}

.sws-ridgid-buttons-fr .side-ad-btn{
  padding: 12px 30px;
}

/****** end French ******/

/* *** END SIDE AD *** */

/* Buttons hover */

/* Overlay: darken on hover for better text contrast */
.ridgid-item.btn:hover::before {
  background-color: rgba(0, 0, 0, 0.80);
}
/* Accent bar: slightly darker on hover */
.ridgid-item.btn:hover::after {
  background-color: var(--brand-ridgid-darker-red);
}

/****** French ******/
.sws-ridgid-buttons-fr .ridgid-item.btn .application-title {
font-size: 13px;
}

/****** end French ******/
/* ********* END BUTTONS ********* */ 

/* ********* About Page ********* */

/* Hide breadcrumbs on About page */
.ridgid-header-nav .row-fluid.navbar.taxonomy-breadcrumbs,
.row-fluid.navbar.taxonomy-breadcrumbs.sws-breadcrumbs {
  display: none !important;
}

.ridgid-about .about-ridgid-hero {
  background-image: url(/images/pages/ridgid/ridgid-background.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 355px;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  align-items: center;
}

.about-us-logo {
  text-align: center;
}

.about-us-logo img {
  width: 19%;
}

.ridgid-hero-container {
  margin-top: -15px;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.row-fluid.about-ridgid-hero h1 {
  font-family: var(--brand-ridgid-font);
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  line-height: 120%;
  padding-bottom: 0.5em;
  color: black;
  margin: 0px;
}

span.hero-h1 {
  color: #f0f0f0;
  text-transform: capitalize;
}

.about-ridgid {
  margin-top: 0px;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  background: white;
  font-family: var(--brand-ridgid-font);
}

.about-ridgid-3 {
  margin-top: 0px;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  background-color: #333;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 25%;
  border-bottom: black 3px solid;
}

.text-with-indicator {
  position: relative;
  padding-left: 20px;
  display: block;
  width: fit-content;
}

.text-with-indicator::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 100%;
  background-color: var(--brand-ridgid-red);
}

.row-fluid.about-ridgid-container p {
  color: #000000;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
  padding: 0 1em;
  font-family: Arial, Helvetica, sans-serif;
}

.row-fluid.about-ridgid-container h2 {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 120%;
  text-align: left;
  margin: 0.5em 0.45em;
  padding: 0 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.row-fluid.about-ridgid-3 .row-fluid.about-ridgid-container h2 {
  color: white;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-align: left;
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.row-fluid.about-ridgid-3 .row-fluid.about-ridgid-container p {
  color: white;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}

.row-fluid.about-ridgid-container {
  margin: 0 auto;
  max-width: 1170px;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 20px;
}

.row-fluid.about-ridgid-main-content h2 {
  color: #041e32;
  font-weight: 700;
  text-align: center;
  font-size: 38px;
  line-height: 120%;
  padding-top: 0.5em;
}

.row-fluid.about-ridgid-main-content p {
  text-align: center;
  font-size: 18px;
  padding-bottom: 1em;
  font-family: Arial, Helvetica, sans-serif;
}

.about-us-blue-col {
  background: #c8cfde;
}

.about-us-application-title p {
  text-align: center;
  font-size: 15px;
  padding: 5px 20px 20px;
}

p.about-us-application-title-p {
  color: #ffffff;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 0.2em;
}

.row-fluid.about-ridgid-hero.about-us-hero {
  height: 300px;
  margin-bottom: 0;
}

.row-fluid.about-ridgid-main-content.last-p p {
  font-size: 16px;
  line-height: 150%;
}

/* French locale overrides */
.french-about-us .row-fluid.about-ridgid-hero h1 {
  font-size: 68px;
}

.french-about-us span.hero-h1 {
  font-size: 80px;
}

@media (max-width: 480px) {
  .french-about-us .row-fluid.about-ridgid-hero h1 {
    font-size: 36px;
    line-height: 120%;
  }
  .french-about-us span.hero-h1 {
    font-size: 64px;
  }
}

@media (max-width: 979px) {
  .ridgid-about .about-ridgid-hero {
    height: 250px;
  }
  .about-us-logo img {
    width: 28%;
  }
}

@media (max-width: 768px) {
  .ridgid-hero-container {
    margin-top: 0;
  }
  .ridgid-about .about-ridgid-hero {
    height: 220px;
  }
  .about-us-logo img {
    width: 36%;
  }
  .row-fluid.about-ridgid-container {
    padding: 28px 16px;
  }
  .row-fluid.about-ridgid-container h2,
  .row-fluid.about-ridgid-3 .row-fluid.about-ridgid-container h2 {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .ridgid-about .about-ridgid-hero {
    height: 180px;
  }
  .about-us-logo img {
    width: 50%;
  }
  .row-fluid.about-ridgid-container {
    padding: 20px 14px;
  }
  .row-fluid.about-ridgid-container h2,
  .row-fluid.about-ridgid-3 .row-fluid.about-ridgid-container h2 {
    font-size: 18px;
    padding: 0 0.5em 0 20px;
  }
  .row-fluid.about-ridgid-container p {
    font-size: 15px;
  }
}

/* ********* END About Page ********* */

/* =============================== RESPONSIVE BREAKPOINTS =============================== */

@media (min-width: 1200px) {
.ridgid-item.side-ad{
  max-height: none;
}
}

@media (max-width: 1199px) {
/* ********* HEADER ********* */
  .ridgid-header > .row-fluid {
    max-width: 940px;
    margin: 0 auto;
    padding: 17px 0 7px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .ridgid-header .span4.logo-ridgid-sws {
    width: 208px;
    flex: 0 0 208px;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
  }
  .ridgid-header .row-fluid .navbar.navbar-inner-ridgid-subsite {
    width: 100%;
    float: none;
  }
  .span8.subheading-nav, .ridgid-header .span8.subheading-nav {
    flex: 1 1 auto;
    width: auto;
    float: none;
    margin: 0;
  }
  .navbar .nav.navbar-ridgid-subsite {
    justify-content: flex-end;
  }
  .navbar .nav.navbar-ridgid-subsite > li:last-child {
    margin-left: 0;
  }
.ridgid-header .row-fluid .navbar .nav-collapse.sws.collapse {
    margin-top: 0;
}
/* ********* END HEADER ********* */

  .ridgid-sws-store #myCarousel .carousel-01 .product-image img {
    margin-top: 20px;
  }
  .ridgid-sws-store #myCarousel .text-content {
    padding-left: 2em;
  }
  .ridgid-sws-store #myCarousel .hero-content {
    grid-template-columns: 1fr 1fr;
    width: 940px;
  }
  .ridgid-item.btn {
    height: 90px;
  }
  .ridgid-item.btn .application-title {
    font-size: 12px;
  }
  .sws-ridgid-buttons-fr .ridgid-item.side-ad .ridgid-side-ad-title p.application-title {
    font-size: 22px;
    line-height: 28px;
  }


}

@media (max-width: 979px) {
/* ********* HEADER ********* */
  .navbar-inner.ridgid-mobile {
    background: white;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px;
  }

  .sws-mobile-header-nav  .dropdown{
    box-sizing: border-box;
  }

  .ridgid-mobile .span4 {
    margin: 0 15px 0 0;
    padding: 18px 0;
    width: 35%;
    max-width: 316px;
    flex-shrink: 0;
  }
  .ridgid-mobile img.brand.mobile-logo {
    width: 69%;
    padding: 0 20px 0 0;
    margin-left: 0px;
    display: block;
  }
  .ridgid-mobile .span8 {
    flex: 1 1 auto;
    width: auto;
    margin: 0;
    float: none;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .ridgid-mobile .ridgid-search form.input-append.span10 {
    width: 100%;
    margin-left: 0;
  }

  .ridgid-mobile .navbar-search {
    position: relative;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 0px;
    background-color: white;
  }
    .ridgid-mobile .input-append input {
      border-radius: 4px 0 0 4px;
    }
    .ridgid-mobile .input-append .btn {
      margin-left: -1px;
      padding: 6px 14px;
      border: 2px solid var(--brand-ridgid-light-red);
      background-color: var(--brand-ridgid-light-red);
      border-radius: 0 4px 4px 0;
      margin-top: 0px;
      height: 36px;
    }

    .ridgid-mobile .mobile-search .navbar-search #ProductSearch {
      border-radius: 4px 0 0 4px;
      color: var( --brand-ridgid-dark);
      border: 2px solid var(--brand-ridgid-light-red);
    }

    .ridgid-mobile .mobile-search .navbar-search #ProductSearch::placeholder{
      color: var( --brand-ridgid-dark);

    }

    .ridgid-mobile .mobile-search .navbar-search #ProductSearch:focus:invalid:focus {
      box-shadow: unset;
    }

    .carousel-top.ridgid-sws-store{
      margin-top: 25px;
    }

   


 
    .ridgid-mobile-sub-nav#mobile-sws-1{
        border-top: 1px solid white;
    }
    .ridgid-mobile-sub-nav{
        margin-top: -1px;
    }
      /* *** English *** */
    li.home-btn.active-animation.dropdown {
    width: 10%;
    }
    .ridgid-mobile #SWS-mobile-first-nav {
      width: 45%;
      border-left: 1px solid white;
      border-right: 1px solid white;
    }
    .ridgid-mobile #SWS-mobile-third-nav {
      width: 45%;
    }
   
    /* *** End English *** */

    /* *** HAMBURGER *** */
    .ridgid-mobile .sws-mobile-header-nav .btn-navbar {
      background-color: var(--brand-ridgid-red);
      border-image: initial;
      outline: none ;
      margin: 0px;
      padding: 4px 0px;
      width: 100%;
      float: none;
      box-sizing: border-box;
      border-radius: 0;
      border: none;
      margin-block: 0px;
      height: 27px;
      margin-top: -1px;
    }
    .navbar .ridgid-mobile .btn-navbar .icon-bar {
      width: 100%;
      max-width: 20px;
      background-color: #000;
      box-shadow: none;
      margin: 3px auto 3px;
    }
    /* *** END HAMBURGER *** */

  .ridgid-mobile .sws-mobile-header-nav .navbar-ridgid-subsite-mobile {
   background-color:var(--brand-ridgid-red) ;
    width: 100%;
    margin-top: 1px;
    left: 0px;
    border-radius: 0px;
    margin-right: 0px;
  }
/* Safari */
  @supports (-webkit-touch-callout: none) {
    .ridgid-mobile .sws-mobile-header-nav .navbar-ridgid-subsite-mobile {
       margin-bottom: 0px;
       
     }
}

  .ridgid-header-nav .sws-mobile-header-nav{
    margin-top: 0;
  }

  .ridgid-header-nav .row-fluid.sws-mobile-header-nav.accordion {
    background-color: var(--brand-ridgid-red);
    /* height: 20px; */
    color: #fff;
    
  } 

  .ridgid-mobile .sws-mobile-header-nav .nav > li > a{
  background: var(--brand-ridgid-red);
  font-size: 15px;
  
  text-align: center;
  text-transform: uppercase;
  border: none;
  font-weight: 600;
  padding: 3.5px;
  /* margin-bottom: 0px !important; */
  }

  .ridgid-mobile .sws-mobile-header-nav .nav > li > a:hover, .ridgid-mobile .sws-mobile-header-nav .btn-navbar:hover {
    background-color: var(--brand-ridgid-darker-red);
    /* margin-block: 0px; */
    color: #fff;

  }
  li.home-btn.active-animation.dropdown a{
  padding-bottom: 3.5px;
  }
  .ridgid-mobile li.home-btn.active-animation.dropdown:hover i.icon-home.icon-blue {
    background-image: url(/images/pages/ridgid/ridgid-glyphicons-halflings-white.png);
  }
  .ridgid-mobile .sws-mobile-header-nav .nav > li:nth-child(3):hover a{
  margin-right: -1px;
  }
  /* ===== MOBILE 2-LEVEL PRODUCTS MENU ===== */
  .ridgid-mobile .ridgid-mobile-cat-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: var(--brand-ridgid-btn-ligther-gray);
  }
  .ridgid-mobile .ridgid-mobile-cat-list > li {
    border-bottom: 1px solid #d0d0d0;
    list-style: none;
  }
  .ridgid-mobile .ridgid-mobile-cat-list > li:last-child {
    border-bottom: none;
  }
  /* Direct-link items */
  .ridgid-mobile .ridgid-mobile-cat-direct > a {
    display: block;
    padding: 11px 15px;
    color: var(--brand-ridgid-dark);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #f5f5f5;
  }
  .ridgid-mobile .ridgid-mobile-cat-direct > a:hover {
    background: #ebebeb;
    color: var(--brand-ridgid-light-red);
  }
  /* Toggle items (has sub) */
  .ridgid-mobile .ridgid-mobile-cat-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 15px;
    color: var(--brand-ridgid-dark);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #f5f5f5;
    cursor: pointer;
  }
  .ridgid-mobile .ridgid-mobile-cat-toggle:hover {
    background: #ebebeb;
    color: var(--brand-ridgid-light-red);
  }
  /* Chevron rotation */
  .ridgid-mobile .ridgid-mobile-chevron {
    flex-shrink: 0;
    margin-left: 8px;
    transition: transform 0.2s ease;
    color: var(--brand-ridgid-light-red);
  }
  .ridgid-mobile .ridgid-mobile-chevron svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    stroke-width: 1;
  }
  .ridgid-mobile .ridgid-mobile-cat-has-sub.sub-open > .ridgid-mobile-cat-toggle .ridgid-mobile-chevron {
    transform: rotate(90deg);
  }
  /* Sub-collapse list */
  .ridgid-mobile .ridgid-mobile-sub-collapse {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #ebebeb;
  }
  .ridgid-mobile .ridgid-mobile-sub-collapse > li {
    list-style: none;
    border-bottom: 1px solid #d8d8d8;
  }
  .ridgid-mobile .ridgid-mobile-sub-collapse > li:last-child {
    border-bottom: none;
  }
  .ridgid-mobile .ridgid-mobile-sub-collapse > li > a {
    display: block;
    padding: 9px 15px 9px 28px;
    color: var(--brand-ridgid-dark);
    font-size: 13px;
    text-decoration: none;
  }
  .ridgid-mobile .ridgid-mobile-sub-collapse > li > a:hover {
    background: #ddd;
    color: var(--brand-ridgid-light-red);
  }
  /* View All row */
  .ridgid-mobile .ridgid-mobile-sub-collapse > li.ridgid-mob-view-all > a {
    font-weight: 600;
    color: var(--brand-ridgid-light-red);
    padding-left: 28px;
  }
  .ridgid-mobile .ridgid-mobile-sub-collapse > li.ridgid-mob-view-all > a:hover {
    text-decoration: underline;
  }
  /* ===== END MOBILE 2-LEVEL PRODUCTS MENU ===== */

  /* ********* END HEADER ********* */

  .ridgid-sws-store #myCarousel .hero-content {
    width: 95vw;
    padding-inline: 20px;
  }
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section,
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section-french {
    margin-top: -18px;
  }
  .ridgid-sws-store #myCarousel .carousel-02 .text-content,
  .ridgid-sws-store #myCarousel .carousel-01 .text-content {
    padding-left: 3em;
  }
  .ridgid-sws-store {
    padding-top: 0px;
    margin-top: -27px;
  }
  .ridgid-sws-store #myCarousel h2 {
    font-size: 22px;
    line-height: 28px;
  }
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section,
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section-french {
    height: 450px;
  }
  .ridgid-sws-store #myCarousel h1 {
    font-size: 36px;
    line-height: 40px;
  }

  .ridgid-sws-store #myCarousel .hero-content {
    grid-template-columns: 1fr 1fr;
  }

  /* ********* HERO — per-carousel overrides ********* */
  /* K-750: 80% of desktop (496px) = ~400px; nudge closer to text */
  .ridgid-sws-store #myCarousel .carousel-01 .hero-content .product-image {
    justify-content: flex-start;
  }
  .ridgid-sws-store #myCarousel .carousel-01 .hero-content .product-image img.desk-img {
    height: 400px;
    width: auto;
    max-width: none;
  }
  /* 975 Combo Roll Groover */
  .ridgid-sws-store #myCarousel .carousel-02 .hero-content .product-image img.desk-img {
    height: 300px;
    width: auto;
    max-width: none;
  }
  /* 31020 Heavy-Duty Straight Pipe Wrench */
  .ridgid-sws-store #myCarousel .carousel-03 .hero-content .product-image img.desk-img {
    height: 264px;
    width: auto;
    max-width: none;
  }
  /* 1602 Fiberglass Folding Metric Rule */
  .ridgid-sws-store #myCarousel .carousel-04 .hero-content .product-image img.desk-img {
    height: 147px;
    width: auto;
    max-width: none;
  }
  /* ********* END HERO ********* */


}

@media (max-width: 979px) and (min-width: 768px) {

.ridgid-item.btn-06 .application-title{
  width:80%;
}

}
@media (max-width: 767px) {
/* ********* HEADER ********* */
.navbar-inner.ridgid-mobile {
    padding: 0;
    
}
.ridgid-mobile .sws-mobile-header-nav .navbar-ridgid-subsite-mobile {
    /* margin-top: 8px !important; */
    z-index: 9;
  }

/* ********* END HEADER ********* */

  /* Reset negative margins inherited from 979px block */
  .ridgid-sws-store {
    margin-top: 0;
  }
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section,
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section-french {
    margin-top: 0;
  }

/* ********* HERO ********* */
  .ridgid-sws-store #myCarousel .hero-section,
  .ridgid-sws-store #myCarousel .product-image {
    justify-content: start;
  }
  .ridgid-sws-store #myCarousel .product-image img {
    height: 300px;
    box-shadow: none;
  }

  /* Fix: product-image container matches hero height */
  .ridgid-sws-store #myCarousel .hero-content .product-image {
    height: 340px;
  }

  /* K-750: portrait image — fixed height to fit within 340px hero */
  .ridgid-sws-store #myCarousel .carousel-01 .hero-content .product-image img.desk-img {
    height: 310px;
    width: auto;
    max-width: none;
  }

  /* 975: center vertically (override desktop flex-end) + fix max-width */
  .ridgid-sws-store #myCarousel .carousel-02 .hero-content .product-image {
    align-items: center;
  }
  .ridgid-sws-store #myCarousel .carousel-02 .hero-content .product-image img.desk-img {
    max-width: 100%;
    width: auto;
  }
  .ridgid-sws-store #myCarousel .text-content,
  .ridgid-sws-store #myCarousel .carousel-02 .text-content {
    padding-top: 0;
    padding-right: 0;
  }
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section,
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section-french {
    box-shadow: none;
    height: 340px;
  }
  .ridgid-sws-store #myCarousel .text-content {
    margin-left: 0;
  }
  .ridgid-sws-store .sws-carousel-drop-shadow img {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
  }
  .ridgid-sws-store #myCarousel h2 {
    font-size: 16px;
    line-height: 22px;
  }
  .row-fluid.ridgid-sws-store.carousel-top ol.carousel-indicators.mshow.ipad-view-setting {
    margin-top: 1em;
    margin-bottom: 1em;
  }
/* ********* END HERO ********* */
/* ********* BUTTONS ********* */

  .sws-ridgid-buttons .ridgid-grid-container {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 1em;
  }
  .row-fluid.ipad-view-setting.sws-ridgid-buttons {
    padding: 0 15px;
    box-sizing: border-box;
  }
  .carousel-top.ridgid-sws-store {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .ridgid-sws-store #myCarousel h1 {
    font-size: 26px;
    line-height: 31px;
  }
  .ridgid-sws-store #myCarousel .hero-content {
    grid-template-columns: 1fr 1fr;
  }

  /* carousel-03: pipe wrench — constrain to column width, no overflow */
  .ridgid-sws-store #myCarousel .carousel-03 .hero-content .product-image {
    align-items: center;
  }
  .ridgid-sws-store #myCarousel .carousel-03 .hero-content .product-image img.desk-img {
    height: 200px;
    max-width: 100%;
    max-height: 100%;
  }
  .ridgid-item.side-ad {
    display: none;
  }
  .ridgid-item.btn:hover {
    box-shadow: 2px 3px 8px 2px rgba(0, 0, 0, 0.35);
  }

/* ********* END BUTTONS ********* */

}

@media (min-width: 601px) and (max-width:767px) {

.row-fluid.ipad-view-setting.sws-ridgid-buttons{
  height: auto;
}
}

@media (max-width: 600px) {
  .ridgid-sws-store #myCarousel h1 {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
  }

  .ridgid-mobile img.brand.mobile-logo{
    width: 85%;
  }
  .ridgid-sws-store #myCarousel .product-image {
    order: -1;
    justify-content: center;
  }
  .ridgid-sws-store #myCarousel .product-image img {
    height: 250px;
    box-shadow: none;
  }
  .ridgid-sws-store #myCarousel .hero-content .product-image {
    height: fit-content;
    justify-content: center;
  }
  .ridgid-sws-store .sws-carousel-drop-shadow img {
    height: 173px;
    width: auto;
  }
  .ridgid-sws-store #myCarousel h2 {
    width: 80%;
    margin: 10px 0px 5px 0px;
    text-align: center;
    padding: 0px;
  }
  .ridgid-sws-store #myCarousel .carousel-01 .text-content,
  .ridgid-sws-store #myCarousel .carousel-02 .text-content,
  .ridgid-sws-store #myCarousel .carousel-03 .text-content,
  .ridgid-sws-store #myCarousel .carousel-04 .text-content {
    padding: 0.5em 0 1em 0;
    display: flex;
    align-items: center;
  }
  .ridgid-sws-store #myCarousel .text-content {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline: 7vw;
  }
  .ridgid-sws-store #myCarousel .hero-content {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-template-rows: 3fr 2fr;
    padding: 0px;
  }

  /* Reset flex-start inherited from 979px breakpoint — centers product image horizontally */
  .ridgid-sws-store #myCarousel .carousel-01 .hero-content .product-image {
    justify-content: center;
  }

  /* carousel-02/03/04: align-self centers the container within its grid cell */
  .ridgid-sws-store #myCarousel .carousel-02 .hero-content .product-image,
  .ridgid-sws-store #myCarousel .carousel-03 .hero-content .product-image,
  .ridgid-sws-store #myCarousel .carousel-04 .hero-content .product-image {
    align-self: center;
    justify-content: center;
  }
  .ridgid-sws-store #myCarousel .carousel-02 .hero-content .product-image img.desk-img {
    height: 240px;
    width: auto;
    max-width: 100%;
  }
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section-french {
    box-shadow: none;
  }
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section,
  .ridgid-sws-store #myCarousel .carousel-inner.hero-section-french {
    height: 500px;
  }
  .ridgid-sws-store #myCarousel .carousel-btn {
    padding: 12px 34px;
    display: flex;
    justify-content: center;
    width: 40%;
  }
  .ridgid-flex-container {
    height: fit-content;
  }

.ridgid-item.btn-05, .ridgid-item.btn-06{
  overflow: hidden;
}

.ridgid-item.btn-06 .application-title, .ridgid-item.btn-01 .application-title, .ridgid-item.btn-02 .application-title, .ridgid-item.btn-05 .application-title{
  width:80%;
}

/* .carousel-02 .image-content removed — class renamed to .product-image */

}



@media (max-width: 480px) {
    .ridgid-item:not(.side-ad) {
        height: 7.5em;
    }
    .ridgid-sws-store #myCarousel .carousel-btn {
      width: 50%;
    }
   
    .ridgid-sws-store #myCarousel .hero-section-french h1 {
      line-height: 34px;
      font-size: 26px;
    }

      .ridgid-item.btn-08{
        overflow:hidden;
      }

    /* *** Header: logo + search bar on same row *** */
    .ridgid-header-nav .navbar-inner.ridgid-mobile {
        display: flex;
        flex-wrap: wrap;
        padding: 0 12px;
    }
    .navbar-inner.ridgid-mobile .span4 {
        flex: 0 0 145px;
        width: 145px;
        max-width: 145px;
        min-width: 0;       /* allows flex item to shrink below SVG intrinsic width */
        overflow: hidden;   /* clips SVG if it exceeds 145px */
        padding: 10px 0;
        margin-right: 15px;
        float: none !important; /* overrides inline style="float:left" */
    }
    .ridgid-mobile img.brand.mobile-logo {
        width: 90%;
        padding-right: 0;
    }
    .navbar-inner.ridgid-mobile .span8 {
        flex: 1 1 0%;
        width: 0;
        min-width: 0;
    }
    /* Make search chain fill its container */
    .navbar-inner.ridgid-mobile .ridgid-search,
    .navbar-inner.ridgid-mobile .ridgid-search .navbar-search {
        width: 100%;
    }
    /* Flex on the form so input fills and button stays visible */
    .navbar-inner.ridgid-mobile .ridgid-search form.input-append.span10 {
        display: flex;
        width: 100%;
        max-width: 100%;
    }
    .navbar-inner.ridgid-mobile .ridgid-search #ProductSearch {
        flex: 1 1 0%;
        min-width: 0;
        width: 0;
    }

}

@media (max-width: 399px) {
    /* *** Header: stack logo above search bar *** */
    .ridgid-header-nav .navbar-inner.ridgid-mobile {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 10px 12px 6px;
    }
    .navbar-inner.ridgid-mobile .span4 {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        overflow: visible;
        margin-right: 0;
        padding: 0;
    }
    .ridgid-mobile img.brand.mobile-logo {
        width: 160px;
    }
    .navbar-inner.ridgid-mobile .span8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .navbar-inner.ridgid-mobile .row-fluid.sws-mobile-header-nav {
        width: 100%;
    }

  .sws-ridgid-buttons .ridgid-grid-container {
    gap: 1.5em;
    margin-bottom: 1em;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(10, 1fr);
  }
  .ridgid-item.btn-01 { grid-area: unset; }
  .ridgid-item.btn-02 { grid-area: unset; }
  .ridgid-item.btn-03 { grid-area: unset; }
  .ridgid-item.btn-04 { grid-area: unset; }
  .ridgid-item.btn-05 { grid-area: unset; }
  .ridgid-item.btn-06 { grid-area: unset; }
  .ridgid-item.btn-07 { grid-area: unset; }
  .ridgid-item.btn-08 { grid-area: unset; }
  .ridgid-item.btn-09 { grid-area: unset; }
  .ridgid-item.btn-10 { grid-area: unset; }

}
@media (max-width: 329px) {
  
  .ridgid-sws-store #myCarousel h1 {
    font-size: 22px;
    line-height: 28px;
  }

  .ridgid-sws-store #myCarousel .hero-section-french h1 {
    line-height: 30px;
    font-size: 24px;
  }
  .ridgid-sws-store #myCarousel .hero-section-french h2 {
    font-size: 16px;
    line-height: 20px;
  }

}