.elementor-1338822 .elementor-element.elementor-element-dd67c8a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-dd67c8a */.rud-accessories ul { margin: 0; padding-left: 1.25rem; }
.rud-accessories > ul > li { margin-bottom: 1.5rem; }

/* ── Size options ───────────────────────────────────────────────────────── */
.rud-sizes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  max-width: 26rem;
  margin: .75rem 0 0;
}
/* The editor turns every newline into a <br>, and each one would take a grid
   cell. Hiding them makes the layout independent of how the HTML is formatted. */
.rud-sizes br { display: none; }

.rud-sizes .rud-label {
  grid-column: 1 / -1;
  margin-bottom: .1rem;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6b7280;
}

.rud-sizes a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;          /* a real tap target on phones */
  padding: .5rem .25rem;
  border: 2px solid #dcdcdc;
  border-radius: 0;
  background: #fff;
  color: #1f2937;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.rud-sizes a:hover {
  border-color: #bd112a;
  color: #bd112a;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
  transform: translateY(-1px);
}
.rud-sizes a:active { transform: translateY(0); box-shadow: none; }
.rud-sizes a:focus-visible { outline: 2px solid #bd112a; outline-offset: 2px; }

/* ── The option for the page you are on ─────────────────────────────────── */
.rud-sizes a.rud-current {
  border-color: #bd112a;
  background: #bd112a;
  color: #fff;
  cursor: default;
}
.rud-sizes a.rud-current:hover {
  background: #bd112a;
  color: #fff;
  transform: none;
  box-shadow: none;
}

/* ── Single product link (Header Plate) reads as the call to action ─────── */
.rud-sizes.rud-single { display: block; max-width: none; }
.rud-sizes.rud-single a {
  display: inline-flex;
  min-height: 2.75rem;
  padding: .5rem 1.5rem;
  border-color: #bd112a;
  background: #bd112a;
  color: #fff;
}
.rud-sizes.rud-single a:hover {
  background: #990e22;
  border-color: #990e22;
  color: #fff;
}/* End custom CSS */