/* Public footer: one coordinated grid across Astra's desktop/tablet breakpoints. */
.yms-site #colophon .site-primary-footer-wrap {
  padding: 52px 40px 44px;
}
.yms-site #colophon .ast-builder-grid-row-container-inner {
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  padding: 0;
}
.yms-site #colophon .site-primary-footer-inner-wrap {
  display: grid;
  grid-template-columns: minmax(170px,1.1fr) minmax(130px,.8fr) minmax(260px,1.7fr) minmax(160px,1fr);
  grid-template-areas: "brand links bikes account";
  gap: 36px;
  align-items: start;
}
.yms-site #colophon .site-footer-primary-section-1 { grid-area: brand; }
.yms-site #colophon .site-footer-primary-section-2 { grid-area: links; }
.yms-site #colophon .site-footer-primary-section-3 { grid-area: bikes; }
.yms-site #colophon .site-footer-primary-section-4 { grid-area: account; }
.yms-site #colophon .site-primary-footer-inner-wrap > .site-footer-section,
.yms-site #colophon .footer-widget-area,
.yms-site #colophon .widget {
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
.yms-site #colophon .widget_media_image figure { margin: 0; }
.yms-site #colophon .widget_media_image img {
  display: block;
  width: 220px !important;
  max-width: 100%;
  height: auto;
}
.yms-site #colophon .widget-title,
.yms-site #colophon .yms-footer-models h3 {
  color: #fff;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0 0 12px;
  text-align: left;
}
/* Keep the group heading for assistive technology; the visible columns name each brand. */
.yms-site #colophon .site-footer-primary-section-3 .widget-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.yms-site #colophon .yms-footer-models {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}
.yms-site #colophon .widget_nav_menu ul,
.yms-site #colophon .widget_nav_menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yms-site #colophon .widget_nav_menu .menu-link {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  padding: 9px 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: break-word;
}
.yms-site #colophon a:focus-visible {
  outline: 2px solid #ff7474;
  outline-offset: 4px;
}
.yms-site #colophon .site-below-footer-wrap { padding: 18px 40px; }
.yms-site #colophon .site-below-footer-inner-wrap {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 16px 32px;
}
.yms-site #colophon .site-below-footer-inner-wrap .site-footer-section,
.yms-site #colophon .site-below-footer-inner-wrap .ast-builder-layout-element {
  width: auto;
  margin: 0;
  padding: 0;
}
.yms-site #colophon .ast-footer-copyright,
.yms-site #colophon .ast-footer-copyright p,
.yms-site #colophon .ast-footer-copyright a { font-size: 12px; line-height: 1.7; text-align: left; }
.yms-site #colophon .ast-footer-copyright p { margin: 0; }
.yms-site #colophon .footer-social-inner-wrap { display: flex; flex-wrap: wrap; gap: 4px; }
.yms-site #colophon .footer-social-item { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; }
.yms-site #colophon .footer-social-item svg { width: 18px; height: 18px; }
@media (max-width: 1099px) {
  .yms-site #colophon .site-primary-footer-inner-wrap {
    grid-template-columns: minmax(0,1fr) minmax(0,1.8fr) minmax(0,1.2fr);
    grid-template-areas: "brand brand brand" "links bikes account";
    gap: 32px;
  }
  .yms-site #colophon .site-primary-footer-inner-wrap > .site-footer-primary-section-1 {
    padding-bottom: 28px;
    border-bottom: 1px solid #36373a;
  }
}
@media (max-width: 767px) {
  .yms-site #colophon .site-primary-footer-wrap { padding: 36px 24px; }
  .yms-site #colophon .site-primary-footer-inner-wrap {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-areas: "brand brand" "links account" "bikes bikes";
    gap: 28px 24px;
  }
  .yms-site #colophon .site-primary-footer-inner-wrap > .site-footer-primary-section-1 { padding-bottom: 24px; }
  .yms-site #colophon .widget_media_image img { width: 200px !important; }
  .yms-site #colophon .site-below-footer-wrap { padding: 20px 24px; }
  .yms-site #colophon .site-below-footer-inner-wrap { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .yms-site #colophon .site-below-footer-inner-wrap .ast-builder-layout-element { justify-content: flex-start; }
}
@media (max-width: 359px) {
  .yms-site #colophon .site-primary-footer-wrap { padding-inline: 20px; }
  .yms-site #colophon .site-primary-footer-inner-wrap,
  .yms-site #colophon .yms-footer-models { column-gap: 20px; }
  .yms-site #colophon .site-below-footer-wrap { padding-inline: 20px; }
}
