/* Shared Saucony foundations and the editable homepage compositions. */
html { scroll-behavior: smooth; }
body { font-family: var(--saucony-font); color: #000; background: #fff; }
button, input, select, textarea { font-family: inherit; }
body[data-page-type] :is(.body0,.body1,.body2,.body3,.body4,.body5,.body6,.title0,.title1,.title2,.title3,.title4,.title5,.title6,.body-font,.body-font-bold,.title-font,.title-font-bold) { font-family: var(--saucony-font); }
body[data-page-type="index"] #MainContent { overflow: clip; }
body[data-page-type="index"] :is(.block-heading,.block-description) { margin: 0; }
body[data-page-type="index"] :is(.block-heading,.block-description,.block-button) { font-family: var(--saucony-font); }
body[data-page-type="index"] .block-heading { letter-spacing: 0; text-transform: none; }
.saucony-editorial { position: relative; width: 100%; color: #fff; margin: 0 0 72px; isolation: isolate; }
.saucony-editorial__media { display: block; aspect-ratio: 2/1; width: 100%; overflow: hidden; background: #202322; }
.saucony-editorial__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--saucony-editorial-focal,center); }
.saucony-editorial__content { position: absolute; inset: 0; padding: 5.55vw; display: flex; align-items: center; z-index: 1; }
.saucony-editorial__content .image-banner__container { width: min(700px,65%); padding: 0!important; align-items: flex-start!important; gap: 32px!important; background: transparent!important; color: #fff; }
.saucony-editorial__content .block-heading { font-family: var(--saucony-font-display)!important; font-size: 48px; font-weight: 900; font-style: italic; line-height: .8; text-align: left; text-transform: uppercase!important; }
.saucony-editorial__content .block-description { font-size: 16px; line-height: 1.3; max-width: 600px; text-align: left; color: #fff; }
.saucony-editorial__content .block-button-group { width: 100%; justify-content: flex-start; }
.saucony-editorial__content :is(.button,.block-button) { min-height: 58px; min-width: 0; width: 360px; max-width: 100%; display: inline-flex; justify-content: space-between; align-items: center; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; background: transparent; color: #fff; padding: 16px 24px; font-size: 16px; font-weight: 400; line-height: 1.2; text-transform: none; box-shadow: none; }
.saucony-editorial__content :is(.button,.block-button)::after { content: "→"; position: static; inset: auto; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; transform: none; font-size: 24px; line-height: 1; margin-left: 20px; }
.saucony-editorial__content :is(.button,.block-button):hover { background: #fff; color: #000; }
[id$="__saucony_categories"] .custom-section { display: grid!important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px!important; width: 100%; padding: 0 5.55vw 72px!important; }
[id$="__saucony_categories"] .custom-section > .block-group { width: 100%!important; padding: 0!important; border-radius: 10px; overflow: hidden; aspect-ratio: 4/5; background: #e9e9e9; }
[id$="__saucony_categories"] .block-image { display: block; width: 100%!important; height: 100%!important; }
[id$="__saucony_categories"] .block-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
[id$="__saucony_categories"] .block-heading { position: absolute; left: 24px; top: 22px; z-index: 2; color: #fff; font-size: 24px; font-weight: 400; text-align: left; pointer-events: none; }
[id$="__saucony_categories"] .custom-section > .block-group::after { content: "→"; position: absolute; top: 24px; right: 24px; z-index: 2; color: #fff; font-size: 23px; line-height: 1; pointer-events: none; }
[id$="__saucony_categories"] .block-group > .url { z-index: 3; }
[id$="__saucony_categories"] .block-group:hover img { transform: scale(1.025); }
[id$="__saucony_social"] .custom-section { width: 100%; padding: 35px 0 72px!important; gap: 0!important; display: block!important; }
[id$="__saucony_social"] .custom-section > .block-group:first-of-type { padding: 0 5.55vw 32px!important; width: 100%!important; }
[id$="__saucony_social"] .block-heading { font-size: 24px; font-weight: 400; text-align: left; }
[id$="__saucony_social"] .custom-section > .block-group:last-child { display: grid!important; grid-template-columns: repeat(4,minmax(0,1fr)); width: 100%!important; gap: 0!important; padding: 0!important; }
[id$="__saucony_social"] .custom-section > .block-group:last-child > .block-group { padding: 0!important; width: 100%!important; overflow: hidden; aspect-ratio: 4/5; }
[id$="__saucony_social"] .block-image { width: 100%!important; height: 100%!important; display: block; }
[id$="__saucony_social"] .block-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
[id$="__saucony_social"] .block-group > .url { z-index: 2; }
[id$="__saucony_services"] .custom-section { display: grid!important; grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr)); gap: 16px!important; width: 100%; padding: 0 5.55vw 100px!important; }
[id$="__saucony_services"] .custom-section > .block-group { width: 100%!important; min-height: 140px; padding: 32px 62px 32px 32px!important; background: #f8f8f8; border: 1px solid #f4f4f4; border-radius: 4px; align-items: flex-start!important; justify-content: center!important; gap: 10px!important; }
[id$="__saucony_services"] .block-heading { font-size: 20px; font-weight: 400; text-align: left; line-height: 1.15; }
[id$="__saucony_services"] .block-description { font-size: 16px; text-align: left; line-height: 1.5; white-space: pre-line; }
[id$="__saucony_services"] .custom-section > .block-group::after { content: "→"; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); font-size: 22px; pointer-events: none; }
[id$="__saucony_services"] .block-group > .url { z-index: 2; }
@media(max-width:959px) {
  .saucony-editorial { margin-bottom: 32px; }
  .saucony-editorial__media { aspect-ratio: 4/5; }
  .saucony-editorial__media img { object-position: var(--saucony-editorial-mobile-focal,center); }
  .saucony-editorial__content { padding: 14px 3.78%; align-items: flex-end; }
  .saucony-editorial__content .image-banner__container { width: 100%; gap: 24px!important; }
  .saucony-editorial__content .block-heading { font-size: 25px; }
  [id$="__saucony_brand_0"] .saucony-editorial__content .block-heading { font-size: 20px; }
  .saucony-editorial__content .block-description { font-size: 14.18px; }
  .saucony-editorial__content :is(.button,.block-button) { min-height: 52px; font-size: 14px; width: 100%; padding: 14px 20px; }
  [id$="__saucony_categories"] .custom-section { display: flex!important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px!important; padding: 0 20px 32px!important; justify-content: flex-start!important; scrollbar-width: none; }
  [id$="__saucony_categories"] .custom-section > .block-group { width: 78vw!important; min-width: 78vw; scroll-snap-align: start; }
  [id$="__saucony_categories"] .block-heading { left: 18px; top: 18px; font-size: 22px; }
  [id$="__saucony_categories"] .custom-section > .block-group::after { top: 20px; right: 18px; }
  [id$="__saucony_social"] .custom-section { padding: 16px 0 32px!important; }
  [id$="__saucony_social"] .custom-section > .block-group:first-of-type { padding: 0 20px 24px!important; }
  [id$="__saucony_social"] .block-heading { font-size: 21px; }
  [id$="__saucony_social"] .custom-section > .block-group:last-child { display: flex!important; flex-direction: row!important; align-items: stretch!important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; justify-content: flex-start!important; }
  [id$="__saucony_social"] .custom-section > .block-group:last-child > .block-group { flex: 0 0 72vw; width: 72vw!important; min-width: 72vw; scroll-snap-align: start; }
  [id$="__saucony_services"] .custom-section { grid-template-columns: 1fr; padding: 0 20px 48px!important; gap: 12px!important; }
  [id$="__saucony_services"] .custom-section > .block-group { min-height: 115px; padding: 25px 55px 25px 25px!important; }
  [id$="__saucony_services"] .block-heading { font-size: 18px; }
  [id$="__saucony_services"] .block-description { font-size: 14px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  [id$="__saucony_categories"] .block-image img { transition: none; }
}