html {
  min-height: 100%;
  background: var(--body-bg);
}
body {
  --inline-website-panel-width: 370px;
  --website-viewport-width: 100vw;
  --website-utility-bar-offset: 0px;
  --website-utility-bar-height: 58px;
  --website-sticky-top-offset: 0px;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  background: var(--body-bg);
  color: var(--body-text);
  font-family: var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  display: flex;
  flex-direction: column;
  overflow-x: clip;
}
body.hasInlineWebsiteBlockPanelOpen {
  --website-viewport-width: calc(100vw - var(--inline-website-panel-width));
  width: calc(100% - var(--inline-website-panel-width));
}
body.hasInlineWebsiteBlockPanelOpen .inlineWebsiteEditorBar { right: var(--inline-website-panel-width); }
.skipLink{
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 2000;
  transform: translateY(-140%);
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--body-text);
  color: var(--body-bg);
  font-weight: 800;
  text-decoration: none;
  transition: transform 120ms ease;
}
.skipLink:focus{
  transform: translateY(0);
}
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--nav-underline) 72%, #fff);
  outline-offset: 3px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
h1 { font-family: var(--website-font-h1), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
h2 { font-family: var(--website-font-h2), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
h3 { font-family: var(--website-font-h3), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }

.hasVerenoWebsiteBar {
  --vereno-inline-editor-height: 64px;
  padding-top: var(--vereno-inline-editor-height);
}

.inlineWebsiteEditorBar {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 10000;
  height: var(--vereno-inline-editor-height);
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(0, 2fr) minmax(190px, 1fr);
  align-items: center;
  gap: 20px;
  padding: 0 24px;
  color: #0d1b2a;
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid #e5e7eb;
  box-shadow: inset 0 3px 0 #2e90fa, 0 4px 16px rgba(13,27,42,.07);
  backdrop-filter: blur(14px);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-sizing: border-box;
}

.inlineWebsiteEditorIdentity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.inlineWebsiteEditorIdentity img {
  display: block;
  width: 116px;
  height: auto;
}
.inlineWebsiteEditorIdentity > strong:first-child { font-size: 18px; }
.inlineWebsiteEditorDivider {
  width: 1px;
  height: 24px;
  background: rgba(13,27,42,.28);
}
.inlineWebsiteEditorModule {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.035em;
}

.inlineWebsiteReleaseContext {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.inlineWebsiteReleaseName {
  display: block;
  max-width: min(30vw, 380px);
  overflow: hidden;
  color: #101828;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inlineWebsiteReleaseMeta {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #667085;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}
.inlineWebsiteReleaseKind,
.inlineWebsiteReleaseTimestamp {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.inlineWebsiteReleaseKind::before,
.inlineWebsiteReleaseTimestamp::before {
  color: #d0d5dd;
  content: '•';
}

.inlineWebsiteEditorStatus {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: #667085;
  background: #f2f4f7;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}
.inlineWebsiteEditorStatus::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #98a2b3;
  content: '';
}
.inlineWebsiteEditorStatus.is-editing {
  color: #175cd3;
  background: #eff8ff;
}
.inlineWebsiteEditorStatus.is-editing::before { background: #2e90fa; }

.inlineWebsiteEditorActions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 8px;
}

.inlineWebsiteEditorPrimary,
.inlineWebsiteEditorRevert,
.inlineWebsiteEditorExit {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
}

.inlineWebsiteEditorPrimary,
.inlineWebsiteEditorRevert,
.inlineWebsiteEditorExit {
  cursor: pointer;
}

.inlineWebsiteEditorPrimary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #2563eb;
  color: #fff;
  background: #2563eb;
}
.inlineWebsiteEditorPrimary svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.inlineWebsiteEditorExit {
  border: 1px solid #d0d5dd;
  color: #344054;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16,24,40,.04);
}

.inlineWebsiteEditorRevert {
  border: 1px solid transparent;
  color: #b42318;
  background: transparent;
}

.inlineWebsiteEditorPrimary:hover { background: #1d4ed8; }
.inlineWebsiteEditorExit:hover { background: #f9fafb; }
.inlineWebsiteEditorRevert:hover { background: #fef3f2; }
.inlineWebsiteEditorPrimary:focus-visible,
.inlineWebsiteEditorExit:focus-visible,
.inlineWebsiteEditorRevert:focus-visible { outline: 3px solid #84adff; outline-offset: 2px; }
.inlineWebsiteEditorPrimary:disabled,
.inlineWebsiteEditorExit:disabled,
.inlineWebsiteEditorRevert:disabled { cursor: wait; opacity: .6; }

.blockWrap[data-inline-block-edit="true"] {
  position: relative;
  outline: 1px dashed transparent;
  outline-offset: 4px;
  transition: outline-color .15s ease, box-shadow .15s ease;
}
.blockWrap[data-inline-block-edit="true"]:hover,
.blockWrap[data-inline-block-edit="true"]:focus-within,
.blockWrap[data-inline-block-edit="true"].is-inline-block-selected {
  outline-color: #2e90fa;
  box-shadow: 0 0 0 4px rgba(46,144,250,.1);
}
.blockWrap[data-inline-block-edit="true"].is-inline-block-selected { z-index: 1; }
.inlineWebsiteBlockEditButton {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 40;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #84adff;
  border-radius: 8px;
  color: #175cd3;
  background: rgba(255,255,255,.96);
  box-shadow: 0 2px 8px rgba(16,24,40,.12);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-2px);
  transition: opacity .15s ease, transform .15s ease, background .15s ease;
}
.blockWrap[data-inline-block-edit="true"]:hover > .inlineWebsiteBlockEditButton,
.blockWrap[data-inline-block-edit="true"]:focus-within > .inlineWebsiteBlockEditButton,
.blockWrap[data-inline-block-edit="true"].is-inline-block-selected > .inlineWebsiteBlockEditButton {
  opacity: 1;
  transform: translateY(0);
}
.inlineWebsiteBlockEditButton:hover { background: #eff8ff; }

.inlineWebsiteRichTextToolbarDock {
  position: sticky;
  top: 12px;
  z-index: 1900;
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 0 12px;
  border-bottom: 1px solid rgba(152,162,179,.22);
  background: var(--body-bg, #fff);
}
.inlineWebsiteRichTextToolbar {
  position: relative;
  z-index: 1;
  width: max-content;
  max-width: min(calc(100% - 16px), calc(var(--website-viewport-width) - 32px));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  color: #fff;
  background: #101828;
  box-shadow: 0 8px 24px rgba(16,24,40,.24);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.inlineWebsiteRichTextHeading,
.inlineWebsiteRichTextButton {
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
}
.inlineWebsiteRichTextHeading {
  max-width: 120px;
  padding: 0 28px 0 9px;
  color-scheme: dark;
  cursor: pointer;
}
.inlineWebsiteRichTextButton {
  padding: 0 9px;
  cursor: pointer;
}
.inlineWebsiteRichTextButton:disabled { opacity: .38; cursor: not-allowed; }
.inlineWebsiteRichTextButton svg { width: 16px; height: 16px; pointer-events: none; }
.inlineWebsiteRichTextButton[data-rich-text-action="italic"] { font-style: italic; }
.inlineWebsiteRichTextButton[data-rich-text-action="underline"] { text-decoration: underline; }
.inlineWebsiteRichTextHeading:hover,
.inlineWebsiteRichTextButton:hover,
.inlineWebsiteRichTextButton.is-active {
  background: rgba(255,255,255,.14);
}
.inlineWebsiteRichTextHeading:focus-visible,
.inlineWebsiteRichTextButton:focus-visible,
.inlineWebsiteRichTextLinkPopover input:focus-visible,
.inlineWebsiteRichTextLinkPopover button:focus-visible {
  outline: 3px solid #84adff;
  outline-offset: 1px;
}
.inlineWebsiteRichTextSeparator {
  width: 1px;
  height: 22px;
  margin: 0 2px;
  background: rgba(255,255,255,.2);
}
.inlineWebsiteRichTextPopover[hidden],
.inlineWebsiteRichTextTableTools[hidden] { display: none; }
.inlineWebsiteRichTextPopover {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 2;
  width: min(340px, calc(var(--website-viewport-width) - 32px));
  box-sizing: border-box;
  gap: 8px;
  padding: 10px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  color: #101828;
  background: #fff;
  box-shadow: 0 12px 32px rgba(16,24,40,.18);
  transform: translateX(-50%);
}
.inlineWebsiteRichTextLinkPopover {
  display: grid;
  width: min(380px, calc(var(--website-viewport-width) - 32px));
  gap: 12px;
  padding: 16px;
}
.inlineWebsiteRichTextLinkHeader,
.inlineWebsiteRichTextLinkActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.inlineWebsiteRichTextLinkHeader strong {
  color: #101828;
  font-size: 14px;
  line-height: 1.3;
}
.inlineWebsiteRichTextLinkClose {
  width: 32px;
  min-width: 32px;
  padding: 0 !important;
  border-color: transparent !important;
  color: #667085 !important;
}
.inlineWebsiteRichTextLinkClose:hover { background: #f2f4f7 !important; }
.inlineWebsiteRichTextLinkClose svg { width: 16px; height: 16px; pointer-events: none; }
.inlineWebsiteRichTextLinkField {
  display: grid;
  gap: 6px;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}
.inlineWebsiteRichTextLinkField input { width: 100%; }
.inlineWebsiteRichTextLinkHint {
  margin-top: -6px;
  color: #667085;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}
.inlineWebsiteRichTextLinkActions {
  padding-top: 12px;
  border-top: 1px solid #eaecf0;
}
.inlineWebsiteRichTextLinkRemove {
  border-color: transparent !important;
  color: #b42318 !important;
}
.inlineWebsiteRichTextLinkRemove:hover { background: #fef3f2 !important; }
.inlineWebsiteRichTextLinkActions button[type="submit"] { margin-left: auto; }
.inlineWebsiteRichTextLinkActions button[hidden] { display: none; }
.inlineWebsiteRichTextLinkPopover .inlineWebsiteRichTextCheckbox {
  min-height: 36px;
  padding: 0 2px;
}
.inlineWebsiteRichTextPopover input,
.inlineWebsiteRichTextPopover select {
  min-width: 0;
  height: 34px;
  box-sizing: border-box;
  padding: 0 9px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  color: #101828;
  background: #fff;
  font: inherit;
  font-size: 12px;
}
.inlineWebsiteRichTextPopover button,
.inlineWebsiteRichTextTableTools button {
  height: 34px;
  padding: 0 9px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  color: #344054;
  background: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.inlineWebsiteRichTextPopover button[type="submit"] {
  border-color: #2563eb;
  color: #fff;
  background: #2563eb;
}
.inlineWebsiteRichTextCheckbox {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #475467;
  font-size: 12px;
  white-space: nowrap;
}
.inlineWebsiteRichTextCheckbox input { width: 18px; height: 18px; margin: 0; accent-color: #2563eb; }
.inlineWebsiteRichTextEmojiPopover {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.inlineWebsiteRichTextEmojiPopover button {
  height: 38px;
  padding: 0;
  border-color: transparent;
  font-size: 20px;
}
.inlineWebsiteRichTextTablePopover { display: grid; }
.inlineWebsiteRichTextTableSizes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}
.inlineWebsiteRichTextTableTools {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  width: 100%;
  padding-top: 5px;
  border-top: 1px solid rgba(255,255,255,.18);
}
.inlineWebsiteRichTextTableTools button {
  height: 28px;
  border-color: rgba(255,255,255,.2);
  color: #fff;
  background: transparent;
}
.inlineWebsiteRichTextTableTools button[data-table-borders-state] {
  min-width: 92px;
}
.inlineWebsiteRichTextTableTools button[data-table-borders-state="visible"] {
  border-color: #84adff;
  background: #2563eb;
}
.inlineWebsiteRichTextTableTools button[data-table-borders-state="hidden"] {
  border-style: dashed;
  color: #d0d5dd;
}
.block-rich-text.is-inline-rich-text-editing table:not([data-cbx-borders="hidden"]) th,
.block-rich-text.is-inline-rich-text-editing table:not([data-cbx-borders="hidden"]) td {
  border-color: #84adff;
  border-style: solid;
}
.block-rich-text.is-inline-rich-text-editing table[data-cbx-borders="hidden"] th,
.block-rich-text.is-inline-rich-text-editing table[data-cbx-borders="hidden"] td {
  border-color: rgba(132,173,255,.82);
  border-style: dashed;
}
.block-rich-text.is-inline-rich-text-editing .tableWrapper {
  overflow-x: auto;
}
.block-rich-text.is-inline-rich-text-editing th,
.block-rich-text.is-inline-rich-text-editing td {
  position: relative;
}
.block-rich-text.is-inline-rich-text-editing .column-resize-handle {
  position: absolute;
  z-index: 2;
  top: -1px;
  right: -3px;
  bottom: -1px;
  width: 6px;
  pointer-events: none;
  background: #2e90fa;
}
.block-rich-text.is-inline-rich-text-editing.resize-cursor,
.block-rich-text.is-inline-rich-text-editing .resize-cursor {
  cursor: col-resize;
}
.inlineWebsiteTableRowResizeHandle {
  position: fixed;
  z-index: 2100;
  height: 12px;
  transform: translateY(-50%);
  cursor: row-resize;
  touch-action: none;
}
.inlineWebsiteTableRowResizeHandle::before {
  content: '';
  position: absolute;
  inset: 5px 0 auto;
  height: 2px;
  border-radius: 999px;
  background: #2e90fa;
  box-shadow: 0 0 0 1px rgba(255,255,255,.9);
}
.inlineWebsiteTableRowResizeHandle::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 1px;
  width: 22px;
  height: 10px;
  transform: translateX(-50%);
  border: 1px solid #84adff;
  border-radius: 999px;
  background: #fff;
}
.inlineWebsiteTableRowResizeHandle.is-dragging::after {
  background: #dbeafe;
}
.inlineWebsiteTableRowResizeHandle[hidden] { display: none; }
.inlineWebsiteRichTextImagePopover,
.inlineWebsiteRichTextButtonPopover { display: grid; }
.inlineWebsiteRichTextImageGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  max-height: 230px;
  overflow: auto;
}
.inlineWebsiteRichTextImageOption {
  display: grid;
  gap: 4px;
  height: auto !important;
  padding: 4px !important;
  overflow: hidden;
  text-align: left;
}
.inlineWebsiteRichTextImageOption.is-selected { border-color: #2563eb; box-shadow: 0 0 0 2px #dbeafe; }
.inlineWebsiteRichTextImageOption img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }
.inlineWebsiteRichTextImageOption span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.block-rich-text.is-inline-rich-text-editing .ProseMirror {
  min-height: 1.5em;
  outline: none;
}
.block-rich-text.is-inline-rich-text-editing .ProseMirror > :last-child { margin-bottom: 0; }
.inlineWebsiteRichTextImageNode {
  position: relative;
  max-width: 100%;
  margin: 12px 0;
  border-radius: 8px;
  line-height: 0;
  cursor: grab;
}
.inlineWebsiteRichTextImageNode[data-image-align="left"] { margin-left: 0; margin-right: auto; }
.inlineWebsiteRichTextImageNode[data-image-align="center"] { margin-left: auto; margin-right: auto; }
.inlineWebsiteRichTextImageNode[data-image-align="right"] { margin-left: auto; margin-right: 0; }
.inlineWebsiteRichTextImageNode:active { cursor: grabbing; }
.inlineWebsiteRichTextImageNode.is-moving { opacity: .72; cursor: grabbing; }
.inlineWebsiteRichTextDropIndicator {
  position: fixed;
  z-index: 2147483646;
  height: 3px;
  border-radius: 999px;
  background: #2e90fa;
  box-shadow: 0 0 0 2px rgba(255,255,255,.9), 0 2px 8px rgba(16,24,40,.24);
  pointer-events: none;
}
.inlineWebsiteRichTextDropIndicator::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  background: #2e90fa;
}
.inlineWebsiteRichTextImageNode > img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border-radius: inherit;
}
.inlineWebsiteRichTextImageNode.ProseMirror-selectednode {
  outline: 3px solid #2e90fa;
  outline-offset: 3px;
}
.inlineWebsiteRichTextImageMoveHint {
  position: absolute;
  top: 8px;
  left: 8px;
  display: none;
  padding: 6px 8px;
  border-radius: 7px;
  color: #fff;
  background: rgba(16,24,40,.88);
  font: 700 11px/1 Inter, ui-sans-serif, system-ui, sans-serif;
  pointer-events: none;
}
.inlineWebsiteRichTextImageResizeHandle {
  position: absolute;
  right: -9px;
  bottom: -9px;
  width: 22px;
  height: 22px;
  display: none;
  padding: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #2e90fa;
  box-shadow: 0 1px 5px rgba(16,24,40,.28);
  cursor: nwse-resize;
  touch-action: none;
}
.inlineWebsiteRichTextImageDelete {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #fda29b;
  border-radius: 7px;
  color: #b42318;
  background: rgba(255,255,255,.96);
  font: 700 11px/1 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}
.inlineWebsiteRichTextImageDelete:hover { background: #fef3f2; }
.inlineWebsiteRichTextImageDelete:focus-visible { outline: 3px solid #fda29b; outline-offset: 2px; }
.inlineWebsiteRichTextImageNode.ProseMirror-selectednode .inlineWebsiteRichTextImageMoveHint,
.inlineWebsiteRichTextImageNode.ProseMirror-selectednode .inlineWebsiteRichTextImageDelete,
.inlineWebsiteRichTextImageNode.ProseMirror-selectednode .inlineWebsiteRichTextImageResizeHandle { display: block; }
.inlineWebsitePendingBlock { position: relative; outline: 2px dashed #84adff; outline-offset: 3px; }
.inlineWebsitePendingBlockRemove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 28px;
  height: 28px;
  border: 1px solid #fda29b;
  border-radius: 50%;
  color: #b42318;
  background: #fff;
  font: 700 18px/1 Inter, sans-serif;
  cursor: pointer;
}

.inlineWebsiteBlockPanel[hidden] { display: none; }
.inlineWebsiteBlockPanel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: var(--inline-website-panel-width);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: #101828;
  background: #fff;
  border-left: 1px solid #e4e7ec;
  box-shadow: none;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.inlineWebsiteBlockPanelHeader {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 16px;
  border-bottom: 1px solid #e4e7ec;
}
.inlineWebsiteBlockPanelHeader > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.inlineWebsiteBlockPanelHeader span {
  color: #175cd3;
  font-size: 11px;
  font-weight: 700;
}
.inlineWebsiteBlockPanelHeader strong {
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inlineWebsiteBlockPanelClose {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 8px;
  color: #475467;
  background: transparent;
  font: 400 26px/1 Inter, sans-serif;
  cursor: pointer;
}
.inlineWebsiteBlockPanelClose:hover { background: #f2f4f7; }
.inlineWebsiteBlockForm {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.inlineWebsiteBlockPanelLoading,
.inlineWebsiteBlockPanelFields {
  padding: 20px;
}
.inlineWebsiteBlockPanelLoading { color: #667085; font-size: 13px; }
.inlineWebsiteBlockPanelFields {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  padding: 24px 16px;
}
.inlineWebsiteBlockContentFields { display: grid; gap: 16px; margin-top: 16px; }
.inlineWebsiteRichTextLanguages {
  margin-top: 18px;
}
.inlineWebsiteRichTextLanguages[hidden] { display: none; }
.inlineWebsiteBlockField[hidden] { display: none; }
.inlineWebsiteBlockField {
  display: grid;
  gap: 6px;
  color: #344054;
  font-size: 12px;
  font-weight: 650;
}
.inlineWebsiteBlockField input[type="text"],
.inlineWebsiteBlockField input[type="url"],
.inlineWebsiteBlockField input[type="number"],
.inlineWebsiteBlockField input[type="search"],
.inlineWebsiteBlockField textarea,
.inlineWebsiteBlockField select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 10px 12px;
  color: #101828;
  background: #fff;
  font: 400 14px/1.45 Inter, ui-sans-serif, system-ui, sans-serif;
  resize: vertical;
}
.inlineWebsiteSocialEditor,
.inlineWebsiteSponsorEditor { display: grid; gap: 20px; }
.inlineWebsiteSocialEditor[hidden],
.inlineWebsiteSponsorEditor[hidden],
.inlineWebsiteBlockStep[hidden],
.inlineWebsiteSocialDesignGroup[hidden] { display: none; }
.inlineWebsiteEditorSteps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 4px;
}
.inlineWebsiteEditorSteps button {
  min-height: 48px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  color: #667085;
  background: #fff;
  font: 650 13px/1 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}
.inlineWebsiteEditorSteps button span {
  display: inline-grid;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  place-items: center;
  border-radius: 50%;
  background: #f2f4f7;
  font-size: 11px;
}
.inlineWebsiteEditorSteps button.is-active {
  border-color: #84adff;
  color: #175cd3;
  background: #eff8ff;
}
.inlineWebsiteEditorSteps button.is-active span { color: #fff; background: #2563eb; }
.inlineWebsiteBlockStep { display: grid; gap: 20px; padding-top: 20px; }
.inlineWebsiteSocialDesignGroup { display: grid; gap: 16px; }
.inlineWebsiteSocialDesignGroup + .inlineWebsiteSocialDesignGroup {
  padding-top: 20px;
  border-top: 1px solid #e4e7ec;
}
.inlineWebsiteSocialDesignGroupHeader { display: grid; gap: 4px; }
.inlineWebsiteSocialDesignGroupHeader strong { color: #101828; font-size: 14px; }
.inlineWebsiteSocialDesignGroupHeader span { color: #667085; font-size: 12px; line-height: 1.45; }
.inlineWebsiteSponsorFieldset{ display:grid; gap:8px; margin:0; padding:0; border:0; }
.inlineWebsiteSponsorFieldset legend{ margin-bottom:6px; color:#344054; font-size:12px; font-weight:650; }
.inlineWebsiteSponsorChoices{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.inlineWebsiteSponsorChoice{
  min-height:120px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-content:center;
  align-items:center;
  gap:16px 8px;
  padding:16px;
  border:1px solid #e4e7ec;
  border-radius:10px;
  color:#344054;
  background:#fff;
  cursor:pointer;
}
.inlineWebsiteSponsorChoice > svg{
  grid-column:1/-1;
  justify-self:center;
  width:36px;
  height:36px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.inlineWebsiteSponsorChoice:has(input:checked),
.inlineWebsiteSponsorLayouts label:has(input:checked){ border-color:#84adff; background:#eff8ff; }
.inlineWebsiteSponsorChoice input,
.inlineWebsiteSponsorLayouts input{ margin-top:2px; accent-color:#2563eb; }
.inlineWebsiteSponsorChoice span,
.inlineWebsiteSponsorLayouts span,
.inlineWebsiteSponsorActiveRule > span:first-child{ display:grid; gap:3px; }
.inlineWebsiteSponsorChoice strong,
.inlineWebsiteSponsorLayouts strong,
.inlineWebsiteSponsorActiveRule strong{ font-size:13px; }
.inlineWebsiteSponsorChoice small,
.inlineWebsiteSponsorLayouts small,
.inlineWebsiteSponsorActiveRule small,
.inlineWebsiteBlockField small{ color:#667085; font-size:11px; font-weight:400; line-height:1.4; }
.inlineWebsiteSponsorActiveRule{ display:flex; align-items:center; justify-content:space-between; gap:16px; color:#344054; }
.inlineWebsiteToggle{ position:relative; width:34px; height:20px; flex:0 0 auto; border-radius:999px; background:#98a2b3; }
.inlineWebsiteToggle::after{ content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; }
.inlineWebsiteToggle.is-on{ background:#2563eb; }
.inlineWebsiteToggle.is-on::after{ left:17px; }
.inlineWebsiteSponsorSummary{ min-height:52px; display:flex; align-items:center; gap:12px; margin:0; padding:12px; box-sizing:border-box; border:1px solid #e4e7ec; border-radius:8px; color:#344054; background:#fff; font-size:12px; font-weight:500; }
.inlineWebsiteSponsorSummary svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; }
.inlineWebsiteSponsorLayouts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.inlineWebsiteSponsorMotionChoices{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.inlineWebsiteSponsorMotionChoices label{ min-height:104px; }
.inlineWebsiteSponsorLayouts label{ min-width:0; min-height:112px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:12px 8px; box-sizing:border-box; border:1px solid #e4e7ec; border-radius:8px; color:#344054; background:#fff; cursor:pointer; }
.inlineWebsiteSponsorLayouts label > svg{ width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.inlineWebsiteSponsorLayouts label span{ min-width:0; display:flex; align-items:center; justify-content:center; gap:6px; }
.inlineWebsiteSponsorLayouts label input{ margin:0; }
.inlineWebsiteSponsorCarouselSettings{ display:grid; grid-template-columns:1fr; gap:16px; }
.inlineWebsiteSponsorCarouselSettings[hidden]{ display:none; }
.inlineWebsiteSponsorStepper{ display:grid; grid-template-columns:40px minmax(0,1fr) 40px; }
.inlineWebsiteSponsorStepper button,
.inlineWebsiteSponsorStepper input{ min-height:36px; border:1px solid #d0d5dd; border-radius:0; color:#101828; background:#fff; text-align:center; }
.inlineWebsiteSponsorStepper button{ font:500 20px/1 Inter,sans-serif; cursor:pointer; }
.inlineWebsiteSponsorStepper button:first-child{ border-radius:8px 0 0 8px; }
.inlineWebsiteSponsorStepper button:last-child{ border-radius:0 8px 8px 0; }
.inlineWebsiteSponsorStepper input{ margin-inline:-1px; padding:0; appearance:textfield; }
.inlineWebsiteSponsorStepper input::-webkit-inner-spin-button{ appearance:none; }
.inlineWebsiteSponsorCarouselHelp{ margin:-8px 0 0; color:#667085; font-size:11px; line-height:1.4; }
.inlineWebsiteSponsorRangeHeading,
.inlineWebsiteSponsorRangeScale{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.inlineWebsiteSponsorRangeHeading output{ color:#175cd3; font-size:12px; font-weight:700; }
.inlineWebsiteSponsorRangeScale{ color:#667085; font-size:10px; }
.inlineWebsiteSponsorRange{
  width:100%;
  height:20px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  appearance:none;
}
.inlineWebsiteSponsorRange::-webkit-slider-runnable-track{
  height:6px;
  border-radius:999px;
  background:linear-gradient(to right,#2563eb 0 var(--sponsor-range-progress),#e4e7ec var(--sponsor-range-progress) 100%);
}
.inlineWebsiteSponsorRange::-webkit-slider-thumb{
  width:20px;
  height:20px;
  margin-top:-7px;
  border:3px solid #2563eb;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(16,24,40,.18);
  appearance:none;
}
.inlineWebsiteSponsorRange::-moz-range-track{ height:6px; border-radius:999px; background:#e4e7ec; }
.inlineWebsiteSponsorRange::-moz-range-progress{ height:6px; border-radius:999px; background:#2563eb; }
.inlineWebsiteSponsorRange::-moz-range-thumb{ width:14px; height:14px; border:3px solid #2563eb; border-radius:50%; background:#fff; }
.inlineWebsiteSponsorBrandingNote{ display:flex; align-items:flex-start; gap:8px; margin:0; padding:12px; border:1px solid #b2ccff; border-radius:8px; color:#475467; background:#eff8ff; font-size:11px; line-height:1.4; }
.inlineWebsiteSponsorBrandingNote[hidden]{ display:none; }
.inlineWebsiteSponsorBrandingNote span{ color:#2563eb; }
@media(max-width:520px){
  .inlineWebsiteSponsorChoices,
  .inlineWebsiteSponsorLayouts{ grid-template-columns:1fr; }
}
.inlineWebsiteBackgroundImageSelection {
  min-height: 64px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  overflow: hidden;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #f9fafb;
}
.inlineWebsiteBackgroundImageSelection img {
  width: 64px;
  height: 64px;
  object-fit: cover;
}
.inlineWebsiteBackgroundImageSelection > span:not(.inlineWebsiteBackgroundImageEmpty) {
  overflow: hidden;
  padding-right: 12px;
  color: #344054;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inlineWebsiteBackgroundImageEmpty {
  grid-column: 1 / -1;
  padding: 20px;
  color: #667085;
  font-size: 12px;
  text-align: center;
}
.inlineWebsiteBackgroundImagePicker {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #f9fafb;
}
.inlineWebsiteBackgroundImagePicker[hidden] { display: none; }
.inlineWebsiteBackgroundImageStatus { min-height: 18px; color: #667085; font-size: 11px; }
.inlineWebsiteBackgroundImageGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 288px;
  overflow: auto;
}
.inlineWebsiteBackgroundImageOption {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 4px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  color: #344054;
  background: #fff;
  font: 600 11px/1.3 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}
.inlineWebsiteBackgroundImageOption:hover,
.inlineWebsiteBackgroundImageOption.is-selected { border-color: #84adff; background: #eff8ff; }
.inlineWebsiteBackgroundImageOption:focus-visible { outline: 3px solid #84adff; outline-offset: 2px; }
.inlineWebsiteBackgroundImageOption img {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  object-fit: cover;
}
.inlineWebsiteBackgroundImageOption span {
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inlineWebsiteSocialProfilesHeader {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  padding-top: 4px;
}
.inlineWebsiteSocialProfilesHeader > div { display: grid; gap: 3px; }
.inlineWebsiteSocialProfilesHeader strong { color: #344054; font-size: 13px; }
.inlineWebsiteSocialProfilesHeader span { color: #667085; font-size: 11px; line-height: 1.4; }
.inlineWebsiteSecondaryAction {
  min-height: 34px;
  flex: 0 0 auto;
  padding: 0 10px;
  border: 1px solid #84adff;
  border-radius: 8px;
  color: #175cd3;
  background: #fff;
  font: 700 12px/1 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}
.inlineWebsiteSecondaryAction:hover { background: #eff8ff; }
.inlineWebsiteSocialProfiles { display: grid; gap: 10px; }
.inlineWebsiteSocialProfile {
  display: grid;
  grid-template-columns: minmax(110px, .7fr) minmax(0, 1.3fr) auto;
  gap: 8px;
  align-items: end;
  padding: 12px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #f9fafb;
}
.inlineWebsiteSocialProfileActions { display: flex; align-items: center; gap: 2px; padding-bottom: 2px; }
.inlineWebsiteSocialProfileActions button {
  width: 30px;
  height: 34px;
  border: 0;
  border-radius: 6px;
  color: #475467;
  background: transparent;
  font: 600 17px/1 Inter, sans-serif;
  cursor: pointer;
}
.inlineWebsiteSocialProfileActions button:hover { color: #175cd3; background: #eff8ff; }
.inlineWebsiteSocialProfileActions button:last-child:hover { color: #b42318; background: #fef3f2; }
.inlineWebsiteSocialColorGrid { display: grid; gap: 16px; }
.inlineWebsiteColorControl { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 8px; }
.inlineWebsiteColorControl input[type="color"] {
  width: 44px;
  height: 42px;
  padding: 3px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.inlineWebsiteBlockField.is-checkbox {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.inlineWebsiteBlockField.is-checkbox input { width: 20px; height: 20px; }
.inlineWebsiteBlockPanelHelp {
  margin: 20px 0 0;
  padding: 12px;
  border-radius: 8px;
  color: #475467;
  background: #f9fafb;
  font-size: 12px;
  line-height: 1.45;
}
.inlineWebsiteBlockPanelStatus {
  min-height: 20px;
  padding: 0 20px;
  color: #b42318;
  font-size: 12px;
}
.inlineWebsiteBlockPanelFooter {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px 16px;
  border-top: 1px solid #e4e7ec;
}

@media (max-width: 1100px) {
  .inlineWebsiteReleaseTimestamp { display: none; }
}

@media (max-width: 820px) {
  .inlineWebsiteEditorBar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    padding-inline: 16px;
  }
  .inlineWebsiteEditorIdentity img { width: 92px; }
  .inlineWebsiteReleaseName { max-width: 24vw; }
  .inlineWebsiteReleaseKind { display: none; }
}

@media (max-width: 640px) {
  body { --inline-website-panel-width: 100vw; }
  body.hasInlineWebsiteBlockPanelOpen { width: 100%; }
  .hasVerenoWebsiteBar { --vereno-inline-editor-height: 60px; }
  .inlineWebsiteEditorBar { gap: 8px; padding-inline: 12px; }
  .inlineWebsiteEditorIdentity { flex: 0 0 auto; gap: 8px; }
  .inlineWebsiteEditorIdentity img { width: 76px; }
  .inlineWebsiteEditorDivider { display: none; }
  .inlineWebsiteEditorModule { display: none; }
  .inlineWebsiteReleaseContext { justify-content: flex-start; }
  .inlineWebsiteReleaseName { max-width: 28vw; font-size: 12px; }
  .inlineWebsiteReleaseMeta { justify-content: flex-start; }
  .inlineWebsiteReleaseKind,
  .inlineWebsiteReleaseTimestamp { display: none; }
  .inlineWebsiteEditorStatus { min-height: 22px; padding-inline: 7px; font-size: 10px; }
  .inlineWebsiteEditorPrimary,
  .inlineWebsiteEditorRevert,
  .inlineWebsiteEditorExit { padding-inline: 10px; font-size: 12px; }
  .inlineWebsiteBlockPanel { border-left: 0; }
  .inlineWebsiteBlockEditButton { opacity: 1; transform: none; }
  .inlineWebsiteSocialProfile { grid-template-columns: 1fr auto; }
  .inlineWebsiteSocialUrlField { grid-column: 1 / -1; grid-row: 2; }
  .inlineWebsiteSocialProfileActions { grid-column: 2; grid-row: 1; }
}

@media (max-width: 480px) {
  .inlineWebsiteReleaseName { display: none; }
  .inlineWebsiteEditorExit { min-height: 36px; padding-inline: 9px; }
}

.siteHeader {
  width: 100%;
  position: var(--website-menu-header-position);
  top: var(--website-menu-header-top);
  z-index: 1600;
  flex: 0 0 auto;
  overflow: visible;
}
body[data-menu-position="top"] .siteHeader {
  position: relative;
  top: auto;
}
.utilityBar{
  position: sticky;
  top: 0;
  z-index: 1800;
  background: color-mix(in srgb, var(--topbar-bg) 88%, #000 12%);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
body[data-has-utility="true"]{
  --website-utility-bar-offset: 58px;
  --website-sticky-top-offset: 58px;
}
.utilityBarInner{
  min-height: 42px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px 16px;
  display:grid;
  grid-template-columns: minmax(140px, 1fr) auto minmax(140px, 1fr);
  align-items:center;
  gap: 14px;
}
.utilitySlot{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.utilitySlotLeft{ justify-content:flex-start; }
.utilitySlotRight{ justify-content:flex-end; }
.utilityBrandCompact{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  max-width:100%;
  color:inherit;
  text-decoration:none;
  opacity:0;
  transform:translateY(-4px);
  pointer-events:none;
  transition:opacity 160ms ease, transform 160ms ease;
}
body:not(.is-utility-merged-header) .utilityBrandCompact{
  display:none;
}
body.is-utility-merged-header[data-menu-position="top"] .utilityBrandCompact{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
body.is-utility-merged-header[data-menu-position="top"] .siteHeader{
  height:0;
  min-height:0;
  overflow:hidden;
  border:0;
  pointer-events:none;
}
body.is-utility-merged-header[data-menu-position="top"] .siteHeader .topBar{
  height:0;
  min-height:0;
  padding-top:0;
  padding-bottom:0;
  border:0;
  overflow:hidden;
}
.utilityLogoWrap{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.utilityLogoWrap img{
  width:26px;
  height:28px;
  object-fit:contain;
  display:block;
}
.utilityBrandTitle{
  min-width:0;
  max-width:min(260px, 28vw);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:var(--website-font-brand-title), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  font-weight:900;
  line-height:1.1;
}
.utilityAnnouncement{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 16px;
  flex-wrap:wrap;
  text-align:center;
  font-size: 14px;
  font-weight: 700;
}
.utilityAnnouncementItem{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  flex-wrap:wrap;
}
.utilityCta{
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.topBar {
  position: relative;
  z-index: 1200;
  background: var(--topbar-bg);
  color: #fff;
  padding: var(--website-menu-topbar-padding-y) 24px;
}
.brandRow{
  display:flex;
  align-items:center;
  justify-content: var(--website-menu-brand-row-justify);
  gap: 18px;
  max-width: 1200px;
  margin: 0 auto;
}
.brandMain{
  display:flex;
  align-items:center;
  flex-direction: var(--website-menu-brand-direction);
  justify-content: var(--website-menu-brand-main-justify);
  gap: 18px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.logoWrap{
  width: var(--website-menu-logo-size);
  height: var(--website-menu-logo-size);
  display:flex;
  align-items:center;
  justify-content:center;
}
.logoWrap img{
  width: var(--website-menu-logo-image-width);
  height: var(--website-menu-logo-image-height);
  object-fit: contain;
  display:block;
}
.brandTitle{
  display: var(--website-menu-title-display);
  font-family: var(--website-font-brand-title), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: .3px;
  line-height: 1.05;
}
.brandTitleShort{
  display:none;
}
.siteLanguage{
  display:inline-flex;
  align-items:center;
  flex: 0 0 auto;
  position: relative;
  color: #fff;
}
.siteAccount{
  display:inline-flex;
  align-items:center;
  flex: 0 0 auto;
  position: relative;
}
.siteHeaderActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
  flex: 0 0 auto;
  color: #fff;
}
.mobileHeaderActions{
  display:none;
}
.siteLanguageIcon{
  width: 18px;
  height: 18px;
  display:inline-flex;
  color: currentColor;
  pointer-events:none;
}
.siteLanguageCode{
  display:inline-block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  pointer-events:none;
}
.siteLanguageIcon svg,
.siteHeaderAction svg,
.navBurger svg{
  width: 18px;
  height: 18px;
  display:block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.siteLanguageButton,
.siteHeaderAction{
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: currentColor;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor: pointer;
  padding: 0;
  text-decoration:none;
}
.siteLanguageButton{
  width: auto;
  min-width: 40px;
  gap: 6px;
  padding: 0 8px;
}
.siteLanguageButton:hover,
.siteLanguageButton[aria-expanded="true"],
.siteHeaderAction:hover{
  background: transparent;
  opacity: .78;
}
.siteLanguageButton:focus-visible,
.siteHeaderAction:focus-visible{ outline: 2px solid rgba(255,255,255,.72); outline-offset: 2px; }

.siteCartAction{
  position:relative;
}
.siteCart{
  position:relative;
  display:inline-flex;
}
.siteCartBadge{
  position:absolute;
  top:3px;
  right:4px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  box-sizing:border-box;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--website-button-primary-bg, var(--color-accent));
  color:var(--website-button-primary-text, #fff);
  border:2px solid var(--topbar-bg);
  box-shadow:0 2px 6px rgba(0,0,0,.22);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:0;
  pointer-events:none;
}
.siteCartBadge[hidden]{
  display:none;
}
.siteCartMenu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:min(280px, calc(100vw - 24px));
  z-index:1900;
}
.webshopCartConfirmation{
  position:fixed;
  top:76px;
  right:16px;
  width:min(280px, calc(100vw - 24px));
  z-index:1900;
  animation:webshopCartConfirmationIn .18s ease-out both;
}
.siteCart > .webshopCartConfirmation.is-header-anchored{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
}
.webshopCartConfirmationHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
}
.webshopCartConfirmationHeader strong{
  color:var(--website-color-heading);
  font-family:var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.15;
  font-weight:850;
}
.webshopCartConfirmationClose{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:color-mix(in srgb, var(--body-text) 70%, transparent);
  font:inherit;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.webshopCartConfirmationClose:hover{
  background:color-mix(in srgb, var(--body-text) 10%, transparent);
  color:var(--body-text);
}
.webshopCartConfirmationProduct{
  margin:0 16px;
  padding:12px 0;
}
.webshopCartConfirmationAction{
  display:block;
}
@keyframes webshopCartConfirmationIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
  .webshopCartConfirmation{animation:none;}
}
.siteCartHeader,
.siteCartTotal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.siteCartHeader{
  padding:12px 16px;
  border-bottom:1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
  background:var(--body-bg);
}
.siteCartHeader strong{
  color:var(--website-color-heading);
  font-family:var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.15;
  font-weight:850;
}
.siteCartHeader span{
  color:color-mix(in srgb, var(--body-text) 66%, transparent);
  font-size:12px;
  font-weight:600;
}
.siteCartItems{
  display:grid;
  gap:0;
  max-height:280px;
  overflow:auto;
  padding:6px 16px;
  color:color-mix(in srgb, var(--body-text) 70%, transparent);
  font-size:13px;
  line-height:1.35;
}
.siteCartItem{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  color:var(--body-text);
  padding:9px 0;
  border-bottom:1px solid color-mix(in srgb, var(--body-text) 10%, transparent);
}
.siteCartItem:last-child{
  border-bottom:0;
}
.siteCartItemMain{
  display:grid;
  gap:4px;
  min-width:0;
}
.siteCartItemMain strong{
  overflow-wrap:anywhere;
}
.siteCartItemMain span{
  color:color-mix(in srgb, var(--body-text) 66%, transparent);
  font-size:12px;
  font-weight:600;
}
.siteCartItemTotal{
  white-space:nowrap;
  font-weight:850;
}
.siteCartTotal{
  border-top:1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
  padding:12px 16px 10px;
  background:var(--body-bg);
  font-weight:900;
  font-size:16px;
}
.siteCartCheckout{
  width:calc(100% - 32px);
  min-height:40px;
  margin:0 16px 16px;
  border:0;
  border-radius:10px;
  background:var(--color-accent);
  color:var(--color-accent-text);
  box-shadow:var(--website-button-shadow, none);
  font:inherit;
  font-size:var(--website-button-text-size, var(--website-text-size-body));
  font-weight:var(--website-button-font-weight, 400);
  cursor:pointer;
}
.siteCartCheckout:hover:not(:disabled){
  background:var(--color-accent-text);
  color:var(--color-accent);
}
.siteCartCheckout:disabled{
  opacity:.45;
  cursor:not-allowed;
}
#toastContainer{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1400;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.toast{
  padding:10px 18px;
  border-radius:12px;
  color:#fff;
  background:var(--button-primary-bg);
  box-shadow:0 12px 30px rgba(15,23,42,.22);
  opacity:0;
  transform:translateY(10px);
  transition:opacity .3s ease, transform .3s ease;
  font-size:14px;
  font-weight:800;
}
.toast-success{background:#16a34a}
.toast-error{background:#dc2626}
.toast-warning{background:#d97706}
.toast-info{background:var(--button-primary-bg)}

.siteLanguageMenu,
.siteAccountMenu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 168px;
  padding: 6px;
  font-family: var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  z-index: 1900;
}

.siteCartMenu,
.webshopCartConfirmation{
  border:1px solid color-mix(in srgb, var(--body-text) 14%, transparent);
  border-radius:18px;
  background:var(--body-bg);
  color:var(--body-text);
  box-shadow:0 24px 70px color-mix(in srgb, var(--body-text) 22%, transparent);
  font-family:var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  padding:0;
  overflow:hidden;
}

.siteAccountMenu,
.accessibilityPanel{
  border:1px solid color-mix(in srgb, var(--body-text) 14%, transparent);
  border-radius:18px;
  background:var(--body-bg);
  color:var(--body-text);
  box-shadow:0 24px 70px color-mix(in srgb, var(--body-text) 22%, transparent);
  font-family:var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  padding:0;
  overflow:hidden;
}
.siteLanguageMenu{
  border: 1px solid color-mix(in srgb, var(--body-text) 14%, transparent);
  border-radius: 10px;
  background: var(--body-bg);
  color: var(--body-text);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--body-text) 20%, transparent);
}
.siteAccountMenu{
  width:min(280px, calc(100vw - 24px));
}
.siteAccountMenuAnonymous{
  width:min(220px, calc(100vw - 24px));
  padding:8px 0;
}
.siteAccountMenuHeader{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap: 11px;
  padding: 14px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
  margin-bottom: 8px;
}
.siteAccountAvatar{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg, color-mix(in srgb, var(--color-accent) 42%, #fff), color-mix(in srgb, var(--color-primary) 36%, #fff));
  color:#fff;
  font-size:22px;
  line-height:1;
  font-weight:850;
  text-transform:uppercase;
}
.siteAccountIdentity{
  min-width:0;
  display:grid;
  gap:4px;
}
.siteAccountMenuHeader strong{
  color:var(--website-color-heading);
  font-family:var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.15;
  font-weight:850;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.siteAccountIdentity > span{
  color:color-mix(in srgb, var(--body-text) 66%, transparent);
  font-size: 13px;
  line-height: 1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.siteLanguageOption,
.siteAccountOption{
  width: 100%;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--body-text);
  cursor: pointer;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:11px;
  justify-content:flex-start;
  font: inherit;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25;
  padding: 8px 18px;
  text-align:left;
  text-decoration:none;
  box-sizing:border-box;
}
.siteAccountOptionIcon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:color-mix(in srgb, var(--body-text) 72%, transparent);
}
.siteAccountOptionIcon svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.siteLanguageOption{
  display:flex;
  gap:0;
  font-size:inherit;
  font-weight:700;
  padding:9px 10px;
}
.siteLanguageOption:hover,
.siteLanguageOption[aria-checked="true"],
.siteAccountOption:hover{
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  color: var(--body-text);
}
.siteAccountOptionButton{
  appearance:none;
  border-top:1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
  border-radius:0;
  margin-top:8px;
  padding-top:13px;
  padding-bottom:14px;
}
.siteAccountBackendOption{
  display:none;
}

.siteHeaderFrame{display:contents;}
.navBar{
  position: var(--website-menu-nav-position);
  top: var(--website-sticky-top-offset);
  z-index: 1050;
  background: var(--nav-bg);
  color: var(--nav-text);
  border-bottom: 1px solid rgba(255,255,255,.08);
  overflow: visible;
}
body[data-menu-position="top"] .navBar{
  position: var(--website-menu-nav-position);
  top: var(--website-sticky-top-offset);
}
.nav{
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--website-menu-nav-padding-y) 16px;
  border-bottom: var(--website-menu-tabstrip-border);
}
/* Configured webshop header menu shares native navigation behavior. */
.nav .navItem.hasChildren:has(>.navLink){display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;}
.nav .navItem.hasChildren:has(>.navLink)>.navBtn{width:44px;min-height:44px;padding:0;justify-content:center;}
.nav .navDropdown{grid-column:1/-1;border-radius:0;box-shadow:none;}
.nav .navItem.open>.navDropdown{display:block!important;}
.navRoot{
  list-style:none;
  margin:0;
  padding:0;
  display: var(--website-menu-nav-root-display);
  justify-content: var(--website-menu-nav-justify);
  gap: var(--website-menu-tabstrip-gap);
  flex-wrap: wrap;
  align-items: flex-end;
}
.navItem{ position: var(--website-menu-item-position); }
.navLink, .navBtn{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-family: var(--website-font-menu-item), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color: var(--nav-text);
  text-decoration:none;
  font-weight: 700;
  padding: 10px 8px;
  border-radius: var(--website-menu-item-radius);
  background: var(--website-menu-item-bg);
  border: var(--website-menu-item-border);
  cursor: pointer;
  font-size: 16px;
}
.navItem.active > .navLink,
.navItem.active > .navBtn{
  color: var(--website-menu-active-color);
  background: var(--website-menu-active-bg);
  border: var(--website-menu-active-border);
  border-bottom-color: var(--website-menu-active-border-bottom-color);
  border-radius: var(--website-menu-active-radius);
  box-shadow: var(--website-menu-active-shadow);
  transform: var(--website-menu-active-transform);
}
.navDropdown{
  display:none;
  position: var(--website-menu-dropdown-position);
  top: 100%;
  left: var(--website-menu-dropdown-left);
  right: var(--website-menu-dropdown-right);
  width: var(--website-menu-dropdown-width);
  list-style:none;
  margin: var(--website-menu-dropdown-margin);
  padding: var(--website-menu-dropdown-padding);
  background: var(--website-menu-dropdown-bg);
  border: var(--website-menu-dropdown-border);
  border-radius: var(--website-menu-dropdown-radius);
  box-shadow: var(--website-menu-dropdown-shadow);
  min-width: var(--website-menu-dropdown-min-width);
  grid-template-columns: var(--website-menu-dropdown-grid-template);
  gap: var(--website-menu-dropdown-gap);
  z-index: 10;
}
.navItem.hasChildren:hover > .navDropdown,
.navItem.hasChildren:focus-within > .navDropdown{ display: var(--website-menu-dropdown-open-display); }
.navItem.open > .navDropdown{ display: var(--website-menu-dropdown-open-display); }
.navDropdown .navItem{ margin: 0; position: relative; }
.navDropdown .navDropdown{
  display: var(--website-menu-dropdown-nested-display);
  position: var(--website-menu-dropdown-nested-position);
  top: 0;
  left: 100%;
  right: auto;
  width: auto;
  min-width: var(--website-menu-dropdown-min-width);
  margin: var(--website-menu-dropdown-nested-margin);
  padding: var(--website-menu-dropdown-nested-padding);
  background: var(--website-menu-dropdown-nested-bg);
  border: var(--website-menu-dropdown-nested-border);
  border-radius: var(--website-menu-dropdown-nested-radius);
  box-shadow: var(--website-menu-dropdown-nested-shadow);
}
.navDropdown .navLink, .navDropdown .navBtn{
  width: 100%;
  justify-content: space-between;
  font-family: var(--website-font-menu-subitem), var(--website-font-menu-item), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

.page{
  width: 100%;
  flex: 1 0 auto;
  max-width: none;
  margin: 0 auto;
  padding: 0;
  background: var(--body-bg);
  display: flex;
  flex-direction: column;
}
.page::after{
  content: "";
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  background: var(--body-bg);
}
.pageTitle{
  font-family: var(--website-font-page-title), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color: var(--website-color-page-title);
  max-width: 1200px;
  font-size: 32px;
  font-weight: 900;
  margin: 22px auto 16px auto;
  padding: 0 16px;
}

/* Columns are layout-only: no card chrome. */
.pageSection{
  margin: 0;
}
.pageSection-bg-primary,
.pageSection-bg-accent{
  padding: 0;
  border-radius: 0;
}
.pageSection-bg-primary{
  background: var(--color-primary);
  color: #fff;
}
.pageSection-bg-accent{
  background: var(--color-accent);
  color: #fff;
}
.pageSection-bg-primary .block-rich-text,
.pageSection-bg-primary .block-rich-text h1,
.pageSection-bg-primary .block-rich-text h2,
.pageSection-bg-primary .block-rich-text h3,
.pageSection-bg-accent .block-rich-text,
.pageSection-bg-accent .block-rich-text h1,
.pageSection-bg-accent .block-rich-text h2,
.pageSection-bg-accent .block-rich-text h3{
  color: inherit;
}
.pageSectionInner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}
.pageSection-bg-primary .pageSectionLabel,
.pageSection-bg-accent .pageSectionLabel{
  color: var(--website-color-section-title);
}
.pageSectionLabel{
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
  color: var(--website-color-section-title);
  margin: 0 0 10px 0;
}
.cols{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
  padding: 0;
}
@media (max-width: 900px){
  .cols{ grid-template-columns: minmax(0, 1fr) !important; }
}
.col{
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
}

/* Blocks */
.blockWrap{
  position: relative;
  z-index: 0;
  margin: 0;
  isolation: isolate;
}
.blockWrap::before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.blockWrap-container-content::before{ left: 0; right: 0; }
.blockWrap-container-full::before{
  left: 50%;
  width: var(--website-viewport-width, 100vw);
  transform: translateX(-50%);
}
.blockWrap-background-transparent::before{ display: none; }
.blockWrap-background-solid::before{ background: var(--block-container-background, #fff); }
.blockWrap-background-image::before{
  background-image:
    linear-gradient(var(--block-container-overlay, transparent), var(--block-container-overlay, transparent)),
    var(--block-container-image);
  background-position: var(--block-container-position, center);
  background-repeat: no-repeat;
  background-size: cover;
}
.blockWrap-overlay-none{ --block-container-overlay: transparent; }
.blockWrap-overlay-light{ --block-container-overlay: rgba(255,255,255,.28); }
.blockWrap-overlay-dark{ --block-container-overlay: rgba(0,0,0,.36); }
.blockWrap-spacing-none{ padding-top: 0; padding-bottom: 0; }
.blockWrap-spacing-compact{ padding-top: 12px; padding-bottom: 12px; }
.blockWrap-spacing-comfortable{ padding-top: 24px; padding-bottom: 24px; }
.blockWrap-spacing-spacious{ padding-top: 40px; padding-bottom: 40px; }
.block{ width: 100%; }
.block-card{
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 8px 18px rgba(0,0,0,0.06);
}
.block-placeholder{
  border: 1px dashed rgba(0,0,0,0.18);
  border-radius: 14px;
  padding: 14px;
  background: rgba(0,0,0,0.03);
}
.block-placeholder-title{
  color: var(--website-color-block-title);
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 4px;
}
.block-placeholder-meta{
  color: rgba(0,0,0,0.55);
  font-size: 12px;
}

/* Imported snapshots */
.block-imported{
  margin: 0;
}
.imported-block-title{
  color: var(--website-color-block-title);
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 16px 0;
  font-weight: 900;
}
.imported-sponsor-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
  align-items: stretch;
}
.block-sponsors .sponsor-carousel-shell{ position: relative; }
.block-sponsors .sponsor-viewport{ overflow: hidden; }
.block-sponsors .sponsor-items{ display: grid; gap: 14px; }
.block-sponsors--grid .sponsor-items{ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.block-sponsors .sponsor-card{
  box-sizing: border-box;
  min-width: 0;
  min-height: 104px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.96);
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}
.block-sponsors .sponsor-card img{ max-width: 100%; max-height: 68px; object-fit: contain; display: block; }
.block-sponsors .sponsor-card span{ font-size: 12px; line-height: 1.25; color: rgba(0,0,0,.72); text-align: center; }
.block-sponsors--list .sponsor-items{ grid-template-columns: 1fr; gap: 8px; }
.block-sponsors--list .sponsor-card{ min-height: 76px; flex-direction: row; justify-content: flex-start; padding: 12px 16px; }
.block-sponsors--list .sponsor-card img{ width: 112px; height: 52px; flex: 0 0 112px; }
.block-sponsors--list .sponsor-card span{ font-size: 14px; text-align: left; }
.block-sponsors--carousel .sponsor-carousel-shell{ padding: 0 48px; }
.block-sponsors--carousel .sponsor-items{
  display: flex;
  gap: 14px;
  transition: transform 360ms ease;
  will-change: transform;
}
.block-sponsors--carousel .sponsor-items.is-continuous{
  animation: sponsorContinuousSlide var(--sponsor-loop-duration) linear infinite;
}
@keyframes sponsorContinuousSlide{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(calc(-1 * var(--sponsor-loop-distance)),0,0); }
}
.block-sponsors--carousel .sponsor-card{
  flex: 0 0 calc((100% - (var(--sponsor-visible) - 1) * 14px) / var(--sponsor-visible));
}
.sponsor-carousel-button{
  display: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 38px;
  height: 38px;
  transform: translateY(-50%);
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 50%;
  color: var(--body-text);
  background: rgba(255,255,255,.96);
  font: 700 25px/1 system-ui,sans-serif;
  cursor: pointer;
}
.block-sponsors--carousel .sponsor-carousel-button{ display: block; }
.sponsor-carousel-button--previous{ left: 0; }
.sponsor-carousel-button--next{ right: 0; }
.sponsor-carousel-button:disabled{ opacity: .35; cursor: default; }
.sponsor-carousel-dots{ display: none; justify-content: center; gap: 7px; margin-top: 14px; }
.block-sponsors--carousel .sponsor-carousel-dots{ display: flex; }
.block-sponsors--carousel[data-sponsor-motion="continuous"] .sponsor-carousel-button,
.block-sponsors--carousel[data-sponsor-motion="continuous"] .sponsor-carousel-dots{ display:none; }
.sponsor-carousel-dot{ width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,.2); cursor: pointer; }
.sponsor-carousel-dot.is-active{ background: var(--nav-underline); transform: scale(1.25); }
@media (max-width: 900px){ .block-sponsors--carousel .sponsor-items{ --sponsor-visible: 2 !important; } }
@media (max-width: 560px){
  .block-sponsors--carousel .sponsor-carousel-shell{ padding: 0 38px; }
  .block-sponsors--carousel .sponsor-items{ --sponsor-visible: 1 !important; }
  .block-sponsors--list .sponsor-card img{ width: 80px; flex-basis: 80px; }
}
@media (prefers-reduced-motion: reduce){
  .block-sponsors--carousel .sponsor-items{ transition:none; }
  .block-sponsors--carousel .sponsor-items.is-continuous{ animation:none; }
}
.imported-sponsor{
  min-height: 104px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.96);
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}
.imported-sponsor img{
  max-width: 100%;
  max-height: 68px;
  object-fit: contain;
  display: block;
}
.imported-sponsor span{
  font-size: 12px;
  line-height: 1.25;
  color: rgba(0,0,0,0.72);
  text-align: center;
}
.imported-card-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}
.arena-news-directory{ display: grid; gap: 28px; }
.arena-news-score-strip{
  width: 100vw;
  min-height: 72px;
  margin: -16px calc(50% - 50vw) 0;
  padding-inline: max(24px,calc((100vw - 1340px) / 2));
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 180px repeat(3,minmax(0,1fr));
  border-bottom: 1px solid rgba(0,0,0,.09);
  background: #fff;
}
.arena-news-score-link,
.arena-news-score-card{ min-width: 0; padding: 12px 18px; border-right: 1px solid rgba(0,0,0,.08); }
.arena-news-score-link{ display: flex; align-items: center; gap: 8px; color: #dc2626; font-size: 14px; font-weight: 850; text-decoration: none; }
.arena-news-score-card{ display: grid; align-content: center; gap: 7px; }
.arena-news-score-card > small{ color: rgba(0,0,0,.58); font-size: 10px; font-weight: 750; }
.arena-news-score-card > strong{ min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 8px; color: var(--website-color-block-title); font-size: 13px; }
.arena-news-score-card > strong > span{ min-width: 0; display: flex; align-items: center; gap: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arena-news-score-card img{ width: 24px; height: 24px; flex: 0 0 auto; object-fit: contain; }
.arena-news-score-card b{ color: var(--website-color-block-title); white-space: nowrap; }
.arena-news-page-header{ display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 24px; }
.arena-news-page-header h1{ margin: 0; color: var(--website-color-block-title); font-size: clamp(34px,4vw,52px); line-height: 1; }
.arena-news-filters{ display: flex; justify-content: flex-end; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.arena-news-filters::-webkit-scrollbar{ display: none; }
.arena-news-filter{ flex: 0 0 auto; padding: 10px 20px; border: 1px solid rgba(0,0,0,.08); border-radius: 999px; background: #f4f7f9; color: var(--website-color-block-title); font-size: 14px; font-weight: 750; text-decoration: none; }
.arena-news-filter.is-active{ border-color: var(--nav-underline); background: var(--nav-underline); color: #fff; }
.arena-news-heading{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.arena-news-heading h2{ margin: 0; color: var(--website-color-block-title); font-size: 24px; }
.arena-news-heading span{ color: rgba(0,0,0,.58); font-size: 13px; }
.arena-news-featured{
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(280px,.8fr);
  gap: 14px;
}
.arena-news-card--lead{ grid-column: 1; grid-row: 1 / span 2; }
.arena-news-main{ min-width: 0; display: grid; gap: 28px; }
.arena-news-content-layout{ display: grid; grid-template-columns: minmax(0,1fr) 300px; align-items: start; gap: 20px; }
.arena-news-rail{ display: grid; gap: 16px; }
.arena-news-sports,
.arena-news-promo{ overflow: hidden; border: 1px solid rgba(0,0,0,.09); border-radius: 12px; background: #fff; }
.arena-news-sports h2{ margin: 0; padding: 18px; border-bottom: 1px solid rgba(0,0,0,.08); color: var(--website-color-block-title); font-size: 20px; }
.arena-news-sports a{ min-height: 56px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,.07); color: var(--website-color-block-title); font-size: 14px; font-weight: 750; text-decoration: none; }
.arena-news-sports a:last-child{ border-bottom: 0; }
.arena-news-sports a span:last-child{ color: var(--nav-underline); font-size: 18px; }
.arena-news-promo{
  min-height: 300px;
  padding: 22px;
  display: grid;
  align-content: end;
  gap: 10px;
  background:
    linear-gradient(160deg,rgba(5,25,40,.44),rgba(5,42,50,.92)),
    url('/websites/public/assets/websites/vereno-live/competition-community-football-2026-09-15.jpg') center / cover no-repeat;
}
.arena-news-promo span{ color: color-mix(in srgb,var(--nav-underline) 70%,white); font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.arena-news-promo strong{ color: #fff; font-size: 28px; line-height: 1.04; }
.arena-news-promo p{ margin: 0; color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.4; }
.arena-news-latest{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}
.arena-news-card{
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: #fff;
  color: inherit;
  text-decoration: none;
}
.arena-news-media{ height: 212px; overflow: hidden; background: linear-gradient(145deg,#0b2942,#075b66); }
.arena-news-media img{ width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; }
.arena-news-card:hover .arena-news-media img,
.arena-news-card:focus-visible .arena-news-media img{ transform: scale(1.025); }
.arena-news-card--lead .arena-news-media{ height: 438px; }
.arena-news-featured .arena-news-copy{ position: absolute; inset: auto 0 0; padding: 48px 18px 18px; background: linear-gradient(180deg,transparent,rgba(3,20,33,.92)); color: #fff; }
.arena-news-copy{ padding: 16px; }
.arena-news-copy p,
.arena-news-copy h3,
.arena-news-copy span{ margin: 0; }
.arena-news-copy p{ margin-bottom: 7px; color: var(--nav-underline); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.arena-news-featured .arena-news-copy h3{ color: #fff; }
.arena-news-featured .arena-news-copy span{ color: rgba(255,255,255,.84); }
.arena-news-copy h3{ color: var(--website-color-block-title); font-size: 18px; line-height: 1.2; }
.arena-news-card--lead .arena-news-copy h3{ font-size: 26px; }
.arena-news-copy span{ display: block; margin-top: 9px; color: rgba(0,0,0,.64); font-size: 13px; line-height: 1.4; }
.arena-news-card--latest{ display: grid; grid-template-columns: 190px minmax(0,1fr); align-items: stretch; border: 0; border-bottom: 1px solid rgba(0,0,0,.1); border-radius: 0; }
.arena-news-card--latest .arena-news-media{ height: 116px; }
.arena-news-card--latest .arena-news-copy{ align-self: center; padding: 14px 18px; }
.arena-news-card--latest .arena-news-copy span{ max-width: 760px; }
@media (max-width: 1100px){
  .arena-news-page-header{ gap: 14px; }
  .arena-news-content-layout{ grid-template-columns: minmax(0,1fr) 260px; }
  .arena-news-featured{ grid-template-columns: minmax(0,1.4fr) minmax(240px,1fr); }
}
@media (max-width: 960px){
  .arena-news-score-strip{ grid-template-columns: 150px repeat(3,minmax(180px,1fr)); overflow-x: auto; padding-inline: 16px; }
  .arena-news-content-layout{ grid-template-columns: 1fr; }
  .arena-news-rail{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
}
@media (max-width: 560px){
  .arena-news-score-strip{ min-height: 64px; grid-template-columns: 124px repeat(3,210px); margin-top: -12px; }
  .arena-news-score-link,
  .arena-news-score-card{ padding: 10px 12px; }
  .arena-news-page-header{ grid-template-columns: 1fr; gap: 14px; }
  .arena-news-filters{ justify-content: flex-start; }
  .arena-news-filter{ padding: 9px 18px; }
  .arena-news-heading{ align-items: flex-start; flex-direction: column; gap: 4px; }
  .arena-news-featured,
  .arena-news-latest{ grid-template-columns: 1fr; }
  .arena-news-card--lead{ grid-column: auto; grid-row: auto; }
  .arena-news-media{ height: 180px; }
  .arena-news-card--lead .arena-news-media{ height: 360px; }
  .arena-news-featured .arena-news-copy{ padding: 56px 16px 16px; }
  .arena-news-card--lead .arena-news-copy h3{ font-size: 21px; }
  .arena-news-card--latest{ grid-template-columns: 116px minmax(0,1fr); }
  .arena-news-card--latest .arena-news-media{ height: 104px; }
  .arena-news-card--latest .arena-news-copy{ padding: 10px 12px; }
  .arena-news-card--latest .arena-news-copy p{ display: none; }
  .arena-news-card--latest .arena-news-copy h3{ font-size: 15px; }
  .arena-news-card--latest .arena-news-copy span{ display: -webkit-box; overflow: hidden; margin-top: 5px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; }
  .arena-news-rail{ grid-template-columns: 1fr; }
  .arena-news-promo{ min-height: 190px; }
}
.imported-card{
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 8px 18px rgba(0,0,0,0.05);
}
.imported-card-media{
  aspect-ratio: 16 / 10;
  background: rgba(0,0,0,0.04);
}
.imported-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.imported-card-body{
  padding: 13px 14px 15px 14px;
}
.imported-card h3,
.imported-event h3{
  color: var(--website-color-block-title);
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 8px 0;
}
.imported-card p,
.imported-event p{
  margin: 0;
  color: rgba(0,0,0,0.62);
  font-size: 13px;
}
.imported-event-list{
  display: grid;
  gap: 10px;
}
.imported-event-list--cards{
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}
.imported-event-list--compact{
  gap: 6px;
}
.imported-event-list--compact .imported-event{
  padding: 9px 12px;
}
.imported-event{
  display: block;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  padding: 14px 16px;
  color: inherit;
  text-decoration: none;
  background: rgba(255,255,255,0.96);
}
.imported-people-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
}
.imported-people-grid--list{
  grid-template-columns: minmax(0, 1fr);
}
.imported-people-grid--compact{
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}
.imported-people-grid--compact .imported-person{
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
}
.imported-people-grid--compact .imported-person-photo{
  width: 40px;
  height: 40px;
}
.imported-person{
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  padding: 12px;
  color: inherit;
  text-decoration: none;
  background: rgba(255,255,255,0.96);
}
.imported-person-photo{
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0,0,0,0.04);
}
.imported-person-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.imported-person-body{
  min-width: 0;
}
.imported-person h3,
.imported-match-card h3{
  color: var(--website-color-block-title);
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 5px 0;
}
.imported-person p,
.imported-match-card p{
  margin: 0;
  color: rgba(0,0,0,0.62);
  font-size: 13px;
}
.imported-team-heading{
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}
.imported-team-heading > img{
  width: 72px;
  height: 72px;
  object-fit: contain;
}
.imported-team-heading .imported-block-title{
  margin-bottom: 4px;
}
.imported-team-heading p{
  margin: 0;
  color: rgba(0,0,0,0.62);
  font-size: 14px;
}
.imported-team-roster-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}
.team-block-roster{
  margin-top: 20px;
}
.team-block-member{
  grid-template-columns: minmax(0, 1fr);
}
.team-block-roster-empty{
  margin: 0;
  color: rgba(0,0,0,0.62);
  font-size: 14px;
}
.player-stats-table-wrap{
  overflow-x: auto;
}
.player-stats-table{
  width: 100%;
  border-collapse: collapse;
  background: rgba(255,255,255,0.96);
}
.player-stats-table th,
.player-stats-table td{
  padding: 12px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  text-align: left;
}
.player-stats-table th:first-child,
.player-stats-table td:first-child{
  width: 44px;
  color: rgba(0,0,0,0.58);
  text-align: center;
}
.player-stats-table th:last-child,
.player-stats-table td:last-child{
  width: 96px;
  text-align: right;
}
.player-stats-table td strong,
.player-stats-table td small{
  display: block;
}
.player-stats-table td small{
  margin-top: 4px;
  color: rgba(0,0,0,0.58);
}
.player-stats-table td b{
  color: var(--website-color-block-title);
  font-size: 18px;
}
.player-stats-cards{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
}
.player-stat-card{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.96);
}
.player-stat-rank{
  color: rgba(0,0,0,0.58);
  font-size: 13px;
  font-weight: 700;
}
.player-stat-card h3,
.player-stat-card p{
  margin: 0;
}
.player-stat-card h3{
  color: var(--website-color-block-title);
  font-size: 15px;
}
.player-stat-card p{
  margin-top: 4px;
  color: rgba(0,0,0,0.58);
  font-size: 12px;
}
.player-stat-card > strong{
  color: var(--website-color-block-title);
  font-size: 24px;
  text-align: right;
}
.player-stat-card > strong small{
  display: block;
  margin-top: 4px;
  color: rgba(0,0,0,0.58);
  font-size: 10px;
  font-weight: 600;
}
.imported-team-member{
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255,255,255,0.96);
}
.imported-team-member-photo{
  width: 72px;
  height: 88px;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(0,0,0,0.04);
}
.imported-team-member-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.imported-team-member-body{
  min-width: 0;
}
.imported-team-member-name{
  display: flex;
  align-items: center;
  gap: 8px;
}
.imported-team-member h3{
  color: var(--website-color-block-title);
  font-size: 16px;
  line-height: 1.25;
  margin: 0;
}
.imported-team-member p{
  margin: 5px 0 0 0;
  color: rgba(0,0,0,0.62);
  font-size: 13px;
}
.imported-team-jersey{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--website-color-block-title);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.imported-match-carousel{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(230px, 340px);
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 4px;
  scroll-snap-type: x proximity;
}
.imported-match-card{
  scroll-snap-align: start;
  display: grid;
  min-height: 156px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 8px 18px rgba(0,0,0,0.05);
}
.imported-match-media{
  aspect-ratio: 16 / 7;
  background: rgba(0,0,0,0.04);
}
.imported-match-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.imported-match-body{
  padding: 13px 14px 15px 14px;
}
.imported-card:hover,
.imported-event:hover,
.imported-person:hover,
.imported-match-card:hover,
.imported-sponsor:hover,
.sponsor-card:hover{
  border-color: color-mix(in srgb, var(--nav-underline) 45%, rgba(0,0,0,0.08));
}
/* A framed viewport is the functional scroll boundary for the match history. */
.block-website-matches--timeline [hidden]{display:none!important;}
.block-website-matches--timeline h2{background:var(--color-primary);color:white;padding:12px 20px;margin:0;}
.block-website-matches--timeline form{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;}
.block-website-matches--timeline label{display:flex;align-items:center;gap:8px;}
.block-website-matches--timeline select,.block-website-matches--timeline button,.block-website-matches--timeline a[data-timeline-today]{min-height:44px;border-radius:0;font:inherit;}
.website-timeline-scroll{height:min(70vh,720px);min-height:320px;overflow:auto;overflow-anchor:none;border-block:1px solid currentColor;}
.website-timeline-scroll:focus-visible,.block-website-matches--timeline a:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
.block-website-matches--timeline [data-timeline-load]{display:block;text-align:center;padding:16px;min-height:44px;}
.block-website-matches--timeline [data-timeline-today-marker]{margin:0;padding:8px 20px;background:var(--color-accent);color:white;font-weight:700;}
.block-website-matches--timeline [data-timeline-upcoming-heading]{margin:0;padding:16px 12px 8px;font-size:16px;color:inherit;}
.block-website-matches--timeline .website-match-card{border:0;border-bottom:1px solid currentColor;border-radius:0;box-shadow:none;background:white;padding:16px 12px;}
.block-website-matches--timeline .website-match-card--today{border-left:4px solid var(--color-accent);}
.block-website-matches--timeline [data-timeline-today-label]{display:block;color:var(--color-primary);font-weight:700;text-align:center;margin-bottom:8px;}
.block-website-matches--timeline [data-timeline-status]{min-height:24px;margin:8px 0;}
.website-match-list{
  display: grid;
  gap: 10px;
}
.block-website-matches--combined .website-match-controls{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.block-website-matches--combined [hidden]{ display: none !important; }
.block-website-matches--combined [data-match-tabs]{ display: flex; gap: 20px; }
.block-website-matches--combined [data-match-tab]{
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.block-website-matches--combined [data-match-tab][aria-selected="true"]{
  border-bottom-color: var(--color-accent);
  font-weight: 700;
}
.block-website-matches--combined .website-match-controls label{ display: flex; align-items: center; gap: 8px; }
.block-website-matches--combined [data-match-team]{
  min-height: 44px;
  max-width: min(260px, 65vw);
  border: 1px solid currentColor;
  border-radius: 0;
  background: var(--body-bg);
  color: inherit;
  font: inherit;
}
.block-website-matches--combined [data-match-tab]:focus-visible,
.block-website-matches--combined [data-match-team]:focus-visible,
.block-website-matches--combined [data-match-panel]:focus-visible{
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
.block-website-matches--combined .website-match-list{ gap: 0; }
.block-website-matches--combined .website-match-card{
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  border-radius: 0;
  box-shadow: none;
  background: var(--body-bg);
}
.block-website-matches--arena{
  display: grid;
  gap: 16px;
}
.website-visually-hidden{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.arena-match-feature{
  width: 100vw;
  min-height: 232px;
  margin: -16px calc(50% - 50vw) 2px;
  padding: 18px max(24px, calc((100vw - 1340px) / 2));
  box-sizing: border-box;
  display: grid;
  align-content: center;
  gap: 10px;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(105deg, rgba(4,18,32,.94) 0%, rgba(7,36,57,.78) 52%, rgba(4,18,32,.94) 100%),
    url('/websites/public/assets/websites/vereno-live/arena-stadium-hero-2026-09-15.jpg') center 58% / cover no-repeat;
  text-decoration: none;
}
.arena-match-feature:hover,
.arena-match-feature:focus-visible{ color: #fff; }
.arena-match-feature:focus-visible{
  outline: 3px solid var(--nav-underline);
  outline-offset: -3px;
}
.arena-match-feature-topline{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  color: rgba(255,255,255,.8);
  font-size: 13px;
}
.arena-match-feature-context,
.arena-match-feature-venue{ display: grid; gap: 4px; }
.arena-match-feature-context strong{ color: #fff; font-size: 13px; text-transform: uppercase; }
.arena-match-feature-context small{ font-size: 12px; }
.arena-match-feature-venue{ max-width: 260px; text-align: right; }
.arena-match-feature-action{
  justify-self: center;
  color: color-mix(in srgb, var(--nav-underline) 72%, white);
  font-size: 13px;
  font-weight: 800;
}
.arena-match-feature-action span{ font-size: 18px; }
.arena-match-controls{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.arena-match-date{
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 10px;
  background: rgba(255,255,255,0.98);
  color: var(--website-color-block-title);
  font: inherit;
}
.arena-match-date:focus-visible{
  border-color: var(--nav-underline);
  outline: 3px solid color-mix(in srgb, var(--nav-underline) 20%, transparent);
  outline-offset: 1px;
}
.arena-sport-filters{
  display: flex;
  flex: 1 1 auto;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 2px;
  scrollbar-width: none;
}
.arena-sport-filters::-webkit-scrollbar{ display: none; }
.arena-sport-filter{
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 999px;
  background: rgba(255,255,255,0.96);
  color: var(--website-color-block-title);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.arena-sport-filter:hover,
.arena-sport-filter:focus-visible{
  border-color: color-mix(in srgb, var(--nav-underline) 60%, rgba(0,0,0,0.1));
}
.arena-sport-filter.is-active{
  border-color: var(--nav-underline);
  background: var(--nav-underline);
  color: white;
}
.arena-match-empty{
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 180px;
  padding: 32px;
  border: 1px dashed color-mix(in srgb, var(--nav-underline) 30%, rgba(0,0,0,0.12));
  border-radius: 12px;
  background: color-mix(in srgb, var(--nav-underline) 3%, white);
  text-align: center;
}
.arena-match-empty strong{
  color: var(--website-color-block-title);
  font-size: 18px;
}
.arena-match-empty span{
  color: rgba(0,0,0,0.62);
  font-size: 14px;
}
.arena-dashboard{
  gap: 16px;
  padding-bottom: 18px;
}
.arena-dashboard-intro{
  display: flex;
  align-items: center;
  gap: 28px;
  min-width: 0;
}
.arena-dashboard-intro h1{
  flex: 0 0 auto;
  margin: 0;
  color: var(--website-color-block-title);
  font-size: clamp(36px,4vw,48px);
  line-height: 1;
}
.arena-dashboard-intro .arena-match-controls{ flex: 1 1 auto; }
.arena-dashboard-featured{
  position: relative;
  min-width: 0;
}
.arena-dashboard-featured > h2{
  position: absolute;
  z-index: 2;
  top: 16px;
  left: 22px;
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  text-shadow: 0 1px 8px rgba(0,0,0,.42);
}
.arena-dashboard-featured > h2::before{
  margin-right: 9px;
  content: '⚽';
  font-size: 16px;
}
.arena-dashboard .arena-match-feature{
  width: 100%;
  min-height: 182px;
  margin: 0;
  padding: 50px 24px 18px;
  border-radius: 8px;
}
.arena-dashboard .arena-match-feature-topline{
  position: absolute;
  inset: auto auto 18px 22px;
  max-width: 260px;
}
.arena-dashboard .arena-match-feature-venue{
  position: absolute;
  right: 24px;
  bottom: 52px;
  max-width: 220px;
}
.arena-dashboard .arena-match-feature-action{
  position: absolute;
  right: 24px;
  bottom: 18px;
  min-width: 190px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 9px;
  background: var(--nav-underline);
  color: #fff;
}
.arena-dashboard .arena-match-centre-scoreboard{
  width: min(620px,52vw);
  margin-inline: auto;
}
.arena-dashboard-main-grid{
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(360px,.95fr);
  align-items: stretch;
  gap: 14px;
}
.arena-dashboard-panel{
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 8px;
  background: #fff;
}
.arena-dashboard-panel-header{
  min-height: 48px;
  padding: 10px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(0,0,0,.09);
}
.arena-dashboard-panel-header h2{
  margin: 0;
  color: var(--website-color-block-title);
  font-size: 21px;
  line-height: 1.1;
}
.arena-dashboard-panel-header h2::before{
  margin-right: 10px;
  color: var(--website-color-block-title);
  content: '▣';
  font-size: 17px;
}
.arena-dashboard-matches .arena-dashboard-panel-header h2::before{ content: '⚽'; }
.arena-dashboard-competitions .arena-dashboard-panel-header h2::before{ content: '🏆'; }
.arena-dashboard-panel-header a{
  flex: 0 0 auto;
  color: var(--nav-underline);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.arena-dashboard-match-groups{ display: grid; }
.arena-dashboard-match-group{ border-bottom: 1px solid rgba(0,0,0,.08); }
.arena-dashboard-match-group:last-child{ border-bottom: 0; }
.arena-dashboard-match-group > header{
  min-height: 38px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-bottom: 1px solid rgba(0,0,0,.07);
}
.arena-dashboard-match-group > header h3{
  margin: 0;
  color: var(--website-color-block-title);
  font-size: 14px;
}
.arena-dashboard-match-group > header span{
  color: rgba(0,0,0,.58);
  font-size: 12px;
}
.arena-dashboard-match-group > header::before{
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  border: 2px solid var(--nav-underline);
  border-radius: 50%;
  content: '';
}
.arena-dashboard-match-group--live > header::before{ border-color: #ef4444; background: #ef4444; }
.arena-dashboard-match-group--results > header::before{ border-radius: 2px; background: var(--nav-underline); }
.arena-dashboard-match-group > p{
  margin: 0;
  padding: 13px 16px;
  color: rgba(0,0,0,.58);
  font-size: 12px;
}
.arena-dashboard .arena-match-row{
  grid-template-columns: 58px minmax(90px,.75fr) minmax(88px,1fr) 48px minmax(88px,1fr) minmax(76px,auto);
  gap: 8px;
  min-height: 42px;
  padding: 6px 14px;
}
.arena-dashboard .arena-match-row-context strong,
.arena-dashboard .arena-match-row-state,
.arena-dashboard .arena-match-row-team,
.arena-dashboard .arena-match-row-action{ font-size: 12px; }
.arena-dashboard .arena-match-row-team img{ width: 22px; height: 22px; }
.arena-dashboard-section-state{
  min-height: 150px;
  padding: 24px;
  display: grid;
  place-content: center;
  gap: 5px;
  text-align: center;
}
.arena-dashboard-section-state strong{ color: var(--website-color-block-title); font-size: 16px; }
.arena-dashboard-section-state span{ color: rgba(0,0,0,.58); font-size: 13px; }
.arena-dashboard-news-list{ display: grid; }
.arena-dashboard-news-story{
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 148px minmax(0,1fr) 20px;
  align-items: center;
  gap: 14px;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  color: inherit;
  text-decoration: none;
}
.arena-dashboard-news-story:last-child{ border-bottom: 0; }
.arena-dashboard-news-story--lead{
  min-height: 222px;
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
}
.arena-dashboard-news-media{
  display: block;
  height: 58px;
  overflow: hidden;
  border-radius: 5px;
  background: linear-gradient(145deg,#0b2942,#087b7d);
}
.arena-dashboard-news-media img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.arena-dashboard-news-story--lead .arena-dashboard-news-media{ height: 222px; border-radius: 0; }
.arena-dashboard-news-story--lead .arena-dashboard-news-copy{
  position: absolute;
  inset: auto 0 0;
  padding: 54px 18px 17px;
  background: linear-gradient(180deg,transparent,rgba(2,16,29,.94));
  color: #fff;
}
.arena-dashboard-news-copy{ min-width: 0; display: grid; gap: 4px; }
.arena-dashboard-news-copy small{ color: var(--nav-underline); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.arena-dashboard-news-copy strong{ color: var(--website-color-block-title); font-size: 14px; line-height: 1.18; }
.arena-dashboard-news-copy > span{ color: rgba(0,0,0,.65); font-size: 12px; line-height: 1.3; }
.arena-dashboard-news-story--lead .arena-dashboard-news-copy small{ color: rgba(255,255,255,.8); }
.arena-dashboard-news-story--lead .arena-dashboard-news-copy strong{ color: #fff; font-size: 23px; }
.arena-dashboard-news-story--lead .arena-dashboard-news-copy > span{ color: rgba(255,255,255,.88); }
.arena-dashboard-news-chevron{ color: var(--website-color-block-title); font-size: 22px; }
.arena-dashboard-competition-grid{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  padding: 14px 16px 16px;
}
.arena-dashboard-competition-card{
  position: relative;
  min-height: 146px;
  padding: 18px;
  display: grid;
  grid-template-columns: 56px minmax(0,1fr) 34px;
  align-items: end;
  gap: 12px;
  overflow: hidden;
  border-radius: 7px;
  color: #fff;
  text-decoration: none;
  background:
    linear-gradient(180deg,rgba(2,20,35,.08),rgba(2,20,35,.9)),
    url('/websites/public/assets/websites/vereno-live/competition-community-football-2026-09-15.jpg') center / cover no-repeat;
}
.arena-dashboard-competition-card:nth-child(2){ background-position: center 40%; }
.arena-dashboard-competition-card:nth-child(3){ background-position: center 68%; }
.arena-dashboard-competition-mark{
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255,255,255,.88);
  border-radius: 12px;
  background: rgba(0,151,157,.78);
  font-size: 24px;
  font-weight: 900;
}
.arena-dashboard-competition-card strong,
.arena-dashboard-competition-card small{ display: block; }
.arena-dashboard-competition-card strong{ font-size: 18px; line-height: 1.15; }
.arena-dashboard-competition-card small{ margin-top: 4px; color: rgba(255,255,255,.8); font-size: 12px; }
.arena-dashboard-competition-arrow{
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--website-color-block-title);
  font-size: 22px;
}
@media (max-width: 1100px){
  .arena-dashboard-main-grid{ grid-template-columns: 1fr; }
  .arena-dashboard .arena-match-centre-scoreboard{
    width: min(900px,84vw);
    grid-template-columns: minmax(0,1fr) 110px minmax(0,1fr);
    gap: clamp(16px,3vw,40px);
  }
  .arena-dashboard .arena-match-centre-team{ gap: 14px; }
  .arena-dashboard .arena-match-centre-team img{ width: 64px; height: 64px; }
  .arena-dashboard .arena-match-centre-team strong{ font-size: 22px; white-space: normal; }
  .arena-dashboard .arena-match-row-action{ font-size: 0; }
  .arena-dashboard .arena-match-row-action > span{ font-size: 20px; }
  .arena-dashboard-news-list{ grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr); }
  .arena-dashboard-news-story--lead{ grid-row: 1 / span 2; }
  .arena-dashboard-news-story:not(.arena-dashboard-news-story--lead){ grid-template-columns: 96px minmax(0,1fr) 18px; }
  .arena-dashboard .arena-match-feature-venue,
  .arena-dashboard .arena-match-feature-action{ right: 18px; }
  .arena-dashboard-competition-card{ grid-template-columns: 46px minmax(0,1fr) 30px; padding: 14px; }
  .arena-dashboard-competition-mark{ width: 44px; height: 44px; }
}
@media (max-width: 720px){
  .arena-match-feature{ min-height: 300px; margin-top: -12px; padding-inline: 14px; }
  .arena-match-feature-topline{ align-items: center; justify-content: center; text-align: center; }
  .arena-match-feature-venue{ display: none; }
  .arena-match-feature .arena-match-centre-scoreboard{ grid-template-columns: minmax(0,1fr) 80px minmax(0,1fr); gap: 8px; }
  .arena-match-feature .arena-match-centre-team{ display: grid; justify-items: center; gap: 8px; text-align: center; }
  .arena-match-feature .arena-match-centre-team--home,
  .arena-match-feature .arena-match-centre-team--away{ justify-content: stretch; }
  .arena-match-feature .arena-match-centre-team img{ width: 72px; height: 72px; }
  .arena-match-feature .arena-match-centre-team strong{ width: 100%; font-size: 17px; white-space: normal; }
  .arena-match-feature .arena-match-centre-score b{ font-size: 36px; }
  .arena-match-feature .arena-match-centre-score small{ font-size: 17px; }
  .arena-match-controls{ gap: 8px; }
  .arena-match-date{ width: 154px; padding-inline: 9px; }
  .arena-sport-filter{ min-height: 40px; padding-inline: 14px; }
  .arena-match-empty{ min-height: 148px; padding: 24px 18px; }
  .arena-dashboard{ gap: 12px; }
  .arena-dashboard-intro{ display: grid; gap: 14px; }
  .arena-dashboard-intro h1{ font-size: 36px; }
  .arena-dashboard-intro .arena-match-controls{ min-width: 0; }
  .arena-dashboard-intro .arena-match-date{ width: 146px; }
  .arena-dashboard .arena-match-feature{ min-height: 300px; margin: 0; padding: 50px 14px 64px; }
  .arena-dashboard .arena-match-feature-topline{ left: 16px; bottom: 14px; max-width: calc(100% - 32px); }
  .arena-dashboard .arena-match-feature-venue{ display: none; }
  .arena-dashboard .arena-match-feature-action{ right: 14px; bottom: 14px; min-width: 0; padding-inline: 12px; font-size: 0; }
  .arena-dashboard .arena-match-feature-action span{ font-size: 20px; }
  .arena-dashboard .arena-match-centre-scoreboard{ width: 100%; }
  .arena-dashboard-panel-header{ padding-inline: 13px; }
  .arena-dashboard-panel-header h2{ font-size: 18px; }
  .arena-dashboard-panel-header a{ font-size: 12px; }
  .arena-dashboard .arena-match-row{ grid-template-columns: 44px minmax(62px,.8fr) minmax(30px,1fr) 42px minmax(30px,1fr) 18px; padding-inline: 9px; }
  .arena-dashboard-news-list{ grid-template-columns: 1fr; }
  .arena-dashboard-news-story--lead{ grid-row: auto; }
  .arena-dashboard-news-story{ grid-template-columns: 104px minmax(0,1fr) 18px; padding-inline: 10px; }
  .arena-dashboard-news-story--lead .arena-dashboard-news-copy strong{ font-size: 20px; }
  .arena-dashboard-competition-grid{ grid-template-columns: 1fr; padding: 10px; }
  .arena-dashboard-competition-card{ min-height: 132px; }
}
.website-match-groups{
  display: grid;
  gap: 16px;
}
.arena-today-layout{
  display: grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 16px;
  align-items: start;
}
.website-match-group{
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.96);
}
.website-match-group > header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.website-match-group > header > h3{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--website-color-block-title);
  font-size: 18px;
}
.website-match-group > header > h3::before{
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  border: 2px solid var(--nav-underline);
  border-radius: 50%;
  content: '';
}
.website-match-group--live > header > h3::before{
  border-color: #ef4444;
  background: #ef4444;
}
.website-match-group--results > header > h3::before{
  border-radius: 2px;
  background: var(--nav-underline);
}
.website-match-group > header > span{
  color: rgba(0,0,0,0.58);
  font-size: 13px;
  white-space: nowrap;
}
.website-match-group .website-match-list{ gap: 0; }
.website-match-group .website-match-card{
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(0,0,0,0.07);
}
.website-match-group .website-match-card:last-child{ border-bottom: 0; }
.arena-match-group-empty{
  margin: 0;
  padding: 18px 16px;
  color: rgba(0,0,0,.58);
  font-size: 13px;
}
.arena-match-list{
  display: grid;
}
.arena-match-row{
  display: grid;
  grid-template-columns: 72px minmax(132px, 0.8fr) minmax(120px, 1fr) 64px minmax(120px, 1fr) minmax(96px, auto);
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  color: inherit;
  text-decoration: none;
}
.arena-match-row:last-child{ border-bottom: 0; }
a.arena-match-row:hover,
a.arena-match-row:focus-visible{
  background: color-mix(in srgb, var(--nav-underline) 5%, white);
}
a.arena-match-row:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--nav-underline) 35%, transparent);
  outline-offset: -3px;
}
.arena-match-row-state{
  color: var(--website-color-block-title);
  font-size: 13px;
  font-weight: 800;
}
.arena-match-row-state--live{ color: #dc2626; }
.arena-match-row-context,
.arena-match-row-team{
  min-width: 0;
}
.arena-match-row-context{
  display: grid;
  gap: 2px;
}
.arena-match-row-context strong,
.arena-match-row-context small,
.arena-match-row-team{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arena-match-row-context strong{
  color: var(--website-color-block-title);
  font-size: 13px;
}
.arena-match-row-context small{
  color: rgba(0,0,0,0.58);
  font-size: 11px;
}
.arena-match-row-team{
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--website-color-block-title);
  font-size: 14px;
  font-weight: 700;
}
.arena-match-row-team > span{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.arena-match-row-team img{
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  object-fit: contain;
}
.arena-match-row-team--home{
  justify-content: flex-end;
  text-align: right;
}
.arena-match-row-score{
  color: var(--website-color-block-title);
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}
.arena-match-team-short{ display: none; }
.arena-match-row-action{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  color: var(--nav-underline);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.arena-match-row-action > span{
  font-size: 20px;
  line-height: 1;
}
.arena-more-matches{ border-top: 1px solid rgba(0,0,0,.08); }
.arena-more-matches summary{
  min-height: 48px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nav-underline);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.arena-more-matches summary::-webkit-details-marker{ display: none; }
.arena-more-matches summary::after{ margin-left: 8px; content: '↓'; }
.arena-more-matches[open] summary::after{ content: '↑'; }
.arena-today-rail{ display: grid; gap: 16px; }
.arena-today-clubs,
.arena-today-promo{
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.09);
  border-radius: 12px;
  background: #fff;
}
.arena-today-clubs > header{
  min-height: 58px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.arena-today-clubs h3{ margin: 0; color: var(--website-color-block-title); font-size: 20px; }
.arena-today-clubs > header span{ color: rgba(0,0,0,.54); font-size: 13px; }
.arena-today-clubs article{
  min-height: 64px;
  padding: 10px 16px;
  display: grid;
  grid-template-columns: 40px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(0,0,0,.07);
}
.arena-today-clubs article:last-child{ border-bottom: 0; }
.arena-today-clubs article img,
.arena-today-club-mark{ width: 40px; height: 40px; object-fit: contain; }
.arena-today-club-mark{
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb,var(--nav-underline) 12%,white);
  color: var(--website-color-block-title);
  font-size: 12px;
  font-weight: 900;
}
.arena-today-clubs article strong,
.arena-today-clubs article small{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arena-today-clubs article strong{ color: var(--website-color-block-title); font-size: 14px; }
.arena-today-clubs article small{ margin-top: 3px; color: rgba(0,0,0,.58); font-size: 12px; }
.arena-today-promo{
  min-height: 250px;
  padding: 24px;
  display: grid;
  align-content: end;
  gap: 10px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 110%,rgba(38,189,143,.95) 0 30%,transparent 30.5%),
    radial-gradient(circle at 65% 108%,rgba(13,126,99,.94) 0 44%,transparent 44.5%),
    linear-gradient(145deg,#e5f6ef,#bce8d8 54%,#89d3b9);
}
.arena-today-promo span{ color: #073047; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.arena-today-promo strong{ max-width: 250px; color: #071b33; font-size: 28px; line-height: 1.02; }
.arena-today-promo p{ max-width: 245px; margin: 0; color: #14344b; font-size: 14px; line-height: 1.35; }
@media (max-width: 1100px){
  .arena-today-layout{ grid-template-columns: 1fr; }
  .arena-today-rail{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .arena-match-row{
    grid-template-columns: 64px minmax(112px, 0.9fr) minmax(96px, 1fr) 56px minmax(96px, 1fr) 20px;
    gap: 8px;
  }
  .arena-match-row-action{
    overflow: hidden;
    width: 20px;
    font-size: 0;
  }
  .arena-match-row-action > span{ font-size: 20px; }
}
@media (max-width: 720px){
  .arena-today-rail{ grid-template-columns: 1fr; }
  .website-match-group > header{ min-height: 48px; padding: 8px 12px; }
  .website-match-group > header > h3{ font-size: 17px; }
  .arena-match-row{
    grid-template-columns: 46px minmax(78px, 1fr) minmax(32px, auto) 48px minmax(32px, auto) 18px;
    gap: 6px;
    min-height: 50px;
    padding: 7px 10px;
  }
  .arena-match-row-context small{ display: none; }
  .arena-match-row-context strong{ font-size: 12px; }
  .arena-match-row-team{ font-size: 13px; }
  .arena-match-row-team img{ width: 24px; height: 24px; }
  .arena-match-team-full{ display: none; }
  .arena-match-team-short{ display: inline; }
  .arena-match-row-score{ font-size: 13px; }
}
.website-match-card{
  display: block;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.96);
  color: inherit;
  text-decoration: none;
}
.website-match-card:hover,
.website-match-card:focus-visible{ background: color-mix(in srgb, var(--nav-underline) 5%, white); }
.website-match-meta{
  margin: 0 0 9px 0;
  color: rgba(0,0,0,0.62);
  font-size: 12px;
  text-align: center;
}
.website-match-scoreline{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
.website-match-team{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: var(--website-color-block-title);
  font-size: 15px;
  line-height: 1.25;
}
.website-match-team--home{
  justify-content: flex-end;
  text-align: right;
}
.website-match-team--away{
  justify-content: flex-start;
  text-align: left;
}
.website-match-score{
  min-width: 48px;
  color: var(--website-color-block-title);
  font-size: 17px;
  font-weight: 900;
  text-align: center;
}
.website-match-team img{
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  object-fit: contain;
}
.website-match-team span{ overflow-wrap: anywhere; }
.block-sports-match{
  width: 100%;
}
.sports-match-scorecard{
  position: relative;
  padding: 24px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: rgba(255,255,255,0.96);
}
.sports-match-meta{
  margin: 0 72px 20px;
  color: rgba(0,0,0,0.62);
  font-size: 13px;
  text-align: center;
}
.sports-match-state{
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(0,0,0,0.06);
  color: var(--website-color-block-title);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}
.sports-match-state--live{
  background: color-mix(in srgb, #dc2626 12%, white);
  color: #b91c1c;
}
.sports-match-scoreline{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 24px;
}
.sports-match-team{
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
  color: var(--website-color-block-title);
  font-size: clamp(16px, 2.2vw, 26px);
  line-height: 1.2;
}
.sports-match-team img{ width: 44px; height: 44px; object-fit: contain; }
.sports-match-team--home{ justify-content: flex-end; text-align: right; }
.sports-match-team--away{ text-align: left; }
.sports-match-score{
  min-width: 80px;
  color: var(--website-color-block-title);
  font-size: clamp(24px, 4vw, 44px);
  font-weight: 900;
  text-align: center;
}
.block-sports-match--compact .sports-match-scorecard{ padding: 14px 16px; }
.block-sports-match--compact .sports-match-meta{ margin-bottom: 10px; }
.block-sports-match--compact .sports-match-team{ font-size: 14px; }
.block-sports-match--compact .sports-match-score{ min-width: 52px; font-size: 19px; }
.block-sports-match--hero .sports-match-scorecard{
  padding: 40px 32px;
  background: var(--header-bg);
}
.block-sports-match--hero .sports-match-team,
.block-sports-match--hero .sports-match-score{ color: var(--header-text); }
.block-sports-match--hero .sports-match-meta{ color: color-mix(in srgb, var(--header-text) 72%, transparent); }
.block-sports-match--detail{
  display: grid;
  gap: 16px;
}
.block-sports-match--detail .sports-match-scorecard{
  padding: 40px 32px;
  background: var(--header-bg);
}
.block-sports-match--detail .sports-match-team,
.block-sports-match--detail .sports-match-score{ color: var(--header-text); }
.block-sports-match--detail .sports-match-meta{ color: color-mix(in srgb, var(--header-text) 72%, transparent); }
.sports-match-detail-grid{
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: 16px;
}
.sports-match-detail-panel{
  padding: 20px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.96);
}
.sports-match-detail-panel h2{ margin: 0 0 16px; color: var(--website-color-block-title); font-size: 20px; }
.sports-match-timeline{ display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.sports-match-timeline li{ display: grid; grid-template-columns: 52px 12px minmax(0,1fr) auto; gap: 10px; align-items: start; padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,.07); }
.sports-match-timeline li:last-child{ border-bottom: 0; }
.sports-match-timeline time{ font-weight: 800; }
.sports-match-timeline-marker{ width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; background: var(--nav-underline); box-shadow: 0 0 0 4px color-mix(in srgb, var(--nav-underline) 15%, transparent); }
.sports-match-timeline-marker--yellow-card{ border-radius: 2px; background: #eab308; box-shadow: 0 0 0 3px rgba(234,179,8,.16); }
.sports-match-timeline-marker--red-card{ border-radius: 2px; background: #dc2626; box-shadow: 0 0 0 3px rgba(220,38,38,.16); }
.sports-match-timeline strong,
.sports-match-timeline small{ display: block; }
.sports-match-timeline small{ margin-top: 3px; color: rgba(0,0,0,.62); }
.sports-match-timeline-empty{ margin: 0; color: rgba(0,0,0,.62); }
.sports-match-facts dl{ margin: 0; }
.sports-match-facts dl > div{ display: grid; grid-template-columns: minmax(100px,1fr) minmax(0,1.4fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.07); }
.sports-match-facts dl > div:last-child{ border-bottom: 0; }
.sports-match-facts dt{ color: rgba(0,0,0,.62); }
.sports-match-facts dd{ margin: 0; font-weight: 700; }
.block-sports-match--directory{ gap: 0; }
.block-sports-match--directory .imported-block-title{ max-width: 1200px; margin-inline: auto; }
.arena-match-centre-hero{
  width: 100vw;
  min-height: 252px;
  margin-inline: calc(50% - 50vw);
  padding: 20px max(24px, calc((100vw - 1340px) / 2));
  box-sizing: border-box;
  display: grid;
  align-content: center;
  gap: 18px;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(105deg, rgba(4,18,32,.94) 0%, rgba(7,36,57,.76) 52%, rgba(4,18,32,.94) 100%),
    url('/websites/public/assets/websites/vereno-live/arena-stadium-hero-2026-09-15.jpg') center 58% / cover no-repeat;
}
.arena-match-centre-meta{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 0;
  max-width: 720px;
  margin: 0 auto;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  text-align: center;
}
.arena-match-centre-meta span{ display: inline-flex; align-items: center; }
.arena-match-centre-meta span + span::before{
  margin-inline: 12px;
  color: rgba(255,255,255,.38);
  content: '|';
}
.arena-match-centre-scoreboard{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 80px);
}
.arena-match-centre-team{
  min-width: 0;
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.5vw, 32px);
}
.arena-match-centre-team--home{ justify-content: flex-end; text-align: right; }
.arena-match-centre-team--away{ flex-direction: row-reverse; justify-content: flex-end; text-align: left; }
.arena-match-centre-team img{
  width: clamp(88px, 10vw, 132px);
  height: clamp(88px, 10vw, 132px);
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.22));
}
.arena-match-centre-team strong{
  overflow: hidden;
  color: inherit;
  font-size: clamp(24px, 3vw, 40px);
  line-height: 1.05;
  text-overflow: ellipsis;
}
.arena-match-centre-score{ display: grid; justify-items: center; gap: 6px; }
.arena-match-centre-score .sports-match-state{
  position: static;
  padding: 6px 12px;
  color: #fff;
  background: rgba(255,255,255,.12);
  font-size: 12px;
  letter-spacing: .03em;
}
.arena-match-centre-score .sports-match-state--live{
  background: #ef233c;
  box-shadow: 0 4px 14px rgba(239,35,60,.32);
}
.arena-match-centre-score b{
  color: inherit;
  font-size: clamp(48px, 6vw, 78px);
  line-height: .96;
  letter-spacing: -.04em;
  white-space: nowrap;
}
.arena-match-centre-score small{ color: var(--nav-underline); font-size: 24px; font-weight: 850; }
.arena-match-centre-tabs{
  width: 100vw;
  min-height: 52px;
  margin: 0 calc(50% - 50vw) 20px;
  padding-inline: max(24px, calc((100vw - 1340px) / 2));
  box-sizing: border-box;
  display: flex;
  gap: clamp(28px, 5vw, 64px);
  align-items: stretch;
  border-bottom: 1px solid rgba(0,0,0,.09);
  background: rgba(255,255,255,.98);
}
.arena-match-centre-tabs a{
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  border-bottom: 3px solid transparent;
  color: var(--website-color-block-title);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.arena-match-centre-tabs a:hover,
.arena-match-centre-tabs a:focus-visible,
.arena-match-centre-tabs a.is-active{ border-bottom-color: var(--nav-underline); color: var(--nav-underline); }
.arena-match-centre-content{
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
  grid-template-areas: 'timeline sidebar' 'stream sidebar';
  gap: 16px;
  align-items: start;
}
.arena-match-centre-sidebar{ grid-area: sidebar; display: grid; gap: 16px; }
.arena-match-statistics{ display: grid; gap: 0; }
.arena-match-statistics > div{ display: grid; grid-template-columns: minmax(40px,auto) minmax(0,1fr) minmax(40px,auto); gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.07); }
.arena-match-statistics > div:last-child{ border-bottom: 0; }
.arena-match-statistics strong{ color: var(--website-color-block-title); font-variant-numeric: tabular-nums; }
.arena-match-statistics strong:last-child{ text-align: right; }
.arena-match-statistics span{ color: rgba(0,0,0,.62); font-size: 13px; text-align: center; }
.arena-match-timeline-panel{ grid-area: timeline; min-height: 360px; }
.arena-match-stream{ grid-area: stream; }
.arena-match-stream-player{
  min-height: 210px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 10px;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  background:
    linear-gradient(rgba(4,18,32,.82),rgba(4,18,32,.92)),
    url('/websites/public/assets/websites/vereno-live/arena-stadium-hero-2026-09-15.jpg') center / cover no-repeat;
}
.arena-match-stream-play{
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  padding-left: 4px;
  border: 2px solid rgba(255,255,255,.68);
  border-radius: 50%;
  font-size: 22px;
}
.arena-match-stream-player strong{ font-size: 18px; }
.arena-match-stream-player small{ color: rgba(255,255,255,.72); }
.arena-match-lineups-grid{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.arena-match-lineup-team + .arena-match-lineup-team{ padding-left: 20px; border-left: 1px solid rgba(0,0,0,.08); }
.arena-match-lineup-team header{ display: flex; align-items: center; gap: 10px; min-height: 36px; }
.arena-match-lineup-team header img{ width: 32px; height: 32px; object-fit: contain; }
.arena-match-lineup-team ol{ display: grid; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.arena-match-lineup-team li{ display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 6px; color: var(--website-color-block-title); font-size: 13px; }
.arena-match-lineup-team li b{ font-variant-numeric: tabular-nums; }
.arena-match-lineup-team li small{ display: block; margin-top: 2px; color: rgba(0,0,0,.58); font-size: 11px; }
.arena-match-lineup-team p,
.arena-match-lineups-empty{ margin: 12px 0 0; color: rgba(0,0,0,.62); font-size: 13px; }
@media (max-width: 960px){
  .arena-match-centre-content{ grid-template-columns: 1fr; grid-template-areas: 'timeline' 'sidebar' 'stream'; }
  .arena-match-centre-sidebar{ grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
}
@media (max-width: 560px){
  .arena-match-centre-hero{ min-height: 340px; padding: 18px 16px 22px; gap: 20px; }
  .arena-match-centre-meta{ max-width: 320px; font-size: 12px; line-height: 1.35; }
  .arena-match-centre-scoreboard{ grid-template-columns: minmax(0,1fr) 96px minmax(0,1fr); gap: 10px; }
  .arena-match-centre-team{ display: grid; justify-items: center; gap: 10px; text-align: center; }
  .arena-match-centre-team--home,
  .arena-match-centre-team--away{ justify-content: stretch; }
  .arena-match-centre-team img{ width: 88px; height: 88px; }
  .arena-match-centre-team strong{ width: 100%; font-size: 18px; white-space: normal; }
  .arena-match-centre-score b{ font-size: 40px; }
  .arena-match-centre-score small{ font-size: 18px; }
  .arena-match-centre-tabs{ gap: 0; margin-bottom: 16px; padding: 0 8px; overflow-x: auto; justify-content: space-between; }
  .arena-match-centre-tabs a{ min-width: 76px; justify-content: center; font-size: 13px; }
  .arena-match-centre-content,
  .arena-match-centre-sidebar{ grid-template-columns: 1fr; }
  .arena-match-timeline-panel{ min-height: 0; }
  .arena-match-lineups-grid{ grid-template-columns: 1fr; }
  .arena-match-lineup-team + .arena-match-lineup-team{ padding: 16px 0 0; border-top: 1px solid rgba(0,0,0,.08); border-left: 0; }
}

/* Vereno Live Today: approved dashboard composition. */
body:has(.arena-dashboard){
  --nav-underline: #00a6a6;
}
body:has(.arena-dashboard) .pageSectionInner,
body:has(.arena-dashboard) .nav,
body:has(.arena-dashboard) .brandRow{
  width: calc(100% - 96px);
  max-width: 1440px;
  box-sizing: border-box;
}
body:has(.arena-dashboard) .pageSectionInner{ padding-inline: 0; }
body:has(.arena-dashboard) .nav{ padding-inline: 0; }
.arena-dashboard{
  gap: 16px;
  padding-bottom: 16px;
}
.arena-dashboard-intro{
  min-height: 56px;
  gap: 28px;
}
.arena-dashboard-intro h1{
  font-size: 38px;
  letter-spacing: -.035em;
}
.arena-dashboard-intro .arena-match-controls{
  justify-content: space-between;
}
.arena-match-date-control{
  position: relative;
  width: 220px;
  min-height: 40px;
  padding: 0 14px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) 16px;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid rgba(7,27,51,.12);
  border-radius: 9px;
  background: #fff;
  color: var(--website-color-block-title);
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}
.arena-match-date-icon{
  width: 14px;
  height: 14px;
  overflow: hidden;
  color: #16304e;
  font-size: 14px;
  line-height: 14px;
}
.arena-match-date-chevron{ justify-self: end; font-size: 16px; }
.arena-match-date-control .arena-match-date{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
.arena-dashboard .arena-sport-filter{
  min-height: 40px;
  padding-inline: 24px;
  border-color: rgba(7,27,51,.1);
  background: #fff;
  color: #071b33;
  font-size: 13px;
  font-weight: 650;
}
.arena-dashboard .arena-sport-filter.is-active{
  border-color: var(--nav-underline);
  background: var(--nav-underline);
  color: #fff;
}
.arena-dashboard-featured > h2,
.arena-dashboard-panel-header h2{
  display: flex;
  align-items: center;
  gap: 10px;
}
.arena-dashboard-title-icon{
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
.arena-dashboard-featured > h2::before,
.arena-dashboard-panel-header h2::before{ content: none; }
.arena-dashboard-matches .arena-dashboard-panel-header h2::before,
.arena-dashboard-competitions .arena-dashboard-panel-header h2::before{ content: none; }
.arena-dashboard .arena-match-feature{
  height: 182px;
  min-height: 182px;
  padding: 38px 248px 16px 248px;
  box-sizing: border-box;
  background:
    linear-gradient(90deg,rgba(4,18,32,.82),rgba(7,36,57,.78) 50%,rgba(4,18,32,.94)),
    url('/websites/public/assets/websites/vereno-live/arena-stadium-hero-2026-09-15.jpg') center 58% / cover no-repeat;
}
.arena-dashboard .arena-match-feature-topline{ display: contents; }
.arena-dashboard .arena-match-feature-context{
  position: absolute;
  left: 22px;
  bottom: 18px;
  gap: 3px;
}
.arena-dashboard .arena-match-feature-venue{
  position: absolute;
  top: 30px;
  right: 24px;
  bottom: auto;
  width: 210px;
  min-height: 72px;
  padding: 8px 0 8px 52px;
  box-sizing: border-box;
  border-left: 1px solid rgba(255,255,255,.28);
  color: rgba(255,255,255,.88);
  text-align: left;
}
.arena-dashboard .arena-match-centre-scoreboard{
  width: min(650px,54vw);
  height: 126px;
  grid-template-columns: minmax(0,1fr) 104px minmax(0,1fr);
  gap: 32px;
}
.arena-dashboard .arena-match-centre-team{
  display: grid;
  justify-items: center;
  justify-content: stretch;
  gap: 6px;
  text-align: center;
}
.arena-dashboard .arena-match-centre-team--away{ flex-direction: initial; }
.arena-dashboard .arena-match-centre-team img{
  width: 82px;
  height: 82px;
}
.arena-dashboard .arena-match-centre-team strong{
  width: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  white-space: normal;
}
.arena-dashboard .arena-match-centre-score{ gap: 4px; }
.arena-dashboard .arena-match-centre-score .sports-match-state{
  padding: 5px 10px;
  font-size: 11px;
}
.arena-dashboard .arena-match-centre-score b{ font-size: 42px; }
.arena-dashboard .arena-match-centre-score small{ font-size: 18px; }
.arena-dashboard .arena-match-feature-action{
  right: 24px;
  bottom: 16px;
  min-width: 212px;
  min-height: 40px;
  border-radius: 9px;
  background: var(--nav-underline);
  color: #fff;
}
.arena-dashboard-main-grid{
  grid-template-columns: minmax(0,1.45fr) minmax(420px,.95fr);
  gap: 14px;
}
.arena-dashboard-panel-header{
  min-height: 48px;
  padding: 8px 18px;
  box-sizing: border-box;
}
.arena-dashboard-panel-header h2{ font-size: 20px; }
.arena-dashboard-panel-header a{
  color: var(--nav-underline);
  font-weight: 750;
}
.arena-dashboard-match-group > header{
  min-height: 38px;
  padding: 7px 16px;
  box-sizing: border-box;
}
.arena-dashboard-match-group > p{
  min-height: 38px;
  padding: 10px 16px;
  box-sizing: border-box;
}
.arena-dashboard .arena-match-row{
  height: 42px;
  min-height: 42px;
  grid-template-columns: 56px minmax(118px,.8fr) minmax(110px,1fr) 46px minmax(110px,1fr) minmax(86px,auto);
  gap: 8px;
  padding: 5px 14px;
  box-sizing: border-box;
}
.arena-dashboard .arena-match-row-context small{ display: none; }
.arena-dashboard .arena-match-row-context strong,
.arena-dashboard .arena-match-row-state,
.arena-dashboard .arena-match-row-team,
.arena-dashboard .arena-match-row-action{ font-size: 12px; }
.arena-dashboard .arena-match-row-team{ font-weight: 650; }
.arena-dashboard .arena-match-row-team img{ width: 22px; height: 22px; }
.arena-dashboard-news-story--lead,
.arena-dashboard-news-story--lead .arena-dashboard-news-media{ min-height: 232px; height: 232px; }
.arena-dashboard-news-story{ min-height: 72px; box-sizing: border-box; }
.arena-dashboard-competition-grid{ gap: 16px; padding: 8px 16px; }
.arena-dashboard-competition-card{ height: 140px; min-height: 140px; box-sizing: border-box; }
.arena-dashboard-competition-card:nth-child(2){
  background:
    linear-gradient(180deg,rgba(2,20,35,.08),rgba(2,20,35,.9)),
    url('/websites/public/assets/websites/vereno-live/competition-handball-2026-09-16.jpg') center / cover no-repeat;
}
.arena-dashboard-competition-card:nth-child(3){
  background:
    linear-gradient(180deg,rgba(2,20,35,.08),rgba(2,20,35,.9)),
    url('/websites/public/assets/websites/vereno-live/competition-youth-football-2026-09-16.jpg') center / cover no-repeat;
}
@media (max-width: 1200px){
  body:has(.arena-dashboard) .pageSectionInner,
  body:has(.arena-dashboard) .nav,
  body:has(.arena-dashboard) .brandRow{ width: calc(100% - 32px); }
  .arena-dashboard-main-grid{ grid-template-columns: 1fr; }
  .arena-dashboard .arena-match-feature{ padding-inline: 180px; }
  .arena-dashboard .arena-match-feature-venue{ display: none; }
  .arena-dashboard .arena-match-feature-action{ min-width: 172px; }
  .arena-dashboard .arena-match-row-action{ font-size: 0; }
  .arena-dashboard .arena-match-row-action > span{ font-size: 20px; }
}
@media (max-width: 720px){
  body:has(.arena-dashboard) .pageSectionInner,
  body:has(.arena-dashboard) .nav,
  body:has(.arena-dashboard) .brandRow{ width: calc(100% - 32px); }
  .arena-dashboard-intro{ min-height: 0; gap: 12px; }
  .arena-dashboard-intro h1{ font-size: 36px; }
  .arena-match-date-control{ width: 166px; padding-inline: 10px; gap: 7px; font-size: 12px; }
  .arena-match-date-control > span:nth-child(2){ overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
  .arena-dashboard .arena-sport-filter{ padding-inline: 16px; }
  .arena-dashboard .arena-match-feature{
    height: 300px;
    min-height: 300px;
    padding: 50px 14px 64px;
  }
  .arena-dashboard .arena-match-centre-scoreboard{
    width: 100%;
    height: auto;
    grid-template-columns: minmax(0,1fr) 80px minmax(0,1fr);
    gap: 8px;
  }
  .arena-dashboard .arena-match-centre-team img{ width: 72px; height: 72px; }
  .arena-dashboard .arena-match-centre-team strong{ font-size: 17px; }
  .arena-dashboard .arena-match-feature-context{ left: 16px; bottom: 14px; }
  .arena-dashboard .arena-match-feature-action{ right: 14px; bottom: 14px; min-width: 40px; }
  .arena-dashboard .arena-match-row{
    grid-template-columns: 44px minmax(62px,.8fr) minmax(30px,1fr) 42px minmax(30px,1fr) 18px;
    padding-inline: 9px;
  }
}
.block-sports-competition{
  display: grid;
  gap: 20px;
  min-width: 0;
}
.arena-competition-heading,
.arena-competition-search,
.arena-competition-sports,
.arena-competition-featured,
.arena-competition-list-heading,
.sports-competition-directory{ min-width: 0; }
.arena-competition-heading h2,
.arena-competition-heading p{ margin: 0; }
.arena-competition-heading h2{ color: var(--website-color-block-title); font-size: clamp(28px, 4vw, 44px); }
.arena-competition-heading p{ margin-top: 6px; color: rgba(0,0,0,.62); }
.arena-competition-search{
  display: grid;
  grid-template-columns: minmax(220px,1fr) minmax(170px,auto) auto;
  gap: 10px;
}
.arena-competition-search input,
.arena-competition-search select,
.arena-competition-search button{
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 10px;
  background: #fff;
  color: var(--website-color-block-title);
  font: inherit;
}
.arena-competition-search button{
  width: auto;
  border-color: var(--nav-underline);
  background: var(--nav-underline);
  color: #fff;
  font-weight: 800;
}
.arena-competition-sports{
  display: flex;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding: 2px;
  scrollbar-width: none;
}
.arena-competition-sports::-webkit-scrollbar{ display: none; }
.arena-competition-featured h3,
.arena-competition-list-heading h3{ margin: 0; color: var(--website-color-block-title); font-size: 20px; }
.arena-competition-featured > div{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 12px;
}
.arena-competition-featured article,
.arena-competition-featured > div > a{
  position: relative;
  min-height: 190px;
  padding: 20px;
  border-radius: 12px;
  display: grid;
  align-content: end;
  gap: 7px;
  color: #fff;
  text-decoration: none;
  background:
    linear-gradient(180deg,rgba(4,18,32,.08),rgba(4,18,32,.88)),
    url('/websites/public/assets/websites/vereno-live/competition-community-football-2026-09-15.jpg') center 58% / cover no-repeat;
}
.arena-competition-featured :is(article,a):nth-child(2){ background-position: center, 64% 58%; filter: saturate(.78) hue-rotate(8deg); }
.arena-competition-featured :is(article,a):nth-child(3){ background-position: center, 82% 58%; filter: saturate(.9) hue-rotate(-10deg); }
.arena-competition-featured :is(article,a) > span{ font-size: 12px; font-weight: 800; text-transform: uppercase; }
.arena-competition-featured :is(article,a) > .arena-competition-feature-mark{
  position: absolute;
  top: 20px;
  left: 20px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255,255,255,.72);
  border-radius: 16px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  backdrop-filter: blur(8px);
}
.arena-competition-featured :is(article,a) > strong{ font-size: 22px; line-height: 1.12; }
.arena-competition-featured :is(article,a) > small{ color: rgba(255,255,255,.76); }
.arena-competition-list-heading{ display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.arena-competition-list-heading span{ color: rgba(0,0,0,.58); font-size: 13px; }
.arena-competition-results-layout{
  display: grid;
  grid-template-columns: 220px minmax(0,1fr);
  align-items: start;
  gap: 16px;
}
.arena-competition-filter-rail{
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: #fff;
}
.arena-competition-filter-rail > header{
  min-height: 52px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.arena-competition-filter-rail h3{ margin: 0; color: var(--website-color-block-title); font-size: 17px; }
.arena-competition-filter-rail > header a{ color: var(--nav-underline); font-size: 12px; font-weight: 750; text-decoration: none; }
.arena-competition-filter-group{ padding: 14px; border-bottom: 1px solid rgba(0,0,0,.07); }
.arena-competition-filter-group:last-child{ border-bottom: 0; }
.arena-competition-filter-group h4{ margin: 0 0 8px; color: var(--website-color-block-title); font-size: 13px; }
.arena-competition-filter-group a{
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(0,0,0,.68);
  font-size: 12px;
  text-decoration: none;
}
.arena-competition-filter-group a::before{
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  border: 1px solid rgba(0,0,0,.24);
  border-radius: 3px;
  content: '';
}
.arena-competition-filter-group a.is-active{ color: var(--website-color-block-title); font-weight: 750; }
.arena-competition-filter-group a.is-active::before{ border-color: var(--nav-underline); background: var(--nav-underline); box-shadow: inset 0 0 0 2px #fff; }
.arena-competition-filter-mobile{ display: none; }
@media (max-width: 1100px){
  .arena-competition-featured > div{
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .arena-competition-featured > div::-webkit-scrollbar{ display: none; }
  .arena-competition-featured :is(article,a){ flex: 0 0 min(46vw,500px); scroll-snap-align: start; }
  .arena-competition-results-layout{ grid-template-columns: 1fr; }
  .arena-competition-filter-rail{ display: none; }
  .arena-competition-filter-mobile{
    display: block;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    background: #fff;
  }
  .arena-competition-filter-mobile > summary{
    min-height: 48px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--website-color-block-title);
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
  }
  .arena-competition-filter-mobile > summary::-webkit-details-marker{ display: none; }
  .arena-competition-filter-mobile > summary::after{ content: '+'; color: var(--nav-underline); font-size: 20px; }
  .arena-competition-filter-mobile[open] > summary::after{ content: '−'; }
  .arena-competition-filter-mobile > div{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid rgba(0,0,0,.08); }
  .arena-competition-filter-mobile .arena-competition-filter-group{ border-bottom: 0; }
  .arena-competition-filter-mobile .arena-competition-filter-group + .arena-competition-filter-group{ border-left: 1px solid rgba(0,0,0,.08); }
}
@media (max-width: 720px){
  .arena-competition-search{ grid-template-columns: 1fr auto; }
  .arena-competition-search label:first-child{ grid-column: 1 / -1; }
  .arena-competition-featured > div{
    display: flex;
    margin-inline: calc(var(--page-padding) * -1);
    padding: 0 var(--page-padding) 8px;
    gap: 12px;
    overflow-x: auto;
    scroll-padding-inline: var(--page-padding);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .arena-competition-featured > div::-webkit-scrollbar{ display: none; }
  .arena-competition-featured :is(article,a){
    flex: 0 0 min(82vw, 330px);
    min-height: 190px;
    scroll-snap-align: start;
  }
  .arena-competition-filter-mobile > div{ grid-template-columns: 1fr; }
  .arena-competition-filter-mobile .arena-competition-filter-group + .arena-competition-filter-group{ border-top: 1px solid rgba(0,0,0,.08); border-left: 0; }
}
.sports-competition-header{
  padding: 24px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.96);
}
.sports-competition-header h2{
  margin: 0;
  color: var(--website-color-block-title);
  font-size: clamp(22px, 3vw, 36px);
  line-height: 1.15;
}
.sports-competition-header p{
  margin: 8px 0 0;
  color: rgba(0,0,0,0.62);
  font-size: 13px;
}
.sports-competition-structure{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.sports-competition-phase{
  padding: 16px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.96);
}
.sports-competition-phase h3{
  margin: 0;
  color: var(--website-color-block-title);
  font-size: 16px;
}
.sports-competition-phase ul{
  display: grid;
  gap: 6px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.sports-competition-phase li{
  padding-top: 6px;
  border-top: 1px solid rgba(0,0,0,0.06);
  color: var(--body-text);
  font-size: 13px;
}
.sports-competition-empty,
.sports-competition-preview-note{
  margin: 0;
  color: var(--body-text);
  font-size: 13px;
}
.sports-competition-directory{
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.96);
}
.sports-competition-directory-header{
  display: grid;
  grid-template-columns: minmax(320px,1.7fr) minmax(100px,.55fr) minmax(120px,.65fr) minmax(120px,.65fr);
  gap: 16px;
  padding: 11px 16px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.025);
  color: rgba(0,0,0,.58);
  font-size: 12px;
  font-weight: 750;
}
.sports-competition-directory-row{
  display: grid;
  grid-template-columns: minmax(320px,1.7fr) minmax(100px,.55fr) minmax(120px,.65fr) minmax(120px,.65fr);
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.07);
  color: inherit;
  text-decoration: none;
}
.sports-competition-directory-row:last-child{ border-bottom: 0; }
.sports-competition-directory-row:is(:hover,:focus-visible){ background: color-mix(in srgb,var(--nav-underline) 4%,#fff); outline: none; }
.sports-competition-directory-identity{ min-width: 0; display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 14px; }
.sports-competition-directory-mark{ display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: color-mix(in srgb, var(--nav-underline) 13%, white); color: var(--website-color-block-title); font-weight: 900; }
.sports-competition-directory-row strong,
.sports-competition-directory-row small{ display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sports-competition-directory-row small{ margin-top: 4px; color: rgba(0,0,0,.62); }
.sports-competition-directory-cell > small{ display: none; }
.sports-competition-directory-cell > strong{ color: var(--website-color-block-title); font-size: 13px; font-weight: 650; }
.arena-more-competitions > summary{
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nav-underline);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.arena-more-competitions > summary::-webkit-details-marker{ display: none; }
.arena-more-competitions > summary::after{ margin-left: 8px; content: '↓'; }
.arena-more-competitions[open] > summary::after{ content: '↑'; }
.arena-more-competitions[open] > summary{ border-bottom: 1px solid rgba(0,0,0,.08); }
.block-sports-age-category{
  display: grid;
  gap: 20px;
}
.sports-age-category-header{
  padding: 24px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.96);
}
.sports-age-category-header h2{
  margin: 0;
  color: var(--website-color-block-title);
  font-size: clamp(22px, 3vw, 36px);
  line-height: 1.15;
}
.sports-age-category-header p{
  margin: 8px 0 0;
  color: var(--body-text);
  font-size: 14px;
  line-height: 1.5;
}
.sports-age-category-teams,
.sports-age-category-team-grid{
  display: grid;
  gap: 10px;
}
.sports-age-category-team-grid{
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}
.sports-age-category-team{
  padding: 14px 16px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  background: rgba(255,255,255,0.96);
}
.sports-age-category-teams .sports-age-category-team{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.sports-age-category-team h3{
  margin: 0;
  color: var(--website-color-block-title);
  font-size: 16px;
  line-height: 1.3;
}
.sports-age-category-team p{
  margin: 5px 0 0;
  color: rgba(0,0,0,0.62);
  font-size: 12px;
}
.sports-age-category-teams .sports-age-category-team p{
  margin: 0;
  text-align: right;
}
.sports-age-category-empty,
.sports-age-category-preview-note{
  margin: 0;
  color: var(--body-text);
  font-size: 13px;
}
@media (max-width: 560px){
  .website-match-scoreline{
    gap: 8px;
  }
  .website-match-team{
    font-size: 13px;
  }
  .sports-match-scorecard{ padding: 20px 12px; }
  .sports-match-meta{ margin: 24px 0 16px; }
  .sports-match-scoreline{ gap: 8px; }
  .sports-match-team{ gap: 6px; }
  .sports-match-team img{ width: 30px; height: 30px; }
  .sports-match-team{ font-size: 14px; }
  .sports-match-score{ min-width: 48px; font-size: 22px; }
  .sports-match-detail-grid{ grid-template-columns: 1fr; }
  .sports-match-timeline li{ grid-template-columns: 42px 10px minmax(0,1fr); }
  .sports-match-timeline li > b{ grid-column: 3; }
  .sports-competition-header{ padding: 20px 16px; }
  .sports-competition-structure{ grid-template-columns: 1fr; }
  .sports-competition-directory{ overflow: visible; border: 0; background: transparent; gap: 10px; }
  .sports-competition-directory-header{ display: none; }
  .sports-competition-directory-row{
    grid-template-columns: minmax(0,1fr) minmax(82px,.45fr);
    gap: 10px 14px;
    padding: 14px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    background: #fff;
  }
  .sports-competition-directory-identity{ grid-column: 1 / -1; }
  .sports-competition-directory-cell:nth-of-type(3){ display: none; }
  .sports-competition-directory-cell > small{ display: block; margin: 0 0 2px; font-size: 10px; text-transform: uppercase; }
  .arena-more-competitions > summary{ border: 1px solid rgba(0,0,0,.08); border-radius: 12px; background: #fff; }
  .arena-more-competitions > div{ display: grid; gap: 10px; margin-top: 10px; }
  .sports-age-category-header{ padding: 20px 16px; }
  .sports-age-category-teams .sports-age-category-team{ display: block; }
  .sports-age-category-teams .sports-age-category-team p{ margin-top: 5px; text-align: left; }
}

/* Vereno Live competition detail */
body:has(.arena-competition-detail) .pageSectionInner{
  width: min(1440px,calc(100% - 64px));
  max-width: none;
}
.arena-competition-detail{
  display: grid;
  gap: 16px;
  min-width: 0;
  color: #071b35;
}
.arena-competition-detail-hero{
  position: relative;
  overflow: hidden;
  min-height: 292px;
  padding: 24px 32px 26px;
  border-radius: 12px;
  color: #fff;
  background:
    radial-gradient(circle at 74% 22%,rgba(0,174,174,.18),transparent 31%),
    linear-gradient(100deg,rgba(3,25,45,.98),rgba(4,35,58,.92)),
    url('/websites/public/assets/websites/vereno-live/competition-community-football-2026-09-15.jpg') center / cover no-repeat;
  box-sizing: border-box;
}
.arena-competition-detail-hero::after{
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: rgba(255,255,255,.16);
  content: '';
}
.arena-competition-detail-hero > nav{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
}
.arena-competition-detail-hero > nav a{ color: #55dbd4; text-decoration: none; }
.arena-competition-detail-hero > nav strong{ color: #fff; font-weight: 650; }
.arena-competition-detail-hero-main{
  position: relative;
  z-index: 1;
  min-height: 164px;
  display: grid;
  grid-template-columns: 112px minmax(0,1fr) auto;
  align-items: center;
  gap: 26px;
}
.arena-competition-detail-crest{
  width: 104px;
  height: 116px;
  display: grid;
  place-items: center;
  border: 3px solid rgba(255,255,255,.9);
  border-radius: 22px 22px 38px 38px;
  background: linear-gradient(145deg,#00aaa5,#07536c 62%,#e9b94a 63%);
  box-shadow: 0 12px 30px rgba(0,0,0,.28), inset 0 0 0 6px rgba(2,26,44,.62);
  color: #fff;
  font-size: 46px;
  font-weight: 850;
}
.arena-competition-detail-hero-main p,
.arena-competition-detail-hero-main h1,
.arena-competition-detail-hero-main div > span{ margin: 0; }
.arena-competition-detail-hero-main p{ color: #63d9d5; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.arena-competition-detail-hero-main h1{ margin-top: 8px; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.035em; }
.arena-competition-detail-hero-main div > span{ max-width: 720px; margin-top: 12px; display: block; color: rgba(255,255,255,.74); font-size: 14px; line-height: 1.45; }
.arena-competition-detail-hero-main button{
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 9px;
  background: rgba(255,255,255,.09);
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  backdrop-filter: blur(8px);
}
.arena-competition-detail-hero > dl{
  position: relative;
  z-index: 1;
  display: flex;
  gap: 48px;
  margin: 0 0 0 138px;
}
.arena-competition-detail-hero > dl div{ display: flex; align-items: baseline; gap: 7px; }
.arena-competition-detail-hero dt{ color: #fff; font-size: 22px; font-weight: 850; }
.arena-competition-detail-hero dd{ margin: 0; color: rgba(255,255,255,.62); font-size: 12px; text-transform: uppercase; }
.arena-competition-detail-tabs{
  min-height: 54px;
  padding: 0 16px;
  display: flex;
  align-items: stretch;
  gap: 10px;
  overflow-x: auto;
  border: 1px solid rgba(7,27,53,.1);
  border-radius: 10px;
  background: #fff;
  scrollbar-width: none;
}
.arena-competition-detail-tabs::-webkit-scrollbar{ display: none; }
.arena-competition-detail-tabs a{
  position: relative;
  min-width: max-content;
  padding: 0 18px;
  display: grid;
  place-items: center;
  color: rgba(7,27,53,.62);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.arena-competition-detail-tabs a.is-active{ color: #071b35; }
.arena-competition-detail-tabs a.is-active::after{ position: absolute; right: 18px; bottom: -1px; left: 18px; height: 3px; border-radius: 3px 3px 0 0; background: var(--nav-underline); content: ''; }
.arena-competition-detail-grid{
  display: grid;
  grid-template-columns: minmax(0,1.22fr) minmax(380px,.78fr);
  gap: 16px;
  align-items: start;
}
.arena-competition-detail-panel{
  overflow: hidden;
  border: 1px solid rgba(7,27,53,.1);
  border-radius: 10px;
  background: #fff;
}
.arena-competition-detail-panel > header{
  min-height: 54px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(7,27,53,.08);
}
.arena-competition-detail-panel > header h2{ margin: 0; color: #071b35; font-size: 19px; }
.arena-competition-detail-panel > header a,
.arena-competition-detail-panel > header span{ color: #00a8a8; font-size: 12px; font-weight: 750; text-decoration: none; }
.arena-competition-detail-match{
  min-height: 56px;
  padding: 8px 16px;
  display: grid;
  grid-template-columns: 122px minmax(100px,1fr) 58px minmax(100px,1fr) 20px;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(7,27,53,.07);
  box-sizing: border-box;
}
.arena-competition-detail-match:last-child{ border-bottom: 0; }
.arena-competition-detail-match time{ color: rgba(7,27,53,.55); font-size: 11px; }
.arena-competition-detail-match > span{ min-width: 0; display: flex; align-items: center; gap: 8px; overflow: hidden; color: #071b35; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.arena-competition-detail-match i,
.arena-competition-detail-table i,
.arena-competition-detail-clubs i{
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: color-mix(in srgb,var(--nav-underline) 13%,#fff);
  color: #087d80;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}
.arena-competition-detail-logo:is(img){
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  object-fit: contain;
  border-radius: 5px;
}
.arena-competition-detail-match > strong{ color: #071b35; font-size: 13px; text-align: center; }
.arena-competition-detail-match > a{ color: #00a8a8; font-size: 22px; text-decoration: none; }
.arena-competition-detail-standings{ grid-column: 2; grid-row: 1 / span 2; }
.arena-competition-detail-table-head,
.arena-competition-detail-table > div:not(.arena-competition-detail-table-head){
  display: grid;
  grid-template-columns: 28px minmax(140px,1fr) 30px 38px 34px;
  align-items: center;
  gap: 8px;
}
.arena-competition-detail-table-head{ min-height: 34px; padding: 0 16px; background: rgba(7,27,53,.025); color: rgba(7,27,53,.48); font-size: 10px; text-transform: uppercase; }
.arena-competition-detail-table > div:not(.arena-competition-detail-table-head){ min-height: 48px; padding: 0 16px; border-top: 1px solid rgba(7,27,53,.06); box-sizing: border-box; }
.arena-competition-detail-panel--full:has(.arena-competition-detail-table--full){
  width: min(100%,1120px);
  margin-inline: auto;
  overflow-x: auto;
}
.arena-competition-detail-table--full{ min-width: 880px; font-variant-numeric: tabular-nums; }
.arena-competition-detail-table--full .arena-competition-detail-table-head,
.arena-competition-detail-table--full > div:not(.arena-competition-detail-table-head){
  grid-template-columns: 38px minmax(220px,1fr) repeat(7,50px) 60px;
  gap: 12px;
  padding-inline: 20px;
}
.arena-competition-detail-table--full .arena-competition-detail-table-head{ min-height: 44px; font-size: 12px; font-weight: 700; color: rgba(7,27,53,.72); }
.arena-competition-detail-table--full .arena-competition-detail-table-head span:nth-child(n+3){ text-align: center; }
.arena-competition-detail-table--full .arena-competition-detail-table-head span:last-child{ text-align: right; }
.arena-competition-detail-table--full > div:not(.arena-competition-detail-table-head){ min-height: 60px; }
.arena-competition-detail-table--full > div:not(.arena-competition-detail-table-head):nth-child(even){ background: rgba(7,27,53,.018); }
.arena-competition-detail-table--full > div:not(.arena-competition-detail-table-head) > b{ color: #071b35; font-size: 16px; }
.arena-competition-detail-table.arena-competition-detail-table--full > div > span:nth-child(2){ font-size: 15px; font-weight: 700; }
.arena-competition-detail-table--full .arena-competition-detail-logo{ width: 32px; height: 32px; flex-basis: 32px; }
.arena-competition-detail-table.arena-competition-detail-table--full small{ color: rgba(7,27,53,.82); font-size: 14px; }
.arena-competition-detail-table--full strong{ color: #071b35; font-size: 18px; }
.arena-competition-detail-table > div > span:nth-child(2){ min-width: 0; display: flex; align-items: center; gap: 9px; overflow: hidden; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.arena-competition-detail-table small{ color: rgba(7,27,53,.62); font-size: 11px; text-align: center; }
.arena-competition-detail-table strong{ text-align: right; }
.arena-competition-detail-clubs > div{ padding: 12px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.arena-competition-detail-clubs article{ min-height: 76px; padding: 10px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 8px; border: 1px solid rgba(7,27,53,.08); border-radius: 9px; background: #fff; }
.arena-competition-detail-clubs i{ width: 34px; height: 34px; }
.arena-competition-detail-clubs img.arena-competition-detail-logo{ width: 34px; height: 34px; flex-basis: 34px; }
.arena-competition-detail-matchday{ border-bottom: 1px solid rgba(7,27,53,.08); }
.arena-competition-detail-matchday:last-child{ border-bottom: 0; }
.arena-competition-detail-matchday summary{ padding: 14px 18px; display: flex; justify-content: space-between; gap: 12px; cursor: pointer; color: #071b35; font-size: 13px; font-weight: 750; }
.arena-competition-detail-matchday summary span{ color: rgba(7,27,53,.55); font-size: 11px; font-weight: 500; }
.arena-competition-detail-clubs strong{ min-width: 0; overflow: hidden; color: #071b35; font-size: 11px; text-overflow: ellipsis; }
.arena-competition-detail-news > div > :is(a,article){ min-height: 82px; padding: 10px 14px; display: grid; grid-template-columns: 104px minmax(0,1fr) 18px; align-items: center; gap: 14px; border-bottom: 1px solid rgba(7,27,53,.07); color: #071b35; text-decoration: none; }
.arena-competition-detail-news > div > :is(a,article):last-child{ border-bottom: 0; }
.arena-competition-detail-news img,
.arena-competition-detail-news-placeholder{ width: 104px; height: 62px; display: grid; place-items: center; border-radius: 7px; object-fit: cover; background: linear-gradient(145deg,#082d47,#00a8a8); color: #fff; font-size: 26px; font-weight: 800; }
.arena-competition-detail-news small{ display: block; color: #00a8a8; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.arena-competition-detail-news strong{ margin-top: 5px; display: block; font-size: 12px; line-height: 1.25; }
.arena-competition-detail-news b{ color: #00a8a8; font-size: 20px; }
.arena-competition-detail-summary{ padding: 17px 22px; display: grid; grid-template-columns: repeat(3,auto 1fr); align-items: baseline; gap: 6px 9px; border-radius: 10px; background: #061e35; color: #fff; }
.arena-competition-detail-summary strong{ font-size: 22px; }
.arena-competition-detail-summary span{ color: rgba(255,255,255,.6); font-size: 10px; text-transform: uppercase; }
.arena-competition-detail-empty{ margin: 0; padding: 22px 18px; color: rgba(7,27,53,.58); font-size: 12px; }
@media (max-width: 1050px){
  body:has(.arena-competition-detail) .pageSectionInner{ width: min(100% - 32px,900px); box-sizing: border-box; }
  .arena-competition-detail-hero-main{ grid-template-columns: 92px minmax(0,1fr); }
  .arena-competition-detail-crest{ width: 82px; height: 92px; font-size: 36px; }
  .arena-competition-detail-hero-main button{ grid-column: 2; justify-self: start; }
  .arena-competition-detail-hero > dl{ margin-left: 118px; }
  .arena-competition-detail-grid{ grid-template-columns: 1fr; }
  .arena-competition-detail-standings{ grid-column: auto; grid-row: auto; }
}
@media (max-width: 640px){
  body:has(.arena-competition-detail) .pageSectionInner{ width: calc(100% - 24px); }
  .arena-competition-detail{ gap: 12px; }
  .arena-competition-detail-hero{ min-height: 0; padding: 18px 18px 20px; }
  .arena-competition-detail-hero > nav{ overflow: hidden; white-space: nowrap; }
  .arena-competition-detail-hero-main{ min-height: 0; margin-top: 22px; grid-template-columns: 64px minmax(0,1fr); gap: 14px; }
  .arena-competition-detail-crest{ width: 58px; height: 66px; border-width: 2px; border-radius: 13px 13px 22px 22px; font-size: 26px; }
  .arena-competition-detail-hero-main h1{ font-size: 34px; }
  .arena-competition-detail-hero-main p{ font-size: 9px; }
  .arena-competition-detail-hero-main div > span{ font-size: 12px; }
  .arena-competition-detail-hero-main button{ grid-column: 1 / -1; width: 100%; }
  .arena-competition-detail-hero > dl{ margin: 22px 0 0; justify-content: space-between; gap: 10px; }
  .arena-competition-detail-hero > dl div{ display: grid; gap: 0; }
  .arena-competition-detail-tabs{ margin-inline: -12px; border-right: 0; border-left: 0; border-radius: 0; }
  .arena-competition-detail-tabs a{ padding-inline: 14px; }
  .arena-competition-detail-match{ grid-template-columns: 64px minmax(60px,1fr) 38px minmax(60px,1fr) 12px; gap: 5px; padding-inline: 8px; }
  .arena-competition-detail-match time{ font-size: 9px; }
  .arena-competition-detail-match .arena-competition-detail-logo{ width: 20px; height: 20px; flex-basis: 20px; }
  .arena-competition-detail-table--full{ min-width: 0; }
  .arena-competition-detail-table--full .arena-competition-detail-table-head{
    grid-template-columns: 24px minmax(0,1fr) 42px;
    gap: 8px;
    padding-inline: 10px;
  }
  .arena-competition-detail-table--full .arena-competition-detail-table-head > :nth-child(n+3):nth-child(-n+9){ display: none; }
  .arena-competition-detail-table--full .arena-competition-detail-table-head > :last-child{ grid-column: 3; grid-row: 1; }
  .arena-competition-detail-table--full > div:not(.arena-competition-detail-table-head){
    min-height: 84px;
    grid-template-columns: 24px repeat(7,minmax(0,1fr)) 42px;
    gap: 6px 4px;
    padding: 8px 10px;
  }
  .arena-competition-detail-table--full > div:not(.arena-competition-detail-table-head) > b{ grid-column: 1; grid-row: 1; }
  .arena-competition-detail-table.arena-competition-detail-table--full > div > span:nth-child(2){
    grid-column: 2 / span 7;
    grid-row: 1;
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.2;
  }
  .arena-competition-detail-table--full > div:not(.arena-competition-detail-table-head) > small{
    grid-row: 2;
    display: grid;
    justify-items: center;
    gap: 2px;
  }
  .arena-competition-detail-table--full > div > small::before{ color: rgba(7,27,53,.55); font-size: 9px; font-weight: 700; }
  .arena-competition-detail-table--full > div > small:nth-child(3){ grid-column: 2; }
  .arena-competition-detail-table--full > div > small:nth-child(3)::before{ content: 'P'; }
  .arena-competition-detail-table--full > div > small:nth-child(4){ grid-column: 3; }
  .arena-competition-detail-table--full > div > small:nth-child(4)::before{ content: 'W'; }
  .arena-competition-detail-table--full > div > small:nth-child(5){ grid-column: 4; }
  .arena-competition-detail-table--full > div > small:nth-child(5)::before{ content: 'D'; }
  .arena-competition-detail-table--full > div > small:nth-child(6){ grid-column: 5; }
  .arena-competition-detail-table--full > div > small:nth-child(6)::before{ content: 'L'; }
  .arena-competition-detail-table--full > div > small:nth-child(7){ grid-column: 6; }
  .arena-competition-detail-table--full > div > small:nth-child(7)::before{ content: 'GF'; }
  .arena-competition-detail-table--full > div > small:nth-child(8){ grid-column: 7; }
  .arena-competition-detail-table--full > div > small:nth-child(8)::before{ content: 'GA'; }
  .arena-competition-detail-table--full > div > small:nth-child(9){ grid-column: 8; }
  .arena-competition-detail-table--full > div > small:nth-child(9)::before{ content: 'GD'; }
  .arena-competition-detail-table--full .arena-competition-detail-logo{ width: 24px; height: 24px; flex-basis: 24px; }
  .arena-competition-detail-table.arena-competition-detail-table--full small{ font-size: 12px; }
  .arena-competition-detail-table--full strong{ grid-column: 9; grid-row: 1; font-size: 15px; }
  .arena-competition-detail-clubs > div{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .arena-competition-detail-news > div > :is(a,article){ grid-template-columns: 78px minmax(0,1fr) 12px; gap: 10px; padding-inline: 10px; }
  .arena-competition-detail-news img,
  .arena-competition-detail-news-placeholder{ width: 78px; height: 54px; }
  .arena-competition-detail-summary{ grid-template-columns: repeat(3,1fr); text-align: center; }
  .arena-competition-detail-summary span{ grid-row: 2; }
}

/* Rich text */
.block-rich-text{
  color: var(--body-text);
  font-family: var(--block-rich-text-font, var(--website-font-body)), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: var(--block-rich-text-size, var(--website-text-size-body));
  font-weight: var(--block-rich-text-weight, inherit);
  line-height: var(--block-rich-text-line-height, var(--website-line-height-body));
}
.block-rich-text h1,
.block-rich-text h2,
.block-rich-text h3{
  color: var(--website-color-heading);
  font-family: var(--block-rich-heading-font, var(--website-font-display)), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height: var(--website-line-height-heading);
}
.block-rich-text h1{ font-family: var(--block-rich-heading-font, var(--website-font-h1)), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
.block-rich-text h2{ font-family: var(--block-rich-heading-font, var(--website-font-h2)), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
.block-rich-text h3{ font-family: var(--block-rich-heading-font, var(--website-font-h3)), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
.block-rich-text h1{ font-size: var(--website-text-size-h1); margin: 0 0 12px 0; }
.block-rich-text h2{ font-size: var(--website-text-size-h2); margin: 18px 0 10px 0; }
.block-rich-text h3{ font-size: var(--website-text-size-h3); margin: 16px 0 8px 0; }
.block-rich-text p{ margin: 0 0 12px 0; }
.block-rich-text table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 10px 0 14px;
}
.block-rich-text table[data-cbx-width="small"]{ width: 50%; }
.block-rich-text table[data-cbx-width="normal"]{ width: 75%; }
.block-rich-text table[data-cbx-width="full"]{ width: 100%; }
.block-rich-text th,
.block-rich-text td{
  border: 1px solid color-mix(in srgb, var(--body-text) 18%, transparent);
  padding: 6px 8px;
  text-align: left;
  vertical-align: top;
}
.block-rich-text table[data-cbx-borders="hidden"] th,
.block-rich-text table[data-cbx-borders="hidden"] td{
  border-color: transparent;
}
.block-rich-text th{
  background: transparent;
  font-weight: 800;
}
.block-rich-text img{
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  margin: 12px 0;
}
.block-rich-text img[data-cbx-align="left"]{ margin-left: 0; margin-right: auto; }
.block-rich-text img[data-cbx-align="center"]{ margin-left: auto; margin-right: auto; }
.block-rich-text img[data-cbx-align="right"]{ margin-left: auto; margin-right: 0; }
.block-rich-text ul, .block-rich-text ol{ margin: 0 0 12px 18px; }
.block-rich-text blockquote{
  margin: 12px 0;
  padding: 10px 14px;
  border-left: 4px solid rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.03);
  border-radius: 8px;
}
.block-rich-text code{
  background: rgba(0,0,0,0.06);
  padding: 2px 6px;
  border-radius: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
}
.block-rich-text pre{
  background: rgba(0,0,0,0.06);
  padding: 12px;
  border-radius: 10px;
  overflow: auto;
}
.clubexLegalLayout{
  display: grid;
  grid-template-columns: minmax(190px, 240px) minmax(0, 860px);
  align-items: start;
  justify-content: center;
  gap: clamp(22px, 4vw, 44px);
  margin: 0 auto;
  padding: clamp(28px, 5vw, 56px) 0;
}
.clubexLegalSidebar{
  min-width: 0;
  position: sticky;
  top: calc(var(--site-sticky-offset, 0px) + 18px);
  align-self: start;
}
.clubexLegalMenu{
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
  border-radius: 0;
  background: color-mix(in srgb, var(--body-bg) 94%, var(--body-text) 6%);
}
.clubexLegalMenuLink{
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 0;
  color: inherit;
  font-weight: 800;
  text-decoration: none;
}
.clubexLegalMenuLink:hover,
.clubexLegalMenuLink:focus-visible{
  background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  outline: none;
}
.clubexLegalMenuLink.is-current{
  background: color-mix(in srgb, var(--color-accent) 18%, var(--body-bg) 82%);
  box-shadow: inset 3px 0 0 var(--color-accent);
}
.clubexLegalPage{
  min-width: 0;
}
.clubexLegalHeader{
  margin: 0 0 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid color-mix(in srgb, var(--body-text) 14%, transparent);
}
.clubexLegalKicker{
  margin: 0 0 8px;
  color: color-mix(in srgb, var(--body-text) 62%, transparent);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}
.clubexLegalHeader h1{
  margin: 0;
}
.clubexLegalMeta{
  margin: 10px 0 0;
  color: color-mix(in srgb, var(--body-text) 62%, transparent);
}
.clubexLegalInfo{
  margin: 0 0 30px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--body-text) 14%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--body-bg) 94%, var(--body-text) 6%);
}
.clubexLegalInfo dl{
  margin: 0;
  display: grid;
  gap: 12px;
}
.clubexLegalInfoRow{
  display: grid;
  grid-template-columns: minmax(140px, 210px) minmax(0, 1fr);
  gap: 14px;
}
.clubexLegalInfo dt{
  color: color-mix(in srgb, var(--body-text) 62%, transparent);
  font-weight: 800;
}
.clubexLegalInfo dd{
  margin: 0;
  white-space: pre-line;
}
.clubexLegalInfo a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.clubexLegalContent{
  display: grid;
  gap: 22px;
}
.clubexLegalSection h2{
  margin-top: 0;
}
.clubexLegalSection p:last-child{
  margin-bottom: 0;
}
.clubexPrivacySettingsCard{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--body-text) 14%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--body-bg) 90%, var(--color-accent) 10%);
}
.clubexPrivacySettingsCard h2{
  margin: 0 0 6px;
}
.clubexPrivacySettingsCard p{
  margin: 0;
}
.clubexPrivacySettingsButton{
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid color-mix(in srgb, var(--body-text) 18%, transparent);
  border-radius: var(--button-radius, 12px);
  background: var(--color-accent);
  color: var(--button-primary-text);
  font: inherit;
  font-weight: var(--button-font-weight, 600);
  text-decoration: none;
}
@media (max-width: 820px){
  .clubexLegalLayout{
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }

  .clubexLegalSidebar{
    position: static;
  }

  .clubexLegalMenu{
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 8px;
  }

  .clubexLegalMenuLink{
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .clubexLegalMenuLink.is-current{
    box-shadow: inset 0 -3px 0 var(--color-accent);
  }

  .clubexLegalInfoRow{
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .clubexPrivacySettingsCard{
    grid-template-columns: 1fr;
  }

  .clubexPrivacySettingsButton{
    width: 100%;
  }
}

/* Buttons / links */
.cbx-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--website-button-padding-y) var(--website-button-padding-x);
  border-radius: var(--website-button-radius);
  text-decoration: none;
  font-family: var(--website-font-button), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: var(--website-button-text-size);
  font-weight: var(--website-button-font-weight);
  border: 0 solid transparent;
  box-shadow: var(--website-button-shadow);
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}
.cbx-btn--primary{
  background: var(--website-button-primary-bg);
  color: var(--website-button-primary-text);
  border-width: var(--website-button-primary-border-width);
  border-color: var(--website-button-primary-border);
}
.cbx-btn--primary:hover,
.cbx-btn--primary:focus-visible{
  background: var(--website-button-primary-hover-bg);
  color: var(--website-button-primary-hover-text);
  border-width: var(--website-button-primary-hover-border-width);
  border-color: var(--website-button-primary-hover-border);
}
.cbx-btn--secondary{
  background: var(--website-button-secondary-bg);
  color: var(--website-button-secondary-text);
  border-width: var(--website-button-secondary-border-width);
  border-color: var(--website-button-secondary-border);
}
.cbx-btn--outline{
  background: var(--website-button-secondary-bg);
  border-width: var(--website-button-secondary-border-width);
  border-color: var(--website-button-secondary-border);
  color: var(--website-button-secondary-text);
}
.cbx-btn--secondary:hover,
.cbx-btn--secondary:focus-visible,
.cbx-btn--outline:hover,
.cbx-btn--outline:focus-visible{
  background: var(--website-button-secondary-hover-bg);
  color: var(--website-button-secondary-hover-text);
  border-width: var(--website-button-secondary-hover-border-width);
  border-color: var(--website-button-secondary-hover-border);
}
.pageSection-bg-primary .cbx-btn--primary{
  background: var(--color-accent);
  color: var(--website-button-primary-text);
  border-color: var(--website-button-primary-border);
}
.pageSection-bg-primary .cbx-btn--primary:hover,
.pageSection-bg-primary .cbx-btn--primary:focus-visible{
  background: var(--website-button-primary-hover-bg);
  color: var(--color-accent);
  border-color: var(--website-button-primary-hover-border);
}
.pageSection-bg-primary .cbx-btn--secondary,
.pageSection-bg-primary .cbx-btn--outline{
  background: var(--color-accent);
  color: var(--website-button-secondary-text);
  border-color: var(--website-button-secondary-border);
}
.pageSection-bg-primary .cbx-btn--secondary:hover,
.pageSection-bg-primary .cbx-btn--secondary:focus-visible,
.pageSection-bg-primary .cbx-btn--outline:hover,
.pageSection-bg-primary .cbx-btn--outline:focus-visible{
  background: var(--website-button-secondary-hover-bg);
  color: var(--color-accent);
  border-color: var(--website-button-secondary-hover-border);
}
.pageSection-bg-accent .cbx-btn--primary{
  background: var(--color-primary);
  color: var(--website-button-primary-text);
  border-color: var(--website-button-primary-border);
}
.pageSection-bg-accent .cbx-btn--primary:hover,
.pageSection-bg-accent .cbx-btn--primary:focus-visible{
  background: var(--website-button-primary-hover-bg);
  color: var(--color-primary);
  border-color: var(--website-button-primary-hover-border);
}
.pageSection-bg-accent .cbx-btn--secondary,
.pageSection-bg-accent .cbx-btn--outline{
  background: var(--color-primary);
  color: var(--website-button-secondary-text);
  border-color: var(--website-button-secondary-border);
}
.pageSection-bg-accent .cbx-btn--secondary:hover,
.pageSection-bg-accent .cbx-btn--secondary:focus-visible,
.pageSection-bg-accent .cbx-btn--outline:hover,
.pageSection-bg-accent .cbx-btn--outline:focus-visible{
  background: var(--website-button-secondary-hover-bg);
  color: var(--color-primary);
  border-color: var(--website-button-secondary-hover-border);
}
.block-link a, .cbx-link{
  color: var(--nav-underline);
  font-weight: 700;
  text-decoration: none;
}
.block-link a:hover, .cbx-link:hover{ text-decoration: underline; }
.block-link-description{
  margin-top: 4px;
  font-size: 14px;
  color: rgba(0,0,0,0.62);
}

/* Forms */
.block-form{
  display: grid;
  gap: 18px;
  max-width: 720px;
}
.block-form-title{
  color: var(--website-color-block-title);
  font-family: var(--website-font-h2), var(--website-font-display), var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: var(--website-text-size-h2);
  line-height: 1.2;
  margin: 0;
}
.block-form-fields{
  display: grid;
  gap: 14px;
}
.block-form-field{
  display: grid;
  gap: 6px;
  font-weight: 750;
}
.block-form-field span{
  color: inherit;
}
.block-form-field input,
.block-form-field textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: min(8px, var(--website-button-radius));
  background: color-mix(in srgb, var(--website-section-bg, #fff) 92%, #fff);
  color: inherit;
  font: inherit;
  font-weight: 500;
  padding: 11px 12px;
}
.block-form-field textarea{
  resize: vertical;
}
.block-form-field.block-form-checkbox{
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}
.block-form-field.block-form-checkbox input{
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.block-form-trap{
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.block-form-field input:focus,
.block-form-field textarea:focus{
  border-color: var(--nav-underline);
  outline: 2px solid color-mix(in srgb, var(--nav-underline) 24%, transparent);
  outline-offset: 2px;
}
.block-form-actions{
  display: flex;
  justify-content: flex-start;
}
.block-form-success{
  margin: 0;
  color: color-mix(in srgb, currentColor 72%, var(--nav-underline));
  font-weight: 700;
}
.block-form-success:empty{ display: none; }
.block-form-success[data-state="error"]{ color: #b42318; }

/* Images */
.block-image{
  margin: 0;
}
.block-image picture{
  display: block;
}
.block-image-link{
  display: block;
  color: inherit;
  text-decoration: none;
}
.block-image img{
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 16px;
  display: block;
}
.block-image figcaption{
  margin-top: 6px;
  color: var(--body-text);
  font-family: var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: var(--website-text-size-body);
  font-weight: inherit;
  line-height: var(--website-line-height-body);
}

/* Gallery */
.gallery-grid{
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(var(--gallery-columns, 3), minmax(0, 1fr));
}
.gallery-cell{
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,0.05);
  min-height: 120px;
}
.gallery-cell img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 4 / 3;
}
.gallery-cell figcaption{
  padding: 8px 10px;
  color: var(--body-text);
  font-family: var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: var(--website-text-size-body);
  line-height: var(--website-line-height-body);
}
.block-gallery-masonry .gallery-grid{
  align-items:start;
}
.block-gallery-masonry .gallery-cell:nth-child(3n + 2) img{
  aspect-ratio: 3 / 4;
}
.gallery-cell--placeholder{
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.06), rgba(0,0,0,0.06) 8px, rgba(0,0,0,0.02) 8px, rgba(0,0,0,0.02) 16px);
}
.block-galleries{
  display:grid;
  gap:16px;
}
.block-galleries-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.gallery-overview-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(17,24,39,.12);
  border-radius:14px;
  background:transparent;
  color:inherit;
}
.gallery-overview-cover{
  aspect-ratio:4 / 3;
  background:rgba(0,0,0,.05);
}
.gallery-overview-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.gallery-overview-copy{
  display:grid;
  gap:8px;
  padding:12px;
}
.gallery-overview-copy h3{
  margin:0;
  color:inherit;
  font-family:var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:var(--website-text-size-body);
  font-weight:700;
  line-height:var(--website-line-height-body);
}
.gallery-overview-copy time,
.gallery-overview-copy p{
  margin:0;
  color:inherit;
  font-family:var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:var(--website-text-size-body);
  font-weight:400;
  line-height:var(--website-line-height-body);
}
.block-galleries-list .gallery-overview-card{
  display:grid;
  grid-template-columns:minmax(120px, 180px) minmax(0,1fr);
  align-items:stretch;
}
@media (max-width: 720px){
  .gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .block-galleries-list .gallery-overview-card{
    grid-template-columns:1fr;
  }
}
@media (max-width: 480px){
  .gallery-grid{
    grid-template-columns:1fr;
  }
}

/* Video */
.block-video video{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}
.block-video-link{
  display: flex;
}
.video-external-link{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
}
.video-embed{
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,0.06);
}
.video-embed:not(.video-consent):not([data-video-height-px]),
.video-consent[data-loaded="1"]:not([data-video-height-px]){
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  padding-top: 56.25% !important;
}
.video-embed:not(.video-consent)[data-video-height-px],
.video-consent[data-loaded="1"][data-video-height-px]{
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
}
.video-embed iframe{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.video-embed:not(.video-consent) iframe,
.video-consent[data-loaded="1"] iframe{
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}
.video-consent{
  display: grid;
  place-items: center;
  padding: 20px;
}
.video-consent[data-loaded="1"]{
  display: block;
  padding: 0;
}
.video-consent-inner{
  max-width: 520px;
  text-align: center;
}
.video-consent-title{
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 8px;
}
.video-consent-copy{
  color: rgba(0,0,0,.66);
  margin-bottom: 14px;
}
.video-consent-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

/* Social */
.block-social{
  box-sizing: border-box;
}
.social-heading{
  margin: 0 0 28px;
  color: var(--website-color-block-title);
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 900;
  text-align: center;
}
.social-links{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.social-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--social-icon-background, color-mix(in srgb, var(--color-primary) 12%, transparent));
  text-decoration: none;
  font-weight: 700;
  color: var(--color-primary);
  transition: transform 150ms ease, background-color 150ms ease;
}
.social-link:hover{
  transform: translateY(-2px);
  background: color-mix(in srgb, var(--color-primary) 18%, transparent);
}
.social-link svg{
  width: 30px;
  height: 30px;
  fill: currentColor;
}
.block-social--list .social-links{
  align-items: stretch;
}
.block-social--list .social-link{
  width: auto;
  min-height: 48px;
  height: auto;
  padding: 0 18px;
  border-radius: 999px;
  gap: 10px;
}
.block-social--list .social-link svg{
  width: 24px;
  height: 24px;
}
.block-social--band{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 36px 16px 54px;
  background: var(--social-background, var(--color-primary));
  color: #fff;
}
.block-social--band .social-heading{
  margin-bottom: 38px;
  color: inherit;
}
.block-social--band .social-links{
  gap: 16px;
}
.block-social--band .social-link{
  width: 64px;
  height: 64px;
  background: var(--social-icon-background, rgba(255,255,255,.08));
  color: var(--social-icon-foreground, #fff);
}
.blockWrap-foreground-light .social-heading{
  color: #fff;
}
.blockWrap-foreground-light .block-social .social-link{
  color: var(--social-icon-foreground, #fff);
}
.block-social.social-icon-foreground-light .social-link{
  --social-icon-foreground: #fff;
}
.block-social.social-icon-foreground-dark .social-link{
  --social-icon-foreground: #111827;
}
.block-social--band .social-link:hover{
  background: rgba(255,255,255,.16);
}
@media (max-width: 720px){
  .block-social--band{
    padding: 32px 16px 44px;
  }
  .block-social--band .social-heading{
    margin-bottom: 28px;
  }
  .block-social--band .social-link{
    width: 56px;
    height: 56px;
  }
}

/* File */
.block-file{
  display:block;
  max-width: 100%;
  min-width: 0;
}
.file-card{
  box-sizing:border-box;
  display:grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items:center;
  column-gap:18px;
  row-gap:8px;
  width:100%;
  padding:14px 16px;
  border:1px solid rgba(17,24,39,.14);
  border-radius:12px;
  background:transparent;
  color:inherit;
  text-decoration:none;
  box-shadow:none;
  font-family: var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: var(--website-text-size-body);
  line-height: var(--website-line-height-body);
}
.file-card:hover{
  border-color:rgba(17,24,39,.24);
  background:transparent;
  text-decoration:none;
}
.file-card-leading,
.file-card-action{
  display:grid;
  place-items:center;
  color:currentColor;
}
.file-card-action{
  margin-left:24px;
}
.file-card-file-icon{
  width:26px;
  height:26px;
}
.file-card-action-icon{
  width:22px;
  height:22px;
}
.file-card svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.file-card-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.file-card-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
  min-width:0;
  font-weight:700;
  font-size:inherit;
  line-height:inherit;
  letter-spacing:0;
}
.file-card-meta{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
  min-width:0;
  color:inherit;
  font-size:inherit;
  font-weight:400;
  line-height:inherit;
}
.pageSection-ONE_COLUMN .file-card-copy,
.cols[style*="--cols:1"] .file-card-copy{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:baseline;
  column-gap:24px;
  row-gap:0;
}
.pageSection-ONE_COLUMN .file-card-meta,
.cols[style*="--cols:1"] .file-card-meta{
  justify-self:end;
  text-align:right;
}
@media (max-width: 720px){
  .pageSection-ONE_COLUMN .file-card-copy,
  .cols[style*="--cols:1"] .file-card-copy{
    display:grid;
    grid-template-columns:1fr;
    gap:2px;
  }
  .pageSection-ONE_COLUMN .file-card-meta,
  .cols[style*="--cols:1"] .file-card-meta{
    justify-self:start;
    text-align:left;
  }
}
.block-file .doc-preview{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.03);
}
.block-file .doc-preview iframe{
  width: 100%;
  height: 420px;
  border: 0;
  display: block;
}
.block-file .doc-preview img{
  width: 100%;
  display: block;
}
.block-file .doc-footer{
  margin-top: 12px;
}
.block-file-list{
  display:grid;
  gap:10px;
  max-width:100%;
  min-width:0;
}
.block-file-list-compact{
  gap:6px;
}
.block-file-list-compact .file-card{
  padding:10px 12px;
}


/* Webshop product listing */
.block-webshop-category-navigation{
  display:grid;
  gap:18px;
  padding-block:clamp(18px,3vw,34px);
}
.webshop-category-navigation-header{
  display:grid;
  gap:7px;
}
.webshop-category-navigation-header h2{
  margin:0;
  color:inherit;
  font-size:clamp(24px,3vw,36px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.webshop-category-navigation-header p{
  margin:0;
  max-width:62ch;
  color:color-mix(in srgb, currentColor 68%, transparent);
  line-height:1.5;
}
.webshop-category-navigation-grid{
  display:grid;
  grid-template-columns:repeat(var(--webshop-category-columns, 4), minmax(0, 1fr));
  gap:16px;
}
.webshop-category-navigation-card{
  position:relative;
  display:grid;
  grid-template-areas:"card";
  min-width:0;
  min-height:144px;
  overflow:hidden;
  border:1px solid color-mix(in srgb, currentColor 11%, transparent);
  border-radius:min(var(--website-button-radius, 14px), 20px);
  background:#fff;
  color:#111827;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.webshop-category-navigation-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 34%, transparent);
  box-shadow:0 16px 36px rgba(15,23,42,.12);
}
.webshop-category-navigation-card:focus-visible{
  outline:3px solid color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 38%, transparent);
  outline-offset:3px;
}
.webshop-category-navigation-media{
  grid-area:card;
  display:grid;
  place-items:center end;
  min-height:144px;
  overflow:hidden;
  background:linear-gradient(115deg,#fff 0%,#fff 42%,color-mix(in srgb,#fff 88%,currentColor 12%) 100%);
}
.webshop-category-navigation-media img{
  width:72%;
  height:100%;
  object-fit:contain;
  object-position:right center;
  transition:transform .22s ease;
}
.webshop-category-navigation-card:hover .webshop-category-navigation-media img{
  transform:scale(1.025);
}
.webshop-category-navigation-fallback{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:999px;
  background:color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 13%, #fff);
  color:var(--website-button-primary-bg, var(--color-primary));
  font-size:24px;
  font-weight:800;
}
.webshop-category-navigation-label{
  position:relative;
  z-index:1;
  grid-area:card;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  min-height:144px;
  padding:18px;
  font-size:clamp(17px,1.7vw,22px);
  font-weight:800;
}
.webshop-category-navigation-label > span:first-child{
  align-self:center;
  max-width:48%;
}
.webshop-category-navigation-label > span:last-child{
  align-self:end;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid color-mix(in srgb,currentColor 18%,transparent);
  border-radius:8px;
  background:#fff;
  color:#111827;
}
.webshop-category-navigation-card.is-priority{
  border-color:var(--color-accent,var(--website-button-primary-bg,var(--color-primary)));
  background:var(--color-accent,var(--website-button-primary-bg,var(--color-primary)));
  color:#fff;
}
.webshop-category-navigation-card.is-priority .webshop-category-navigation-media{
  background:linear-gradient(115deg,var(--color-accent,var(--website-button-primary-bg,var(--color-primary))) 0%,var(--color-accent,var(--website-button-primary-bg,var(--color-primary))) 45%,color-mix(in srgb,var(--color-accent,var(--website-button-primary-bg,var(--color-primary))) 74%,#111827) 100%);
}
.block-webshop-category-navigation[data-show-images="0"] .webshop-category-navigation-card{
  min-height:76px;
}
.block-webshop-category-navigation[data-show-images="0"] .webshop-category-navigation-label{
  height:100%;
  padding:16px 18px;
}
.webshop-category-navigation-state{
  color:color-mix(in srgb, currentColor 65%, transparent);
}
.webshop-category-navigation-state[hidden]{
  display:none;
}
.block-webshop-product-shelf{
  display:grid;
  gap:22px;
  padding-block:clamp(18px,3vw,34px);
}
.block-webshop-product-shelf{min-width:0;}
.block-webshop-product-detail .block-webshop-product-shelf{gap:16px;}
.block-webshop-product-detail .block-webshop-product-shelf[hidden]{display:none;}
.block-webshop-product-detail .block-webshop-product-shelf .webshop-product-media,
.block-webshop-product-detail .block-webshop-product-shelf .webshop-product-media-link,
.block-webshop-product-detail .block-webshop-product-shelf .webshop-shelf-controls button{border-radius:0;}
.block-webshop-product-shelf[data-webshop-shelf-layout="carousel"] .webshop-product-shelf-items{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  padding-bottom:8px;
}
.block-webshop-product-shelf[data-webshop-shelf-layout="carousel"] .webshop-product-shelf-items > *{
  flex:0 0 calc((100% - (var(--webshop-grid-columns,4) - 1) * 16px) / var(--webshop-grid-columns,4));
  min-width:0;
  scroll-snap-align:start;
}
.webshop-shelf-controls{display:flex;gap:8px;justify-content:flex-end;}
.webshop-shelf-controls[hidden]{display:none;}
.webshop-shelf-controls button{
  min-width:44px;min-height:44px;padding:8px 12px;
  color:inherit;background:transparent;border:1px solid currentColor;
  border-radius:var(--website-button-radius,8px);cursor:pointer;
}
.webshop-shelf-controls button:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
.webshop-shelf-controls button[aria-pressed="true"]{font-weight:700;}
@media(max-width:760px){
  .block-webshop-product-shelf[data-webshop-shelf-layout="carousel"] .webshop-product-shelf-items > *{flex-basis:44%;}
}
.webshop-product-shelf-header{
  display:flex;
  gap:24px;
  align-items:end;
  justify-content:space-between;
}
.webshop-product-shelf-header > div{
  display:grid;
  gap:7px;
}
.webshop-product-shelf-header h2{
  margin:0;
  color:inherit;
  font-size:clamp(24px,3vw,36px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.webshop-product-shelf-header p{
  margin:0;
  max-width:62ch;
  color:color-mix(in srgb, currentColor 68%, transparent);
  line-height:1.5;
}
.webshop-product-shelf-header a{
  display:inline-flex;
  flex:0 0 auto;
  gap:7px;
  align-items:center;
  min-height:44px;
  color:var(--website-button-primary-bg, var(--color-primary));
  font-weight:800;
  text-decoration:none;
}
.webshop-product-shelf-header a:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}
.webshop-product-shelf-header a:focus-visible{
  outline:2px solid currentColor;
  outline-offset:4px;
  border-radius:4px;
}
.block-webshop-campaign{
  display:grid;
  grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);
  gap:clamp(24px,4vw,56px);
  align-items:center;
  padding:clamp(24px,5vw,64px);
  overflow:hidden;
  border:1px solid color-mix(in srgb, #fff 18%, transparent);
  border-radius:0;
  background:linear-gradient(110deg,color-mix(in srgb,var(--color-primary,#071a3d) 96%,#000),color-mix(in srgb,var(--color-primary,#071a3d) 78%,#000));
  color:#fff;
}
.block-webshop-campaign-secondary{
  grid-template-columns:minmax(220px,1fr) minmax(220px,.7fr);
  padding:clamp(22px,3vw,40px);
}
.webshop-campaign-copy{
  display:grid;
  justify-items:start;
  gap:14px;
  min-width:0;
}
.webshop-campaign-eyebrow{
  margin:0;
  color:var(--color-accent,#ef3340);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.webshop-campaign-copy h2{
  margin:0;
  max-width:16ch;
  color:inherit;
  font-size:clamp(28px,4vw,52px);
  line-height:1.02;
  letter-spacing:-.035em;
}
.block-webshop-campaign-secondary .webshop-campaign-copy h2{
  font-size:clamp(24px,3vw,38px);
}
.webshop-campaign-text{
  margin:0;
  max-width:52ch;
  color:color-mix(in srgb, currentColor 72%, transparent);
  font-size:16px;
  line-height:1.55;
}
.webshop-campaign-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 18px;
  border-radius:9px;
  background:var(--color-accent,var(--website-button-primary-bg,var(--color-primary)));
  color:#fff;
  font-weight:800;
  text-decoration:none;
}
.webshop-campaign-action:hover{
  filter:brightness(.94);
}
.webshop-campaign-action:focus-visible{
  outline:3px solid color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 35%, transparent);
  outline-offset:3px;
}
.webshop-campaign-products{
  min-width:0;
}
.block-webshop-campaign-secondary .webshop-campaign-products{
  grid-template-columns:1fr;
}
.block-webshop-campaign > .webshop-product-grid-state{
  grid-column:1 / -1;
}
.block-webshop-product-shelf .webshop-product-card.is-listing,
.block-webshop-campaign .webshop-product-card.is-listing{
  position:relative;
  grid-template-columns:1fr;
  grid-template-areas:"media" "content" "actions" "options";
  grid-template-rows:auto auto auto auto;
  min-height:0;
}
.block-webshop-campaign .webshop-product-card.is-listing{
  grid-template-areas:"media";
  overflow:hidden;
}
.block-webshop-product-shelf .webshop-product-media-link,
.block-webshop-campaign .webshop-product-media-link{
  height:auto;
}
.block-webshop-product-shelf .webshop-product-media,
.block-webshop-campaign .webshop-product-media{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:5 / 4;
  border-radius:min(var(--website-button-radius,10px),20px) min(var(--website-button-radius,10px),20px) 0 0;
}
.block-webshop-product-shelf .webshop-product-content,
.block-webshop-campaign .webshop-product-content{
  grid-template-rows:none;
  gap:7px;
  padding:13px 14px 9px;
}
.block-webshop-campaign .webshop-product-content{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  padding:34px 14px 14px;
  background:linear-gradient(transparent,rgba(3,10,24,.82));
  color:#fff;
}
.block-webshop-campaign .webshop-product-content :is(.webshop-product-description,.webshop-product-stock,.webshop-product-preferred-size,.webshop-product-swatches,.webshop-product-badge){
  display:none;
}
.block-webshop-product-shelf .webshop-product-card.is-listing :is(.webshop-product-title-link,h3),
.block-webshop-campaign .webshop-product-card.is-listing :is(.webshop-product-title-link,h3){
  min-height:0;
}
.block-webshop-product-shelf .webshop-product-actions,
.block-webshop-campaign .webshop-product-actions{
  padding:0 14px 14px;
}
.block-webshop-campaign .webshop-product-actions,
.block-webshop-campaign .webshopQuickOptions{
  display:none;
}
.block-webshop-product-grid,
.block-webshop-product{
  display:block;
}
.block-webshop-product-grid .visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.webshop-product-grid-items{
  display:grid;
  grid-template-columns:repeat(var(--webshop-grid-columns, 4), minmax(0, 1fr));
  gap:16px;
  align-items:stretch;
}
.webshop-product-single{
  display:grid;
  max-width: 420px;
}
@media (max-width: 760px){
  .webshop-category-navigation-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .webshop-category-navigation-media{
    min-height:120px;
  }
  .webshop-product-shelf-header{
    align-items:start;
    flex-direction:column;
    gap:8px;
  }
  .block-webshop-campaign,
  .block-webshop-campaign-secondary{
    grid-template-columns:1fr;
    padding:24px 18px;
  }
  .webshop-campaign-copy h2,
  .block-webshop-campaign-secondary .webshop-campaign-copy h2{
    font-size:clamp(28px,10vw,42px);
  }
  .webshop-campaign-products{
    grid-template-columns:1fr;
  }
}
@media (max-width: 420px){
  .webshop-category-navigation-grid{
    grid-template-columns:1fr;
  }
  .block-webshop-category-navigation[data-show-images="1"] .webshop-category-navigation-card{
    min-height:132px;
  }
  .block-webshop-category-navigation[data-show-images="1"] .webshop-category-navigation-media{
    min-height:132px;
    aspect-ratio:auto;
  }
  .block-webshop-category-navigation[data-show-images="1"] .webshop-category-navigation-label{
    min-height:132px;
  }
}
.webshop-product-card{
  display:grid;
  grid-template-columns:minmax(124px, 43%) minmax(0, 1fr);
  grid-template-areas:"media content" "actions actions" "options options";
  color:#111827;
  min-width: 0;
  height:100%;
  overflow:hidden;
  border:1px solid color-mix(in srgb, currentColor 10%, transparent);
  border-radius:min(var(--website-button-radius, 10px), 20px);
  background:#fff;
  box-shadow:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.webshop-product-card.is-listing{
  grid-template-rows:minmax(188px, 1fr) auto auto;
  min-height:242px;
}
.webshop-product-content{
  grid-area:content;
  display:grid;
  align-content:start;
  gap:7px;
  min-width:0;
  padding:16px 16px 10px 8px;
  position:relative;
}
.webshop-product-card.is-listing .webshop-product-content{
  grid-template-rows:22px 38px 35px 18px minmax(22px, auto) 18px auto;
  gap:4px;
  padding:12px 14px 8px 8px;
}
.webshop-product-description{
  display:-webkit-box;
  overflow:hidden;
  margin:4px 0 0;
  color:color-mix(in srgb, currentColor 64%, transparent);
  font-size:13px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.webshop-product-card.is-listing .webshop-product-description{
  min-height:35px;
  margin:0;
  line-height:1.35;
}
.webshop-product-provenance{
  display:grid;
  gap:12px;
  margin-top:8px;
  padding:16px;
  border:1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius:10px;
  background:color-mix(in srgb, currentColor 3%, #fff);
}
.webshop-product-provenance h4{
  margin:0;
  font-size:15px;
}
.webshop-product-provenance dl{
  display:grid;
  grid-template-columns:max-content minmax(0, 1fr);
  gap:6px 12px;
  margin:0;
  font-size:13px;
}
.webshop-product-provenance dt{
  color:color-mix(in srgb, currentColor 60%, transparent);
}
.webshop-product-provenance dd{
  margin:0;
  font-weight:600;
}
.webshop-product-provenance-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}
.webshop-product-provenance-stats span{
  display:grid;
  gap:2px;
  padding:8px;
  border-radius:8px;
  background:#fff;
  text-align:center;
}
.webshop-product-provenance-stats strong{
  font-size:18px;
}
.webshop-product-provenance-stats small{
  color:color-mix(in srgb, currentColor 60%, transparent);
  font-size:11px;
}
.webshop-product-swatches{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}
.webshop-product-card.is-listing .webshop-product-swatches{
  min-height:18px;
  flex-wrap:nowrap;
  overflow:hidden;
}
.webshop-product-swatch{
  width:16px;
  height:16px;
  border:2px solid #fff;
  border-radius:999px;
  background:var(--webshop-swatch-color, #d1d5db);
  box-shadow:0 0 0 1px #b8c0cc;
}
.webshop-product-badge{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 9px;
  border:1px solid color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 24%, #fff);
  border-radius:var(--website-button-radius, 10px);
  background:color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 12%, #fff);
  box-shadow:0 2px 8px rgba(15,23,42,.1);
  color:var(--website-button-primary-bg, var(--color-primary));
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.webshop-product-card.is-listing .webshop-product-badge{
  min-height:22px;
  max-height:22px;
}
.webshop-product-card.is-listing .is-placeholder{
  visibility:hidden;
  pointer-events:none;
}
.webshop-product-badge.is-promotion{
  border-color:color-mix(in srgb, #d97706 26%, #fff);
  background:color-mix(in srgb, #d97706 14%, #fff);
  color:#9a4d05;
}
.webshop-product-badge.is-popular{
  border-color:color-mix(in srgb, #16835d 26%, #fff);
  background:color-mix(in srgb, #16835d 14%, #fff);
  color:#116849;
}
.webshop-product-media-link,
.webshop-product-title-link{
  display:block;
  min-width:0;
  color:inherit;
  text-decoration:none;
}
.webshop-product-media-link{
  grid-area:media;
}
.webshop-product-card.is-listing .webshop-product-media-link{
  height:100%;
}
.webshop-product-media-link:focus-visible,
.webshop-product-title-link:focus-visible{
  outline:2px solid var(--website-button-primary-bg, var(--color-primary));
  outline-offset:2px;
  border-radius:8px;
}
.webshop-product-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 35%, transparent);
  box-shadow:0 18px 44px rgba(15,23,42,.13);
}
.block-webshop-product-grid .webshop-product-card{
  padding: 0;
}
.block-webshop-product .webshop-product-card{
  padding: 16px;
}
.webshop-product-media{
  grid-area:media;
  position:relative;
  aspect-ratio: 1 / 1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:0;
  border-radius:min(var(--website-button-radius, 10px), 20px) 0 0 0;
  background:color-mix(in srgb, #fff 94%, currentColor 6%);
}
.webshop-product-media-badges{
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  max-width:calc(100% - 20px);
  pointer-events:none;
}
.webshop-product-media-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border:1px solid color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 32%, #fff);
  border-radius:var(--website-button-radius, 10px);
  background:color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 84%, #111827);
  box-shadow:0 2px 8px rgba(15,23,42,.16);
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1;
}
.webshop-product-media-badge.is-neutral{
  border-color:#d7dce3;
  background:rgba(255,255,255,.94);
  color:#344054;
}
.webshop-product-media-badge.is-success{
  border-color:#13795b;
  background:#16835d;
}
.webshop-product-media-badge.is-warning{
  border-color:#b45309;
  background:#d97706;
}
.webshop-product-card.is-listing .webshop-product-media{
  width:100%;
  height:100%;
  min-height:188px;
  aspect-ratio:auto;
}
.webshop-product-card.has-media .webshop-product-media{
  background:#fff;
}
.webshop-product-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}
.webshop-product-media.is-empty{
  background:
    linear-gradient(135deg, color-mix(in srgb, #fff 96%, currentColor 4%), color-mix(in srgb, #fff 88%, currentColor 12%));
}
.webshop-product-media-placeholder{
  max-width:12ch;
  color:color-mix(in srgb, currentColor 50%, transparent);
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  text-align:center;
}
.webshop-product-card h3{
  margin:0;
  font-family:var(--website-font-body), system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size:15px;
  line-height:1.25;
  font-weight: 800;
}
.webshop-product-card.is-listing .webshop-product-title-link,
.webshop-product-card.is-listing h3{
  min-height:38px;
}
.webshop-product-card.is-listing h3{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.webshop-product-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 10px;
  color:currentColor;
  font-size:15px;
}
.webshop-product-price{
  font-size:18px;
  font-weight:850;
  color:currentColor;
}
.webshop-product-stock{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#15803d;
  font-size:13px;
  font-weight:750;
}
.webshop-product-stock::before{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#39b974;
  content:"";
}
.webshop-product-stock.is-unavailable{
  color:#9a3412;
}
.webshop-product-stock.is-unavailable::before{
  background:#f97316;
}
.webshop-product-preferred-size{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#166534;
  font-size:12px;
  font-weight:750;
}
.webshop-product-preferred-size::before{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22c55e;
  content:"";
}
.webshop-product-preferred-size.is-unavailable{
  color:#9a3412;
}
.webshop-product-preferred-size.is-unavailable::before{
  background:#f97316;
}
.webshop-product-actions{
  grid-area:actions;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:0 12px 12px;
}
.webshop-product-actions .webshop-product-quantity{
  display:none;
}
.webshop-product-add,
.webshop-product-options-link{
  min-height:42px;
  justify-content:center;
  border-radius:var(--website-button-radius, 7px);
  font-weight:800;
}
.webshop-product-card.is-listing:has(.webshop-product-add:not(:disabled)) .webshop-product-add{
  background:var(--website-button-primary-bg, var(--color-primary));
  color:var(--website-button-primary-text, #fff);
}
.webshop-catalogue-toolbar{
  display:grid;
  grid-template-columns:minmax(170px,1fr) minmax(0,auto);
  gap:16px;
  align-items:end;
  margin-bottom:14px;
}
.webshop-catalogue-heading{
  display:grid;
  gap:2px;
}
.webshop-catalogue-heading h1{
  margin:0;
  color:var(--body-text, #111827);
  font-family:var(--website-font-display),var(--website-font-body),system-ui,sans-serif;
  font-size:clamp(24px,3vw,36px);
  line-height:1.1;
}
.webshop-catalogue-heading span{
  color:color-mix(in srgb, var(--body-text, #111827) 68%, transparent);
  font-size:14px;
}
.webshop-catalogue-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:stretch;
  justify-content:flex-end;
}
.webshop-catalogue-search{
  position:relative;
  display:flex;
  align-items:center;
  height:44px;
  min-width:min(280px,32vw);
}
.webshop-catalogue-search svg{
  position:absolute;
  left:12px;
  width:18px;
  height:18px;
  pointer-events:none;
}
.webshop-catalogue-search input,
.webshop-catalogue-sort select{
  width:100%;
  height:44px;
  min-height:44px;
  box-sizing:border-box;
  border:1px solid #cbd2dc !important;
  border-radius:var(--website-button-radius, 8px);
  background:#fff !important;
  color:#111827;
  font:inherit;
  font-size:14px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.webshop-catalogue-search input{
  padding:9px 12px 9px 38px;
}
.webshop-catalogue-sort{
  position:relative;
  display:flex;
  align-items:center;
  height:44px;
}
.webshop-catalogue-sort::after{
  position:absolute;
  right:14px;
  width:8px;
  height:8px;
  border-right:2px solid #475569;
  border-bottom:2px solid #475569;
  content:"";
  pointer-events:none;
  transform:translateY(-25%) rotate(45deg);
}
.webshop-catalogue-sort select{
  min-width:170px;
  padding:9px 34px 9px 12px;
  -webkit-appearance:none;
  appearance:none;
}
.webshop-product-view-switch{
  display:inline-grid;
  grid-template-columns:repeat(2, 44px);
  grid-auto-rows:1fr;
  height:44px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid #cbd2dc;
  border-radius:var(--website-button-radius, 8px);
  background:#fff;
}
.webshop-product-view-button{
  width:44px;
  height:100%;
  min-height:0;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-right:1px solid #cbd2dc;
  background:transparent;
  color:#475569;
  cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.webshop-product-view-button:last-child{
  border-right:0;
}
.webshop-product-view-button:hover{
  background:#f1f5f9;
  color:#111827;
}
.webshop-product-view-button.is-active{
  background:#071a3d;
  color:#fff;
}
.webshop-product-view-button:focus-visible{
  position:relative;
  z-index:1;
  outline:2px solid var(--button-primary-bg);
  outline-offset:-2px;
}
.webshop-product-view-button svg{
  width:20px;
  height:20px;
  display:block;
  fill:currentColor;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] :is(.webshop-product-description,.webshop-product-stock,.webshop-product-preferred-size){
  display:none;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-card.is-listing{
  position:relative;
  grid-template-columns:1fr;
  grid-template-areas:"media" "content" "actions" "options";
  grid-template-rows:auto auto auto auto;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-media-link{
  height:auto;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-media{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:5 / 4;
  border-radius:min(var(--website-button-radius, 10px), 20px) min(var(--website-button-radius, 10px), 20px) 0 0;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-content{
  position:relative;
  grid-template-columns:minmax(0, 1fr) auto;
  grid-template-rows:auto auto;
  align-items:start;
  gap:8px 16px;
  padding:14px 14px 10px;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-badge{
  position:absolute;
  z-index:1;
  top:0;
  left:14px;
  transform:translateY(-50%);
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-title-link,
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-card h3{
  grid-column:1;
  grid-row:1;
  min-height:0;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-card h3{
  font-size:var(--clubex-font-size-14, 14px);
  font-weight:700;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-meta{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  white-space:nowrap;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-price{
  font-size:var(--clubex-font-size-14, 14px);
  font-weight:700;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-swatches{
  grid-column:1 / -1;
  grid-row:2;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-actions{
  justify-items:end;
  padding:0 14px 14px;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-add{
  width:auto;
  min-width:160px;
  min-height:40px;
  padding:8px 16px;
  border:1px solid var(--website-button-primary-bg, var(--color-primary));
  background:transparent;
  color:var(--website-button-primary-bg, var(--color-primary));
  font-size:var(--clubex-font-size-14, 14px);
  font-weight:700;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-card.is-listing:has(.webshop-product-add:not(:disabled)) .webshop-product-add{
  background:transparent;
  color:var(--website-button-primary-bg, var(--color-primary));
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-add:hover:not(:disabled){
  background:color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 8%, transparent);
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-grid-items{
  grid-template-columns:1fr;
  gap:0;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-card{
  border-top:1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-card:last-child{
  border-bottom:1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-card{
  grid-template-columns:minmax(112px, 150px) minmax(220px, 1fr) minmax(210px, auto);
  grid-template-areas:"media content actions" "options options options";
  grid-template-rows:auto auto;
  align-items:center;
  gap:18px;
  min-height:0;
  padding:10px 12px;
  border-right:0;
  border-bottom:0;
  border-left:0;
  border-radius:0;
  box-shadow:none;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-content{
  grid-template-rows:none;
  gap:7px;
  padding:4px 0;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-content .is-placeholder{
  display:none;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-media{
  height:auto;
  min-height:0;
  aspect-ratio:1 / 1;
  max-height:130px;
  border-radius:8px;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-media-link{
  height:auto;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-actions{
  grid-template-columns:74px minmax(150px, 1fr);
  align-items:center;
  padding:0;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-actions .webshop-product-quantity{
  display:block;
  width:74px;
  min-height:40px;
  border:1px solid #d4d9e1;
  border-radius:7px;
  text-align:center;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-card h3{
  min-height:0;
  font-size:18px;
  line-height:var(--clubex-line-height-tight, 1.2);
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-title-link{
  min-height:0;
}
.block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-meta{
  font-size:var(--clubex-font-size-16, 16px);
}
.webshopQuickOptions{
  grid-area:options;
  display:grid;
  gap:20px;
  padding:16px;
  border-top:1px solid #e5e7eb;
  background:#fff;
  color:#111827;
}
.webshopQuickOptionsGroups{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
.webshopQuickOptionsGroup{
  display:grid;
  gap:10px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.webshopQuickOptionsGroup legend{
  margin:0;
  color:#4b5563;
  font-size:12px;
  font-weight:850;
  letter-spacing:.045em;
  line-height:1.2;
  text-transform:uppercase;
}
.webshopQuickOptionValues{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.webshopQuickOption{
  min-width:46px;
  min-height:42px;
  padding:8px 13px;
  border:1px solid #cfd6e1;
  border-radius:var(--website-button-radius, 10px);
  background:#fff;
  color:#111827;
  font:inherit;
  font-size:14px;
  font-weight:750;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease;
}
.webshopQuickOption:hover:not(:disabled){
  border-color:var(--website-button-primary-bg, var(--color-primary));
  transform:translateY(-1px);
}
.webshopQuickOption.is-selected{
  border-color:var(--website-button-primary-bg, var(--color-primary));
  background:var(--website-button-primary-bg, var(--color-primary));
  color:var(--website-button-primary-text, #fff);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--website-button-primary-bg, var(--color-primary)) 15%, transparent);
}
.webshopQuickOption:disabled{
  opacity:.38;
  text-decoration:line-through;
  cursor:not-allowed;
}
.webshopQuickOptionsActions{
  display:grid;
  grid-template-columns:132px minmax(180px,1fr);
  gap:16px;
  align-items:end;
  padding-top:18px;
  border-top:1px solid #e5e7eb;
}
.webshopQuickOptionsQuantity{
  display:grid;
  gap:7px;
  min-width:0;
  color:#4b5563;
  font-size:11px;
  font-weight:850;
  letter-spacing:.045em;
  line-height:1.2;
  text-transform:uppercase;
}
.webshopQuickOptionsStepper{
  display:grid;
  grid-template-columns:40px 50px 40px;
  width:132px;
  height:48px;
  overflow:hidden;
  border:1px solid #cfd6e1;
  border-radius:var(--website-button-radius, 12px);
  background:#fff;
}
.webshopQuickOptionsActions .webshop-product-quantity,
.webshopQuickOptionsQuantityStep{
  min-width:0;
  min-height:0;
  margin:0;
  border:0;
  background:transparent;
  color:#111827;
  font:inherit;
  font-weight:800;
  text-align:center;
}
.webshopQuickOptionsActions .webshop-product-quantity{
  width:100%;
  height:100%;
  padding:0;
  font-size:16px;
  appearance:textfield;
}
.webshopQuickOptionsQuantityStep{
  display:grid;
  place-items:center;
  padding:0;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.webshopQuickOptionsQuantityStep:hover{
  background:#f3f4f6;
  color:var(--website-button-primary-bg, var(--color-primary));
}
.webshopQuickOptionsActions .webshop-product-add{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:10px 18px;
  border:0;
  border-radius:12px;
  background:var(--website-button-primary-bg, var(--color-primary));
  color:var(--website-button-primary-text, #fff);
  font-weight:850;
  cursor:pointer;
}
.webshopQuickOptionsDialog{
  width:min(620px,calc(100vw - 32px));
  max-height:min(760px,calc(100vh - 32px));
  padding:0;
  overflow:auto;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  background:#fff;
  color:#111827;
  box-shadow:0 32px 96px rgba(2,12,31,.34);
}
.webshopQuickOptionsDialog::backdrop{
  background:rgba(2,12,31,.68);
  backdrop-filter:blur(3px);
}
.webshopQuickOptionsHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 22px;
  border-bottom:1px solid #e5e7eb;
  color:#111827;
}
.webshopQuickOptionsProduct{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-width:0;
}
.webshopQuickOptionsThumbnail{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #e4e7ec;
  border-radius:12px;
  background:#f5f6f8;
}
.webshopQuickOptionsThumbnail img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}
.webshopQuickOptionsThumbnail.is-empty::before{
  width:24px;
  height:18px;
  border:2px solid #c5cbd5;
  border-radius:4px;
  content:"";
}
.webshopQuickOptionsProductCopy{
  display:grid;
  gap:3px;
  min-width:0;
}
.webshopQuickOptionsProductCopy > span:first-child{
  color:var(--website-button-primary-bg, var(--color-primary));
  font-size:11px;
  font-weight:850;
  letter-spacing:.055em;
  line-height:1.2;
  text-transform:uppercase;
}
.webshopQuickOptionsProductCopy strong{
  overflow:hidden;
  font-size:20px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.webshopQuickOptionsPrice{
  color:#4b5563;
  font-size:14px;
  font-weight:750;
}
.webshopQuickOptionsDialog > .webshopQuickOptions{
  gap:22px;
  padding:22px;
  border-top:0;
}
.webshopQuickOptionsClose{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:999px;
  background:#f3f4f6;
  color:#111827;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.webshopQuickOptionsClose:hover{
  background:#e8ebf0;
}
.webshopQuickOptionsClose:focus-visible,
.webshopQuickOption:focus-visible,
.webshopQuickOptionsActions :is(input,button):focus-visible{
  outline:2px solid var(--website-button-primary-bg, var(--color-primary));
  outline-offset:-3px;
}
@media (max-width:600px){
  .webshopQuickOptionsDialog{
    width:calc(100vw - 20px);
    max-height:calc(100vh - 20px);
    border-radius:16px;
  }
  .webshopQuickOptionsHeader{
    padding:14px 16px;
  }
  .webshopQuickOptionsProduct{
    grid-template-columns:52px minmax(0,1fr);
    gap:11px;
  }
  .webshopQuickOptionsThumbnail{
    width:52px;
    height:52px;
  }
  .webshopQuickOptionsProductCopy strong{
    font-size:17px;
  }
  .webshopQuickOptionsDialog > .webshopQuickOptions{
    padding:18px 16px;
  }
  .webshopQuickOptionsActions{
    grid-template-columns:132px minmax(0,1fr);
    gap:12px;
  }
}
@media (max-width:1050px){
  .webshop-product-grid-items{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:761px) and (max-width:1050px){
  .block-webshop-product-grid .webshop-product-grid-items{grid-template-columns:repeat(min(var(--webshop-grid-columns,4),3),minmax(0,1fr));}
}
@media (max-width:720px){
  .webshop-product-grid-items{grid-template-columns:1fr;}
  .webshop-catalogue-toolbar{grid-template-columns:1fr;align-items:start;}
  .webshop-catalogue-actions{justify-content:stretch;}
  .webshop-catalogue-search{min-width:0;flex:1 1 100%;}
  .block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-card{
    grid-template-columns:96px minmax(0,1fr);
    grid-template-areas:"media content" "actions actions" "options options";
  }
  .block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-actions{grid-template-columns:70px 1fr;}
}
.block-webshop-ticket-grid .webshop-product-grid-items{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.block-webshop-ticket-grid[data-ticket-display-mode="GRID"] .webshop-product-grid-items{
  grid-template-columns:repeat(var(--webshop-grid-columns, 3), minmax(300px, 1fr));
  align-items:stretch;
  grid-auto-rows:1fr;
  gap:18px;
}
.webshop-ticket-link{
  display:grid;
  color:inherit;
  text-decoration:none;
  min-width:0;
  height:100%;
}
.webshop-ticket-link:focus-visible{
  outline:2px solid var(--button-primary-bg);
  outline-offset:4px;
  border-radius:20px;
}
.webshop-ticket-row{
  display:grid;
  grid-template-rows:58px minmax(0,1fr);
  gap:0;
  min-width:0;
  height:100%;
  overflow:hidden;
  border:1px solid color-mix(in srgb, var(--body-text) 9%, transparent);
  border-radius:20px;
  background:var(--body-bg);
  color:var(--body-text);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.webshop-ticket-card-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-width:0;
  height:58px;
  min-height:58px;
  max-height:58px;
  box-sizing:border-box;
  padding:12px 14px;
  overflow:hidden;
}
.webshop-ticket-header-copy{
  display:grid;
  gap:1px;
  min-width:0;
  overflow:hidden;
}
.webshop-ticket-header-copy strong{
  min-width:0;
  max-width:100%;
  color:var(--body-text);
  font-size:13px;
  font-weight:700;
  line-height:16px;
  text-transform:uppercase;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.webshop-ticket-header-copy span{
  min-width:0;
  max-width:100%;
  color:color-mix(in srgb, var(--body-text) 66%, transparent);
  font-size:12px;
  font-weight:400;
  line-height:15px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.webshop-ticket-header-sponsor-logo{
  display:block;
  width:auto;
  max-width:92px;
  max-height:30px;
  object-fit:contain;
  justify-self:end;
  align-self:center;
}
.webshop-ticket-match-row{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 62px;
  align-items:center;
  align-content:center;
  gap:10px;
  min-width:0;
  padding:12px 14px;
  border-top:1px solid color-mix(in srgb, var(--body-text) 8%, transparent);
}
.webshop-ticket-datebox{
  width:54px;
  min-height:48px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  border-radius:0;
  background:transparent;
  color:color-mix(in srgb, var(--body-text) 58%, transparent);
  text-align:center;
  font-size:14px;
  font-weight:400;
  line-height:1;
}
.webshop-ticket-datebox span{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
}
.webshop-ticket-datebox strong{
  font-size:28px;
  line-height:.95;
}
.webshop-ticket-competition{
  color:var(--body-text);
  font-size:15px;
  font-weight:900;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:0;
}
.webshop-ticket-body{
  display:grid;
  gap:4px;
  min-width:0;
  align-content:center;
}
.webshop-ticket-time{
  color:color-mix(in srgb, var(--body-text) 68%, transparent);
  font-size:15px;
  font-weight:750;
}
.webshop-ticket-row h3{
  margin:0;
  min-width:0;
  color:var(--body-text);
  font-size:16px;
  font-weight:400;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.webshop-ticket-event-summary{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
}
.webshop-ticket-event-logo{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:color-mix(in srgb, var(--body-text) 74%, transparent);
  font-size:11px;
  font-weight:600;
  line-height:1;
}
.webshop-ticket-event-logo.has-image{
  background:transparent;
}
.webshop-ticket-event-logo img{
  display:block;
  width:36px;
  height:36px;
  max-width:36px;
  max-height:36px;
  object-fit:contain;
}
.webshop-ticket-event-name{
  min-width:0;
  color:var(--body-text);
  font-size:16px;
  font-weight:400;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.webshop-ticket-ticket-type{
  padding-left:46px;
  min-width:0;
  color:color-mix(in srgb, var(--body-text) 58%, transparent);
  font-size:16px;
  font-weight:400;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.webshop-ticket-location{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
  color:color-mix(in srgb, var(--body-text) 58%, transparent);
  font-size:14px;
  font-weight:400;
  line-height:1.2;
  overflow:hidden;
}
.webshop-ticket-location svg{
  width:14px;
  height:14px;
  justify-self:center;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.webshop-ticket-location span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.webshop-ticket-teams{
  display:grid;
  gap:2px;
  min-width:0;
}
.webshop-ticket-team{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
}
.webshop-ticket-team-logo{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:color-mix(in srgb, var(--body-text) 74%, transparent);
  font-size:11px;
  font-weight:600;
  line-height:1;
}
.webshop-ticket-team-logo.has-image{
  background:transparent;
}
.webshop-ticket-team-logo img{
  display:block;
  width:36px;
  height:36px;
  max-width:36px;
  max-height:36px;
  object-fit:contain;
}
.webshop-ticket-team-name{
  min-width:0;
  color:var(--body-text);
  font-size:16px;
  font-weight:400;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.webshop-ticket-detail-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 16px;
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid color-mix(in srgb, var(--body-text) 8%, transparent);
}
.webshop-ticket-detail-facts:empty{
  display:none;
}
.webshop-ticket-detail-fact{
  display:grid;
  gap:1px;
  min-width:0;
}
.webshop-ticket-detail-fact span{
  min-width:0;
  color:color-mix(in srgb, var(--body-text) 58%, transparent);
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  text-transform:uppercase;
}
.webshop-ticket-detail-fact strong{
  min-width:0;
  color:color-mix(in srgb, var(--body-text) 72%, transparent);
  font-size:12px;
  font-weight:600;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.webshop-ticket-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  margin-top:4px;
  color:color-mix(in srgb, var(--body-text) 66%, transparent);
  font-size:13px;
  font-weight:750;
}
.webshop-ticket-meta-item{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
.webshop-ticket-action{
  display:grid;
  justify-items:end;
}
.webshop-ticket-price-button.cbx-btn{
  min-height:44px;
  min-width:132px;
  box-sizing:border-box;
  border-style:solid;
  border-width:1px;
}
.webshop-ticket-buy-icon.cbx-btn{
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
}
.webshop-ticket-buy-icon svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.webshop-ticket-price-button.cbx-btn--primary:hover,
.webshop-ticket-link:hover .webshop-ticket-price-button.cbx-btn--primary,
.webshop-ticket-link:focus-visible .webshop-ticket-price-button.cbx-btn--primary{
  background: var(--website-button-primary-hover-bg);
  color: var(--website-button-primary-hover-text);
  border-color: var(--website-button-primary-hover-border);
  border-width: 1px;
}
.webshop-ticket-visual-card{
  display:grid;
  min-width:0;
  height:100%;
  min-height:358px;
  overflow:hidden;
  border:1px solid color-mix(in srgb, var(--body-text) 8%, transparent);
  border-radius:min(var(--website-button-radius, 10px), 20px);
  background:var(--body-bg);
  color:var(--body-text);
  box-shadow:0 16px 34px rgba(15,23,42,.08);
}
.webshop-ticket-visual{
  display:grid;
  grid-template-rows:auto minmax(138px,1fr) auto 46px;
  gap:16px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  height:100%;
  min-height:0;
  padding:22px;
  align-content:start;
  background:var(--body-bg);
  color:var(--body-text);
}
.webshop-ticket-visual-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  min-height:0;
  overflow:hidden;
}
.webshop-ticket-visual-title{
  display:grid;
  gap:4px;
  min-width:0;
}
.webshop-ticket-visual-title h3{
  margin:0;
  font-size:21px;
  line-height:1.12;
  font-weight:900;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.webshop-ticket-visual-sponsor-logo{
  display:block;
  width:auto;
  max-width:78px;
  max-height:28px;
  object-fit:contain;
  align-self:start;
}
.webshop-ticket-visual-sponsor-label{
  max-width:150px;
  color:color-mix(in srgb, var(--body-text) 58%, transparent);
  font-size:11px;
  font-weight:800;
  line-height:1.15;
  text-align:right;
}
.webshop-ticket-visual-date{
  color:color-mix(in srgb, var(--body-text) 58%, transparent);
  font-size:16px;
  line-height:1.2;
  font-weight:650;
}
.webshop-ticket-visual-date-line{
  font-size:16px;
}
.webshop-ticket-visual-matchday{
  font-size:20px;
}
.webshop-ticket-visual-teams{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-width:0;
  height:100%;
  align-self:center;
  padding:18px;
  overflow:hidden;
  border:1px solid color-mix(in srgb, var(--body-text) 7%, transparent);
  border-radius:12px;
  background:color-mix(in srgb, #fff 94%, var(--body-bg));
}
.webshop-ticket-visual-team{
  display:grid;
  grid-template-rows:64px minmax(2.2em,auto);
  align-items:center;
  justify-items:center;
  align-content:center;
  gap:8px;
  min-width:0;
  text-align:center;
}
.webshop-ticket-visual-logo{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:0;
  border:0;
  background:transparent;
  color:color-mix(in srgb, var(--body-text) 76%, transparent);
  font-weight:950;
  font-size:30px;
  box-shadow:none;
}
.webshop-ticket-visual-logo.has-image{
  padding:8px;
  overflow:hidden;
}
.webshop-ticket-visual-logo img{
  display:block;
  width:min(100%, 48px);
  height:min(100%, 48px);
  max-width:48px;
  max-height:48px;
  object-fit:contain;
}
.webshop-ticket-visual-team strong{
  color:var(--body-text);
  max-width:16ch;
  min-height:2.2em;
  font-size:14px;
  line-height:1.12;
  font-weight:900;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.webshop-ticket-visual-vs{
  color:color-mix(in srgb, var(--body-text) 72%, transparent);
  align-self:center;
  padding-bottom:0;
  min-width:48px;
  min-height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:transparent;
  border:0;
  box-shadow:none;
  font-size:16px;
  font-weight:850;
  white-space:nowrap;
}
.webshop-ticket-visual-pass{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:16px;
  align-self:center;
  min-width:0;
  height:100%;
  padding:20px;
  border:1px solid color-mix(in srgb, var(--body-text) 7%, transparent);
  border-radius:12px;
  background:color-mix(in srgb, #fff 94%, var(--body-bg));
}
.webshop-ticket-visual-pass-mark{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:0;
  border:0;
  background:transparent;
  color:color-mix(in srgb, var(--body-text) 78%, transparent);
  font-size:34px;
  font-weight:950;
  box-shadow:none;
}
.webshop-ticket-visual-pass-mark img{
  width:min(100%, 58px);
  height:min(100%, 58px);
  max-width:58px;
  max-height:58px;
  object-fit:contain;
  display:block;
}
.webshop-ticket-visual-pass-copy{
  display:grid;
  gap:8px;
  min-width:0;
}
.webshop-ticket-visual-pass-copy h4{
  margin:0;
  color:var(--body-text);
  font-size:20px;
  line-height:1.12;
  font-weight:900;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.webshop-ticket-visual-pass-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  color:color-mix(in srgb, var(--body-text) 58%, transparent);
  font-size:14px;
  line-height:1.2;
  font-weight:750;
}
.webshop-ticket-visual-pass-meta span:not(:last-child)::after{
  content:"·";
  margin-left:10px;
  color:color-mix(in srgb, var(--body-text) 34%, transparent);
}
.webshop-ticket-visual-venue{
  min-height:0;
  color:color-mix(in srgb, var(--body-text) 52%, transparent);
  font-size:14px;
  line-height:1.2;
  font-weight:650;
  text-align:center;
  align-self:end;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.webshop-ticket-visual .webshop-ticket-price-button.cbx-btn{
  justify-self:stretch;
  min-width:0;
  min-height:46px;
  border-radius:8px;
  border-color:#50584b;
  background:#50584b;
  color:#fff;
  padding-inline:22px;
  font-size:16px;
  font-weight:750;
}
.webshop-ticket-link:hover .webshop-ticket-visual .webshop-ticket-price-button.cbx-btn--primary,
.webshop-ticket-link:focus-visible .webshop-ticket-visual .webshop-ticket-price-button.cbx-btn--primary{
  border-color:#3f473b;
  background:#3f473b;
  color:#fff;
}
@media (max-width: 700px){
  .block-webshop-ticket-grid .webshop-product-grid-items{
    gap:14px;
  }
  .webshop-ticket-link{
    height:auto;
  }
  .webshop-ticket-link:focus-visible{
    outline-offset:3px;
    border-radius:22px;
  }
  .webshop-ticket-row{
    grid-template-rows:48px minmax(0,1fr);
    gap:0;
    padding:0;
    border-radius:20px;
  }
  .webshop-ticket-card-header{
    height:48px;
    min-height:48px;
    max-height:48px;
    padding:10px;
  }
  .webshop-ticket-header-copy strong{
    font-size:11px;
    line-height:14px;
  }
  .webshop-ticket-header-copy span{
    font-size:10px;
    line-height:13px;
  }
  .webshop-ticket-match-row{
    grid-template-columns:42px minmax(0,1fr) 52px;
    align-items:center;
    gap:7px;
    padding:8px 10px;
  }
  .webshop-ticket-datebox{
    width:42px;
    min-height:40px;
    background:transparent;
    border-radius:0;
    color:color-mix(in srgb, var(--body-text) 58%, transparent);
    font-size:12px;
    font-weight:400;
  }
  .webshop-ticket-body{
    gap:2px;
  }
  .webshop-ticket-competition{
    font-size:13px;
    line-height:1.12;
  }
  .webshop-ticket-time{
    font-size:12px;
    line-height:1.15;
  }
  .webshop-ticket-row h3{
    font-size:14px;
    line-height:1.2;
  }
  .webshop-ticket-team{
    grid-template-columns:28px minmax(0,1fr);
    gap:7px;
  }
  .webshop-ticket-team-logo{
    width:28px;
    height:28px;
    font-size:11px;
  }
  .webshop-ticket-team-name{
    font-size:14px;
    line-height:1.2;
    white-space:nowrap;
  }
  .webshop-ticket-event-summary{
    grid-template-columns:28px minmax(0,1fr);
    gap:7px;
  }
  .webshop-ticket-event-logo{
    width:28px;
    height:28px;
    font-size:10px;
  }
  .webshop-ticket-event-logo img{
    width:28px;
    height:28px;
    max-width:28px;
    max-height:28px;
  }
  .webshop-ticket-event-name{
    font-size:14px;
    line-height:1.2;
  }
  .webshop-ticket-ticket-type{
    padding-left:35px;
    font-size:14px;
    line-height:1.2;
  }
  .webshop-ticket-location{
    grid-template-columns:28px minmax(0,1fr);
    gap:7px;
    font-size:12px;
    line-height:1.2;
  }
  .webshop-ticket-location svg{
    width:12px;
    height:12px;
  }
  .webshop-ticket-detail-facts{
    grid-template-columns:1fr;
    gap:5px;
    margin-top:6px;
    padding-top:8px;
  }
  .webshop-ticket-detail-fact span{
    font-size:9px;
  }
  .webshop-ticket-detail-fact strong{
    font-size:11px;
  }
  .webshop-ticket-meta{
    display:none;
  }
  .webshop-ticket-action{
    align-self:center;
    justify-items:end;
  }
  .webshop-ticket-price-button.cbx-btn{
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    padding:0;
  }
  .block-webshop-ticket-grid[data-ticket-display-mode="GRID"] .webshop-product-grid-items{
    grid-template-columns:1fr;
  }
  .webshop-ticket-visual{
    grid-template-rows:auto minmax(142px,1fr) auto 46px;
    min-height:0;
    gap:14px;
    padding:18px;
  }
  .webshop-ticket-visual-header{
    gap:12px;
  }
  .webshop-ticket-visual-teams{
    gap:12px;
    padding:14px;
  }
  .webshop-ticket-visual-pass{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    gap:14px;
    padding:16px;
  }
  .webshop-ticket-visual-pass-mark{
    width:72px;
    height:72px;
  }
  .webshop-ticket-visual-pass-meta{
    justify-content:center;
  }
  .webshop-ticket-visual-team{
    grid-template-rows:58px minmax(2.2em,auto);
  }
  .webshop-ticket-visual-logo{
    width:58px;
    height:58px;
  }
  .webshop-ticket-visual-vs{
    min-width:44px;
    min-height:30px;
    font-size:14px;
  }
}
@media (min-width: 701px) and (max-width: 1500px){
  .block-webshop-ticket-grid[data-ticket-display-mode="GRID"] .webshop-product-grid-items{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
.webshop-product-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:0;
}
.webshop-product-quantity{
  width: 72px;
  min-height: 40px;
  border: 1px solid color-mix(in srgb, var(--body-text) 22%, transparent);
  border-radius: var(--website-button-radius);
  padding: 8px;
  font: inherit;
  background: var(--body-bg);
  color: var(--body-text);
}
.webshop-product-add{
  min-height: 40px;
  cursor:pointer;
}
.webshop-product-add:disabled{
  cursor:not-allowed;
}
.webshop-product-grid-state{
  margin-top: 10px;
  color: color-mix(in srgb, var(--body-text) 66%, transparent);
}
@media (prefers-reduced-motion: reduce){
  .webshop-product-card{
    transition:none;
  }
  .webshop-product-link:hover .webshop-product-card{
    transform:none;
  }
}
@media (max-width: 760px){
  .webshop-product-grid-items{
    grid-template-columns: 1fr;
  }
  .webshop-catalogue-toolbar{
    grid-template-columns:1fr;
    align-items:start;
    margin-bottom:16px;
  }
  .webshop-catalogue-actions{
    justify-content:flex-start;
  }
  .webshop-catalogue-search{
    width:100%;
    min-width:100%;
  }
  .webshop-catalogue-sort{
    flex:1 1 150px;
  }
  .block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-grid-items{
    grid-template-columns:repeat(var(--webshop-grid-mobile-columns,1),minmax(0,1fr));
    gap:var(--clubex-space-12, 12px);
  }
  .block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="grid"] .webshop-product-add{
    min-height:44px;
  }
  .block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-card{
    grid-template-columns:96px minmax(0, 1fr);
    gap:var(--clubex-space-12, 12px);
    padding:var(--clubex-space-12, 12px) 0;
  }
  .block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-card h3{
    font-size:var(--clubex-font-size-16, 16px);
  }
  .block-webshop-product-grid[data-cbx-webshop-view-switch][data-cbx-webshop-product-view="list"] .webshop-product-meta{
    font-size:var(--clubex-font-size-14, 14px);
  }
}
.block-webshop-product-grid[data-webshop-catalogue-title]{
  margin:24px 0;
  padding:0 12px;
  box-sizing:border-box;
}
.block-webshop-product-detail .webshopProductDetail{
  --webshop-detail-control-radius:0;
  padding-left:12px;
  padding-right:12px;
}
/* Campaigns reuse shelf swipe and arrow behaviour when products overflow. */
.block-webshop-campaign .webshop-shelf-controls{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;}
.block-webshop-campaign .webshop-shelf-controls[hidden]{display:none;}
.block-webshop-campaign .webshop-shelf-controls button{width:44px;height:44px;border:0;border-radius:0;background:transparent;color:var(--color-primary);}
@media(max-width:760px){
  .block-webshop-campaign[data-webshop-shelf-layout="carousel"] .webshop-campaign-products{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .block-webshop-campaign .webshop-product-card{scroll-snap-align:start;}
}
/* One product tile for categories, related products and curated shelves. */
:is(.block-webshop-surface,.block-webshop-product-detail,.block-webshop-product-grid,.block-webshop-product-shelf,.block-webshop-campaign,.block-webshop-product) .webshop-product-card.is-listing.is-visual-tile{display:grid!important;grid-template-areas:"media" "content";grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible;}
:is(.block-webshop-surface,.block-webshop-product-detail,.block-webshop-product-grid,.block-webshop-product-shelf,.block-webshop-campaign,.block-webshop-product) .webshop-product-card.is-listing.is-visual-tile .webshop-product-media-link{grid-area:media;}
:is(.block-webshop-surface,.block-webshop-product-detail,.block-webshop-product-grid,.block-webshop-product-shelf,.block-webshop-campaign,.block-webshop-product) .webshop-product-card.is-listing.is-visual-tile .webshop-product-content{grid-area:content;position:static!important;padding:8px 0 0!important;background:transparent!important;color:var(--body-text)!important;}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-media{position:relative;}
:is(.block-webshop-surface,.block-webshop-product-detail,.block-webshop-product-grid,.block-webshop-product-shelf,.block-webshop-campaign,.block-webshop-product) .webshop-product-card.is-listing.is-visual-tile .webshop-product-actions{
  display:flex!important;grid-area:media;align-self:end;justify-self:end;position:relative!important;inset:auto!important;margin:8px!important;padding:0!important;z-index:2;
}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-quantity{display:none!important;}
:is(.block-webshop-surface,.block-webshop-product-detail,.block-webshop-product-grid,.block-webshop-product-shelf,.block-webshop-campaign,.block-webshop-product) .webshop-product-card.is-listing.is-visual-tile .webshop-product-add{
  display:flex!important;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:1px solid var(--body-text)!important;border-radius:0!important;background:var(--body-bg)!important;color:var(--body-text)!important;font-size:24px!important;line-height:1;box-shadow:none;
}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-add::before,
.webshop-product-card.is-listing.is-visual-tile .webshop-product-add::after{content:none!important;}
:is(.block-webshop-surface,.block-webshop-product-detail,.block-webshop-product-grid,.block-webshop-product-shelf,.block-webshop-campaign,.block-webshop-product) .webshop-product-card.is-listing.is-visual-tile .webshop-product-add:is(:hover,:focus-visible):not(:disabled){
  background:var(--color-accent)!important;color:var(--color-accent-text,#fff)!important;border-color:var(--color-accent)!important;
}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-content{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-swatches:not(.is-placeholder){
  display:flex!important;grid-area:media;align-self:end;justify-self:start;position:relative;z-index:2;
  margin:8px;padding:4px;gap:4px;max-width:calc(100% - 76px);min-width:0;min-height:0;
  background:var(--webshop-product-image-background,#f1f2f4);overflow-x:auto;flex-wrap:nowrap;
}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-swatch{width:20px;height:20px;flex:0 0 20px;}
.webshop-product-card.is-listing.is-visual-tile :is(.webshop-product-description,.webshop-product-stock,.webshop-product-badge.is-placeholder,.webshop-product-swatches.is-placeholder){display:none!important;}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-price{font-weight:700;}

.webshop-product-card.is-listing.is-visual-tile :is(.webshop-product-media-link,.webshop-product-media){border-radius:0!important;}
/* Bounded colour preview; the selector always exposes every colour. */
.webshop-product-card.is-listing.is-visual-tile{container-type:inline-size;}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-swatches{border:0;border-radius:0;box-shadow:none;cursor:pointer;overflow:hidden;padding:4px;}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-colours-more{display:none;font-size:12px;line-height:24px;white-space:nowrap;color:var(--color-primary);}
.webshop-product-card.is-listing.is-visual-tile .is-count-3{display:inline;}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-colours-more:empty{display:none;}
@container(max-width:180px){
  .webshop-product-card.is-listing.is-visual-tile .webshop-product-swatch:nth-child(3),
  .webshop-product-card.is-listing.is-visual-tile .is-count-3{display:none;}
  .webshop-product-card.is-listing.is-visual-tile .is-count-2:not(:empty){display:inline;}
}
@container(max-width:156px){
  .webshop-product-card.is-listing.is-visual-tile .webshop-product-swatch:nth-child(2),
  .webshop-product-card.is-listing.is-visual-tile .is-count-2{display:none;}
  .webshop-product-card.is-listing.is-visual-tile .is-count-1:not(:empty){display:inline;}
}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-stock.is-reserved{display:block!important;color:var(--body-text);font-size:12px;line-height:1.4;}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-actions:has(.webshop-product-reserved-label){width:auto!important;height:auto!important;}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-reserved-label{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 12px;border:1px solid var(--color-primary);border-radius:0;background:var(--body-bg);color:var(--color-primary);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;}
/* Shared image treatment for product tiles, detail gallery and thumbnails. */
.webshop-product-card.is-listing.is-visual-tile .webshop-product-media,
.block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) :is(.webshopProductDetailMedia,.webshopProductDetailThumbnail){
  background:var(--webshop-product-image-background,#f1f2f4);isolation:isolate;
}
.webshop-product-card.is-listing.is-visual-tile .webshop-product-media img,
.block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) :is(.webshopProductDetailMedia,.webshopProductDetailThumbnail) img{
  background:transparent;mix-blend-mode:multiply;
}
/* Keep the product and its first related shelf visible together on wide screens. */
.block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product){
  max-width:none;
  --webshop-detail-control-height:44px;
  padding-top:20px;
  padding-bottom:20px;
  gap:16px 32px;
}
.block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) .webshopProductDetailInfo{gap:12px;max-width:none;}
.block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) .webshopProductDetailMedia{aspect-ratio:auto;height:clamp(220px,30vh,320px);}
.block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) .webshopProductDetailThumbnail{width:52px;height:52px;flex-basis:52px;}
.block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) .webshopProductConfigurator{padding-block:8px;gap:10px;}
.block-webshop-product-detail .block-webshop-product-shelf{margin-block:12px;padding-block:0;}
@media(min-width:900px){
  .block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product){grid-template-columns:minmax(0,1fr) minmax(320px,1fr);}
  .block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) .webshopProductDetailActions{grid-template-columns:1fr 1fr;}
  /* Existing site CSS may force catalogue squares; detail shelves remain compact. */
  .block-webshop-product-detail .block-webshop-product-shelf .webshop-product-card.is-listing :is(.webshop-product-media,.webshop-product-media-link){aspect-ratio:auto;min-height:0;height:120px!important;}
  .block-webshop-product-detail .block-webshop-product-shelf .webshop-product-card.is-listing .webshop-product-media img{height:100%!important;max-height:120px;object-fit:contain;}
}
@media(max-width:899px){
  .block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product){gap:12px;padding-top:12px;}
  .block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) .webshopProductDetailMedia{height:180px;}
  .block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) .webshopProductDetailThumbnail{width:44px;height:44px;flex-basis:44px;}
  .block-webshop-product-detail .webshopProductDetail:not(.is-ticket-product) .webshopProductDetailActions{grid-template-columns:1fr 1fr;}
}
.block-webshop-product-detail :is(.webshopProductDetailMedia,.webshopProductDetailThumbnail,.webshopProductVariantChoice:not(.is-color-swatch),.webshopProductConfiguratorRequired,.webshopProductConfiguratorAdjustment){
  border-radius:0;
  box-shadow:none;
}
.block-webshop-product-grid[data-webshop-catalogue-title] :is(.webshop-catalogue-search input,.webshop-catalogue-sort select,.webshop-product-view-switch,.webshop-product-card,.webshop-product-media,.webshop-product-add,.webshop-product-quantity){
  border-radius:0;
  box-shadow:none;
}
@media(max-width:720px){
  .block-webshop-product-grid[data-webshop-catalogue-title][data-cbx-webshop-product-view="list"] .webshop-product-card{
    grid-template-columns:80px minmax(0,1fr);
    grid-template-areas:"media content" "media actions" "options options";
    grid-template-rows:auto auto auto;
    height:auto;
    align-content:start;
    gap:8px 12px;
  }
  .block-webshop-product-grid[data-webshop-catalogue-title][data-cbx-webshop-product-view="list"] .webshop-product-description{
    display:none;
  }
  .block-webshop-product-grid[data-webshop-catalogue-title][data-cbx-webshop-product-view="list"] .webshop-product-actions{
    grid-template-columns:minmax(0,1fr);
  }
  .block-webshop-product-grid[data-webshop-catalogue-title][data-cbx-webshop-product-view="list"] .webshop-product-actions .webshop-product-quantity{
    display:none;
  }
}

.webshop-shelf-dots{display:flex;flex-wrap:wrap;gap:2px;align-items:center;}
.webshop-shelf-dots button{width:28px;height:28px;min-width:28px;padding:0;border:0;background:transparent;color:var(--body-text);opacity:.35;font-size:22px;}
.webshop-shelf-dots button[aria-current="true"]{opacity:1;color:var(--color-accent);}


/* Team */
.block-team{
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.72);
}
.team-block-main{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.team-block-main h2{
  margin: 0;
  font-size: 24px;
  line-height: 1.15;
}
.team-block-meta{
  margin-top: 6px;
  color: rgba(0,0,0,0.64);
  font-size: 14px;
}
.team-block-number{
  min-width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(0,0,0,0.06);
  font-weight: 800;
}
.team-block-colors{
  display: flex;
  gap: 8px;
}
.team-block-colors span{
  width: 28px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.12);
}

/* Standings */
.block-standings{
  overflow-x: auto;
}
.standings-heading{
  margin-bottom: 12px;
}
.standings-heading h2{
  margin: 0;
  font-size: 24px;
}
.standings-season{
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
}
.standings-controls{
  display: flex;
  justify-content: flex-end;
  margin: 0 0 12px 0;
}
.standings-controls label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 14px;
}
.standings-controls select{
  min-width: 180px;
  height: 36px;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  padding: 0 10px;
  font: inherit;
}
.standings-empty{
  padding: 12px 14px;
  border: 1px dashed rgba(0,0,0,0.14);
  border-radius: 8px;
  color: var(--muted);
  background: rgba(0,0,0,0.03);
  font-size: 14px;
}
.standings-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.standings-table th,
.standings-table td{
  padding: 8px 10px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  text-align: center;
}
.standings-table th:nth-child(2),
.standings-table td:nth-child(2){
  text-align: left;
}
.standings-table tbody tr:hover{
  background: rgba(0,0,0,0.03);
}
.standings-table tbody tr.is-highlighted-team{
  background: color-mix(in srgb, var(--color-primary, #2563eb) 10%, transparent);
  font-weight: 700;
}

/* Carousel */
.block-carousel{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
}
.block-carousel--contained{
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 8px 18px rgba(0,0,0,0.06);
}
.carousel-viewport{ overflow: hidden; }
.carousel-track{
  position: relative;
}
.carousel-item{
  position: relative;
  width: 100%;
  overflow: hidden;
  background: rgba(15,23,42,0.04);
}
.carousel-item[hidden]{ display: none; }
.carousel-slide-link{
  display: block;
  text-decoration: none;
  color: inherit;
}
.carousel-media img{
  width: 100%;
  height: clamp(320px, 52vw, 620px);
  object-fit: cover;
  display: block;
}
.block-carousel--contained .carousel-media img{
  height: clamp(260px, 40vw, 480px);
}
.carousel-content{
  position: absolute;
  inset: auto 0 0;
  padding: 56px 72px 40px;
  background: linear-gradient(to top, rgba(2,6,23,.78), rgba(2,6,23,0));
}
.block-carousel .carousel-title{
  max-width: 760px;
  color: #fff;
  font-weight: 900;
  font-size: clamp(24px, 4vw, 48px);
  line-height: 1.08;
  margin-bottom: 8px;
}
.carousel-sub{
  max-width: 680px;
  color: rgba(255,255,255,.88);
  font-size: clamp(14px, 1.8vw, 18px);
  line-height: 1.45;
}
.carousel-control{
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 50%;
  background: rgba(2,6,23,.55);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}
.carousel-control:hover,
.carousel-control:focus-visible{ background: rgba(2,6,23,.78); }
.carousel-control--previous{ left: 16px; }
.carousel-control--next{ right: 16px; }
.carousel-dots{
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 16px;
  display: flex;
  gap: 8px;
  transform: translateX(-50%);
}
.carousel-dot{
  width: 9px;
  height: 9px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
  background: rgba(2,6,23,.35);
  cursor: pointer;
}
.carousel-dot.is-active{ background: #fff; transform: scale(1.2); }
.carousel-status{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 560px){
  .block-carousel{ border-radius: 12px; }
  .carousel-media img,
  .block-carousel--contained .carousel-media img{ height: 320px; }
  .carousel-content{ padding: 48px 48px 32px; }
  .carousel-control{ width: 36px; height: 36px; font-size: 24px; }
  .carousel-control--previous{ left: 8px; }
  .carousel-control--next{ right: 8px; }
  .carousel-dots{ bottom: 12px; }
}
@media (prefers-reduced-motion: reduce){
  .carousel-item{ scroll-behavior: auto; }
}

/* Divider & spacer */
.block-divider{
  border: none;
  border-top: 1px solid rgba(0,0,0,0.2);
  margin: 8px 0;
}
.block-divider.divider-dots{
  border-top-style: dotted;
}
.block-divider.divider-line{
  border-top-style: solid;
}

/* Section */
.block-section{
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.06);
}
.block-section.section-default{ background: transparent; border-color: transparent; }
.block-section.section-muted{ background: rgba(0,0,0,0.03); }
.block-section.section-accent{ background: color-mix(in srgb, var(--nav-underline) 12%, transparent); }
.block-section.section-none{ background: transparent; border-color: transparent; }
.block-section.section-light{ background: rgba(0,0,0,0.03); }
.block-section.section-dark{ background: rgba(0,0,0,0.08); }
.block-section.section-brand{ background: color-mix(in srgb, var(--nav-underline) 12%, transparent); }

/* Group */
.block-panel{
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.03);
}
.block-group-title{
  color: var(--website-color-block-title);
  font-weight: 800;
  margin-bottom: 8px;
}

.siteFooter{
  position: var(--website-footer-position);
  bottom: 0;
  z-index: 1040;
  flex: 0 0 auto;
  margin-top: auto;
  border-top: 1px solid rgba(0,0,0,.08);
  min-height: var(--website-utility-bar-height);
  box-sizing: border-box;
  padding: 8px 16px;
  color: var(--body-text);
  background: var(--body-bg);
  font-family: var(--website-font-body), system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: var(--website-text-size-body);
  font-weight: var(--block-rich-text-weight, inherit);
  line-height: var(--website-line-height-body);
  display:flex;
  align-items:center;
}
.siteFooterInner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.siteFooterLinks{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  flex-wrap:wrap;
}
.siteFooterLink,
.poweredByClubex{
  color:inherit;
  font:inherit;
  text-decoration:none;
}
.poweredByClubex{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.poweredByClubexLockup{
  display:block;
  width:80px;
  height:16px;
  flex:0 0 auto;
  color:inherit;
}
.siteFooterLink:hover,
.siteFooterLink:focus-visible,
.poweredByClubex:hover,
.poweredByClubex:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px;
}
.privacySettingsBtn{
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-decoration: underline;
}
.privacySettingsPanel{
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0,0,0,0.42);
}
.privacySettingsPanelCard{
  width: min(560px, 100%);
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--body-text) 14%, transparent);
  border-radius: 16px;
  background: var(--body-bg);
  color: var(--body-text);
  box-shadow: 0 24px 80px rgba(0,0,0,0.22);
}
.privacySettingsPanelHeader{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--body-text) 12%, transparent);
}
.privacySettingsPanelHeader h2{
  margin: 0 0 6px;
}
.privacySettingsPanelHeader p,
.privacySettingsOption p{
  margin: 0;
  color: color-mix(in srgb, var(--body-text) 70%, transparent);
}
.privacySettingsPanelClose{
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--body-text) 16%, transparent);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-size: 22px;
  line-height: 1;
}
.privacySettingsPanelBody{
  padding: 18px 0;
}
.privacySettingsOption{
  display: grid;
  gap: 6px;
}
.privacySettingsPanelActions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.privacySettingsPanelButton{
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--body-text) 18%, transparent);
  border-radius: var(--button-radius, 12px);
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}
.privacySettingsPanelButton.is-primary{
  background: var(--color-accent);
  color: var(--button-primary-text);
  border-color: transparent;
}

/* Mobile navigation */
.navMobileBar {
  display: var(--website-menu-mobile-display);
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px;
}
.navBurger {
  width: 42px;
  height: 42px;
  border-radius: 0;
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
}
.navBurgerTop {
  display: none;
}
.navBurger svg {
  width: 24px;
  height: 24px;
}
.navBurger [data-nav-icon="x"] {
  display: none;
}
.navBurger.is-open [data-nav-icon="menu"] {
  display: none;
}
.navBurger.is-open [data-nav-icon="x"] {
  display: block;
}
@media (min-width: 901px) {
  body[data-menu-position="left"] .siteHeader,
  body[data-menu-position="right"] .siteHeader {
    position: fixed;
    top: var(--website-sticky-top-offset);
    bottom: 0;
    width: var(--website-menu-side-width);
    height: calc(100vh - var(--website-sticky-top-offset));
    height: calc(100dvh - var(--website-sticky-top-offset));
    overflow: auto;
  }
  body[data-menu-position="left"] .siteHeader {
    left: 0;
    right: auto;
  }
  body[data-menu-position="right"] .siteHeader {
    left: auto;
    right: 0;
  }
  body[data-menu-position="left"] .page,
  body[data-menu-position="left"] .siteFooter {
    margin-left: var(--website-menu-side-width);
  }
  body[data-menu-position="right"] .page,
  body[data-menu-position="right"] .siteFooter {
    margin-right: var(--website-menu-side-width);
  }
  body[data-menu-position="left"] .brandRow,
  body[data-menu-position="right"] .brandRow,
  body[data-menu-position="left"] .brandMain,
  body[data-menu-position="right"] .brandMain {
    flex-direction: column;
    align-items: flex-start;
  }
  body[data-menu-position="left"] .navRoot,
  body[data-menu-position="right"] .navRoot {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 900px) {
  .utilityBar {
    display: block;
  }
  body[data-has-utility="true"] {
    --website-utility-bar-offset: 34px;
    --website-sticky-top-offset: 34px;
  }
  .utilityBarInner {
    min-height: 28px;
    padding: 2px 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    justify-items: center;
    gap: 8px;
  }
  .utilityLogoWrap {
    width: 28px;
    height: 28px;
  }
  .utilityLogoWrap img {
    width: 22px;
    height: 24px;
  }
  .utilityBrandTitle {
    max-width: min(220px, 62vw);
    font-size: 15px;
  }
  .utilitySlotLeft { justify-content:flex-start; }
  .utilitySlotRight { justify-content:flex-end; }
  .topBar { padding: 8px 10px; }
  .brandRow {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    justify-content: stretch;
    gap: 9px;
    max-width: none;
  }
  .navBurgerTop {
    display: flex;
    grid-column: 1;
    grid-row: 1;
  }
  .brandMain {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
  }
  .logoWrap {
    width: min(var(--website-menu-logo-size), 42px);
    height: min(var(--website-menu-logo-size), 42px);
    flex: 0 0 auto;
  }
  .logoWrap img {
    width: min(var(--website-menu-logo-image-width), 34px);
    height: min(var(--website-menu-logo-image-height), 36px);
  }
  .brandTitle {
    min-width: 0;
    font-size: 18px;
    line-height: 1.1;
    overflow-wrap: anywhere;
  }
  .brandTitle.hasShortTitle .brandTitleFull {
    display:none;
  }
  .brandTitleShort {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .siteHeaderActions {
    grid-column: 3;
    grid-row: 1;
    gap: 2px;
    min-width: max-content;
  }
  .mobileHeaderActions { display: none; }
  .utilityBar .siteHeaderActions { display: flex; }
  .siteLanguage { flex-direction: row; align-items: center; }
  .siteLanguageButton,
  .siteHeaderAction {
    height: 34px;
  }
  .siteLanguageButton { width: auto; min-width: 34px; gap: 5px; padding: 0 6px; }
  .siteHeaderAction { width: 34px; }
  .siteBackendAction { display: none; }
  .siteAccountBackendOption { display: flex; }
  .navMobileBar { display: none; }
  .nav { padding: 0; }
  .navRoot { display: none; flex-direction: column; gap: 0; padding: 0; }
  .navRoot.is-open { display: flex; padding: 8px 0; }
  .navItem { width: 100%; }
  .navLink, .navBtn { width: 100%; justify-content: space-between; padding: 14px 16px; }
  .navDropdown { position: static; width: auto; min-width: 0; margin: 0; padding: 0 0 0 12px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
  .navItem.hasChildren:hover > .navDropdown,
  .navItem.hasChildren:focus-within > .navDropdown { display: none; }
  .navItem.open > .navDropdown { display: block; }
  .siteFooter {
    min-height: 0;
    padding: 6px 12px;
    align-items: stretch;
    font-size: 13px;
    line-height: 1.18;
    color: color-mix(in srgb, var(--body-text) 72%, transparent);
    background: color-mix(in srgb, var(--body-bg) 96%, #fff 4%);
  }
  .siteFooterInner {
    display: grid;
    justify-content: stretch;
    align-items: start;
    gap: 4px;
  }
  .siteFooterLinks {
    justify-content: start;
    gap: 6px 12px;
  }
}