/* Public pages and configurable plugins. CMS columns, order, backgrounds and actions stay intact. */
.mfc-quadro :is(.mfc-search-results, .mfc-sitemap-directory, .mfc-contact-layout, .mfc-plugin) { min-width: 0; }
.mfc-quadro .mfc-search-workspace { padding: var(--mfc-card-padding); margin-bottom: var(--mfc-section-gap); background: var(--mfc-surface); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); }
.mfc-quadro .mfc-results-search { max-width: 70rem; }
.mfc-quadro .mfc-results-search label { display: block; font-size: var(--mfc-type-card); font-weight: 650; margin-bottom: .75rem; }
.mfc-quadro .mfc-results-search-control { display: flex; gap: .75rem; }
.mfc-quadro .mfc-results-search-control input { min-width: 0; flex: 1; }
.mfc-quadro .mfc-results-search-control .mfc-button { flex: none; padding-inline: 1.25rem; }
.mfc-quadro .mfc-results-search p { margin: .75rem 0 0; color: var(--mfc-muted); font-size: var(--mfc-type-small); }
.mfc-quadro .mfc-result-jumps { display: flex; gap: .5rem; flex-wrap: wrap; margin: 1.25rem 0 0; }
.mfc-quadro .mfc-result-jumps a { display: inline-flex; align-items: center; gap: .625rem; box-sizing: border-box; min-height: var(--mfc-control-small); padding: .375rem .75rem; color: var(--mfc-text); background: var(--mfc-surface-soft); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); font-size: var(--mfc-type-small); line-height: 1.5; }
.mfc-quadro .mfc-result-jumps a:hover { border-color: var(--mfc-brand); color: var(--mfc-brand); }
.mfc-quadro .mfc-result-jumps span { color: var(--mfc-muted); font-size: var(--mfc-type-small); font-variant-numeric: tabular-nums; }
.mfc-quadro .mfc-search-summary { margin: 0 0 1.5rem; color: var(--mfc-muted); overflow-wrap: anywhere; }
.mfc-quadro .mfc-search-empty { display: grid; justify-items: center; gap: 1rem; padding: var(--mfc-section-gap) var(--mfc-card-padding); border: 1px dashed var(--mfc-border); border-radius: var(--mfc-radius); background: var(--mfc-surface); text-align: center; }
.mfc-quadro .mfc-search-empty > .icon { margin: 0; font-size: 2rem; color: var(--mfc-muted); }
.mfc-quadro .mfc-search-message { max-width: 55ch; margin: 0; color: var(--mfc-muted); overflow-wrap: anywhere; }
.mfc-quadro .mfc-search-message strong { color: var(--mfc-text); }
.mfc-quadro .mfc-search-group + .mfc-search-group { margin-top: var(--mfc-section-gap); }
.mfc-quadro .mfc-result-heading { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; background: transparent; }
.mfc-quadro .mfc-result-heading h2 { margin: 0; font-size: var(--mfc-type-section); }
.mfc-quadro .mfc-result-heading > span { display: inline-grid; place-items: center; min-width: 1.75rem; min-height: 1.75rem; padding-inline: .375rem; border-radius: var(--mfc-radius); background: #fcebed; color: var(--mfc-brand); font-size: var(--mfc-type-small); font-weight: 650; }
.mfc-quadro .mfc-search-list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr)); gap: 1rem; }
.mfc-quadro .mfc-search-list > li { min-width: 0; }
.mfc-quadro .mfc-search-card { height: 100%; box-sizing: border-box; padding: var(--mfc-card-padding); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: var(--mfc-surface); overflow-wrap: anywhere; }
.mfc-quadro .mfc-search-card h3 { margin: 0; font-size: var(--mfc-type-card); line-height: 1.5; }
.mfc-quadro .mfc-search-card h3 a { display: inline-block; padding-block: .125rem; color: var(--mfc-text); text-decoration: none; }
.mfc-quadro .mfc-search-card h3 a:hover { color: var(--mfc-brand); text-decoration: underline; text-underline-offset: .2em; }
.mfc-quadro .mfc-search-card p { margin: .75rem 0 0; color: var(--mfc-muted); line-height: 1.7; }
.mfc-quadro .mfc-search-results mark { padding: 0 .1em; border-radius: .15rem; background: #fff0ba; color: #423400; }
.mfc-quadro .mfc-search-results > .mfc-result-jumps,
.mfc-quadro .mfc-sitemap-directory > .mfc-result-jumps { margin: 0 0 1.5rem; }
.mfc-quadro .mfc-sitemap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1.25rem; align-items: start; }
.mfc-quadro .mfc-sitemap-group { padding: var(--mfc-card-padding); border-radius: var(--mfc-radius); }
.mfc-quadro .mfc-sitemap-group ul { list-style: none; margin: 0; padding: 0; }
.mfc-quadro .mfc-sitemap-group li + li { border-top: 1px solid var(--mfc-border); }
.mfc-quadro .mfc-sitemap-group li a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .625rem 0; line-height: 1.5; overflow-wrap: anywhere; color: var(--mfc-text); }
.mfc-quadro .mfc-sitemap-group li a::after { content: '\2192'; color: var(--mfc-muted); flex: none; }
.mfc-quadro .mfc-sitemap-group li a:hover { color: var(--mfc-brand); }

/* Contact: one form surface within the page width chosen by CMS Layout. */
.mfc-quadro .mfc-contact-layout { container: mfc-contact-layout / inline-size; display: grid; gap: 1.5rem; }
.mfc-quadro .mfc-contact-panel { container: mfc-contact / inline-size; box-sizing: border-box; min-width: 0; margin: 0; padding: clamp(1.25rem, 2.2cqw, 2rem); border-radius: var(--mfc-radius); }
.mfc-quadro .mfc-contact-intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: .875rem 1.5rem; min-width: 0; margin: 0 0 1.5rem; padding: 0 0 1.25rem; border-bottom: 1px solid var(--mfc-border); }
.mfc-quadro .mfc-contact-intro > div { min-width: 0; }
.mfc-quadro .mfc-contact-intro h2 { margin: 0; font-size: var(--mfc-type-section); line-height: 1.4; }
.mfc-quadro .mfc-contact-intro p { max-width: 62ch; margin: .5rem 0 0; color: var(--mfc-muted); font-size: var(--mfc-type-body); line-height: 1.7; }
.mfc-quadro .mfc-contact-intro > small { align-self: start; color: var(--mfc-muted); font-size: var(--mfc-type-small); line-height: 1.7; }
.mfc-quadro .mfc-contact-section { min-width: 0; }
.mfc-quadro .mfc-contact-section + .mfc-contact-section { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--mfc-border); }
.mfc-quadro .mfc-contact-panel .mfc-form-section-heading { margin: 0 0 1rem; padding: 0; border: 0; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.mfc-quadro .mfc-contact-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem 1.25rem; }
.mfc-quadro .mfc-contact-panel .field { min-width: 0; margin: 0; }
.mfc-quadro .mfc-contact-section > .field + .field { margin-top: 1rem; }
.mfc-quadro .mfc-contact-panel label { display: block; margin-bottom: .5rem; color: var(--mfc-text); font-size: .875rem; font-weight: 500; line-height: 1.5; }
.mfc-quadro .mfc-contact-panel .mfc-required { color: var(--mfc-brand); }
.mfc-quadro .mfc-contact-panel :is(input:not([type="hidden"]), select, textarea) { box-sizing: border-box; min-width: 0; width: 100%; font: inherit; line-height: 1.5; }
.mfc-quadro .mfc-contact-panel select { min-height: var(--mfc-control-height); padding: .5rem .75rem; border: 1px solid #b9c3d0; border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-text); }
.mfc-quadro .mfc-contact-panel .chosen-container.chosen-with-drop { z-index: 3; }
.mfc-quadro .mfc-contact-panel .chosen-container-single.chosen-with-drop .chosen-single { border-radius: var(--mfc-radius); }
.mfc-quadro .mfc-contact-panel .chosen-container-single .chosen-single div b::before { color: var(--mfc-muted); font-size: .875rem; }
.mfc-quadro .mfc-contact-panel .chosen-container .chosen-drop { top: calc(100% + .25rem); box-sizing: border-box; width: 100%; margin-top: 0; border: 1px solid #b9c3d0; border-radius: var(--mfc-radius); background: var(--mfc-surface); box-shadow: 0 .5rem 1.25rem #17223414; }
.mfc-quadro .mfc-contact-panel .chosen-container .chosen-results { max-height: 18rem; margin: 0; padding: .25rem; overscroll-behavior: contain; }
.mfc-quadro .mfc-contact-panel .chosen-container .chosen-results li { box-sizing: border-box; min-height: 2.5rem; margin: 0; padding: .5rem .75rem; border: 0; border-radius: var(--mfc-radius); box-shadow: none; background: transparent; color: var(--mfc-text); font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
.mfc-quadro .mfc-contact-panel .chosen-container .chosen-results li:is(.active-result:hover, .highlighted, .result-selected) { background: var(--mfc-surface-soft); }
.mfc-quadro .mfc-contact-panel .chosen-container .chosen-results li.result-selected { color: var(--mfc-brand); }
.mfc-quadro .mfc-contact-panel .chosen-container .chosen-results li.disabled-result { color: var(--mfc-muted); opacity: .6; }
.mfc-quadro .mfc-contact-panel textarea { display: block; min-height: 10rem; resize: vertical; }
.mfc-quadro .mfc-contact-footer { display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; gap: 1.25rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--mfc-border); }
.mfc-quadro .mfc-contact-code { display: flex; align-items: center; gap: .875rem; min-width: 0; }
.mfc-quadro .mfc-contact-code input { flex: 0 1 9rem; width: 9rem; max-width: 100%; }
.mfc-quadro .mfc-contact-code img { flex: none; width: 60px; height: 25px; object-fit: contain; }
.mfc-quadro .mfc-contact-actions { display: flex; align-items: center; justify-content: flex-end; margin: 0; padding: 0; border: 0; }
.mfc-quadro .mfc-contact-actions .mfc-button { justify-content: center; min-width: 9rem; min-height: 2.75rem; padding-inline: 1.5rem; }
.mfc-quadro .mfc-contact-layout > #msgholder { min-width: 0; margin: 0; }
.mfc-quadro .mfc-contact-layout > #msgholder:empty { display: none; }
.mfc-quadro .mfc-contact-layout > #msgholder > .message { margin: 0; }
@container mfc-contact (min-width: 32rem) {
  .mfc-quadro .mfc-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container mfc-contact (min-width: 36rem) {
  .mfc-quadro .mfc-contact-footer { grid-template-columns: minmax(0, 1fr) auto; }
}
@container mfc-contact (min-width: 40rem) {
  .mfc-quadro .mfc-contact-intro { grid-template-columns: minmax(0, 1fr) auto; }
}
@container mfc-contact (max-width: 35.999rem) {
  .mfc-quadro .mfc-contact-actions .mfc-button { width: 100%; }
  .mfc-quadro .mfc-contact-panel :is(input, select, textarea) { font-size: 1rem; }
}
/* Keep the configured contact-page plugins aligned with the form surface. */
.mfc-contact-page .mfc-page-body:not(:empty) { margin-bottom: 1.5rem; }
.mfc-contact-page #leftwidget > .wojo-content-full { display: grid; gap: 1.5rem; }
.mfc-contact-page #leftwidget .mfc-plugin { margin: 0; }
.mfc-contact-page #leftwidget .mfc-plugin > .wojo.header { margin: 0 0 .875rem; padding: 0 0 .75rem; border: 0; border-bottom: 1px solid var(--mfc-border); background: transparent; box-shadow: none; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.mfc-contact-page #leftwidget .mfc-plugin > .wojo.header::before,
.mfc-contact-page #leftwidget .mfc-plugin > .wojo.header::after { content: none; display: none; }
.mfc-contact-page #leftwidget .widget-body .wojo.list { margin: 0; }
.mfc-contact-page #leftwidget .widget-body .wojo.list > .item { display: flex; align-items: baseline; gap: .625rem; padding: .75rem 0; font-size: .875rem; }
.mfc-contact-page #leftwidget .widget-body .wojo.list > .item > .icon { flex: none; margin: 0; color: var(--mfc-muted); }
.mfc-contact-page #side-menu > li { border: 0; box-shadow: none; }
.mfc-contact-page #side-menu > li + li { margin-top: .125rem; }
.mfc-contact-page #side-menu > li > a { display: grid; grid-template-columns: 1rem minmax(0, 1fr); align-items: center; gap: .125rem .625rem; min-height: 2.75rem; padding: .625rem .5rem; font-size: .875rem; }
.mfc-contact-page #side-menu > li > a > .icon { grid-column: 1; grid-row: 1 / span 2; margin: 0; color: var(--mfc-muted); }
.mfc-contact-page #side-menu > li > a > strong { grid-column: 2; font-weight: 500; line-height: 1.5; }
.mfc-contact-page #side-menu > li > a > small { display: block; grid-column: 2; color: var(--mfc-muted); font-size: .6875rem; line-height: 1.4; }
.mfc-contact-page #side-menu .menu-submenu { margin: .25rem 0 .5rem 1rem; padding: 0 0 0 .5rem; border-left: 1px solid var(--mfc-border); background: transparent; }
.mfc-contact-page #side-menu .menu-submenu li { border: 0; box-shadow: none; background: transparent; }
.mfc-contact-page #side-menu .menu-submenu a { display: flex; align-items: center; gap: .625rem; box-sizing: border-box; min-height: 2.5rem; padding: .5rem .625rem; color: var(--mfc-text); background: transparent; font-size: .875rem; line-height: 1.5; }
.mfc-contact-page #side-menu .menu-submenu a > .icon { flex: none; margin: 0; color: var(--mfc-muted); }
.mfc-contact-page #side-menu li > .icon.down.arrow { top: .5rem; right: .125rem; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; margin: 0; padding: 0; border-radius: var(--mfc-radius); color: var(--mfc-muted); line-height: 1; }
.mfc-contact-page #side-menu li > .icon.down.arrow:hover { color: var(--mfc-text); background: var(--mfc-surface-soft); }
body.mfc-contact-page #side-menu a:is(:hover, .active, .highlighted) { color: var(--mfc-brand); background: var(--mfc-surface-soft); }
body.mfc-contact-page #side-menu a:is(:hover, .active, .highlighted) > .icon { color: var(--mfc-brand); }
.mfc-contact-page .mfc-content > .wojo.error.message { margin: 0; padding: 1.25rem; border: 1px solid var(--mfc-border); background: var(--mfc-surface); color: var(--mfc-text); box-shadow: none; }

/* Error page has one clear recovery action and retains the configured company logo. */
.mfc-error-page #error-page { background: #f4f6f9; padding-block: var(--mfc-section-gap); text-align: start; }
.mfc-error-page #error-page .mfc-error-layout { display: grid; gap: var(--mfc-section-gap); align-items: center; max-width: 64rem; }
.mfc-error-page #error-page .mfc-error-number { font-size: clamp(5rem, 14vw, 10rem); line-height: .95; font-weight: 750; letter-spacing: -.08em; color: #d6dce5; }
.mfc-error-page #error-page .logo { margin: 0 0 1.5rem; padding: 0; text-align: start; }
.mfc-error-page #error-page .logo img { max-width: 10rem; }
.mfc-error-page #error-page h1 { margin: 0 0 1rem; color: #243043; font-size: var(--mfc-type-page); line-height: 1.25; }
.mfc-error-page #error-page .mfc-error-copy { max-width: 52ch; margin: .75rem 0 0; color: #606c7d; font-size: var(--mfc-type-body); line-height: 1.7; }
.mfc-error-page #error-page .mfc-error-actions { margin-top: var(--mfc-section-gap); }
@media (min-width: 48rem) {
  .mfc-error-page #error-page .mfc-error-layout { grid-template-columns: 1fr 2fr; }
}

/* Homepage CMS content: preserve authored copy and alignment, replace the old float-card geometry. */
.mfc-home .mfc-page-body { container: mfc-home-content / inline-size; padding-block: 0; }
.mfc-home .mfc-page-body > h1 { max-width: 36ch; margin: 0 0 .75rem; font-size: var(--mfc-type-section); letter-spacing: -.015em; }
.mfc-home .mfc-page-body > h1 + p { max-width: 60ch; margin: 0; color: var(--mfc-muted); font-size: var(--mfc-type-body); }
.mfc-home .mfc-page-body > .space.divider { height: 0; margin-block: 0; }
.mfc-home .mfc-page-body > .wojo-grid > .four.columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin: var(--mfc-section-gap) 0 0; width: 100%; }
.mfc-home .mfc-page-body > .wojo-grid > .four.columns::after { display: none; }
.mfc-home .mfc-page-body > .wojo-grid > .four.columns > .row { float: none; min-width: 0; width: auto; margin: 0; padding: 0; }
.mfc-home .mfc-page-body > .wojo-grid > .four.columns > .row > .segment { box-sizing: border-box; height: 100%; margin: 0; padding: var(--mfc-card-padding); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); box-shadow: none; }
.mfc-home .mfc-page-body .four.columns .segment .huge.circular.icon { display: inline-flex; align-items: center; justify-content: center; padding: 0; line-height: 1; vertical-align: middle; }
.mfc-home .mfc-page-body .four.columns .segment .huge.circular.icon::before { display: block; margin: 0; line-height: 1; }
.mfc-home .mfc-page-body > .wojo-grid > .four.columns h4 { margin: .25rem 0 .75rem; font-size: var(--mfc-type-card); }
.mfc-home .mfc-page-body > .wojo-grid > .four.columns p { margin: 0; color: var(--mfc-muted); font-size: var(--mfc-type-body); line-height: 1.75; }
@container mfc-home-content (min-width: 38rem) {
  .mfc-home .mfc-page-body > .wojo-grid > .four.columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container mfc-home-content (min-width: 75rem) {
  .mfc-home .mfc-page-body > .wojo-grid > .four.columns { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Hero: configured media proportions and slide options stay in the slider; copy is readable below it. */
.mfc-quadro .mfc-feature-slider { container: mfc-feature / inline-size; box-sizing: border-box; min-width: 0; margin: 1.5rem auto; width: 100%; max-width: var(--mfc-page-max); overflow: hidden; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
/* Only an unframed, full-width widget needs the page gutter. Split columns and inline embeds already have a content box. */
.mfc-quadro :is(#topwidget, #botwidget) > .topwidget > .columns > .screen-100 > .topwidget-wrap > .mfc-feature-slider { width: calc(100% - var(--mfc-gutter) * 2); }
.mfc-quadro .mfc-feature-media { min-width: 0; line-height: 0; background: #fff; }
/* Reserve the configured ratio before scripts or images load; only the first slide is shown. */
.mfc-quadro .mfc-feature-media .ns-slider:not(.ns_nerveSlider) { position: relative; width: 100%; aspect-ratio: var(--mfc-slide-aspect); overflow: hidden; }
.mfc-quadro .mfc-feature-media .ns-slider:not(.ns_nerveSlider) > :not(:first-child) { display: none; }
.mfc-quadro .mfc-feature-media .ns-slider:not(.ns_nerveSlider) > :first-child { position: absolute; inset: 0; width: 100%; height: 100%; }
.mfc-quadro .mfc-feature-media .ns-slider:not(.ns_nerveSlider) img { display: block; width: 100%; height: 100%; object-fit: contain; }
/* The initializer passes container-sized dimensions instead of a fixed 3600px stage. */
.mfc-quadro .mfc-feature-slider .ns_nerveSlider { display: block; }
.mfc-quadro .mfc-feature-slider .ns_slideImage { object-fit: contain; }
.mfc-quadro .mfc-feature-details { padding: var(--mfc-card-padding); border-top: 1px solid var(--mfc-border); }
.mfc-quadro .mfc-feature-copy { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem 2rem; align-items: center; }
.mfc-quadro .mfc-feature-copy > * { min-width: 0; }
.mfc-quadro .mfc-feature-copy[hidden] { display: none; }
.mfc-quadro .mfc-feature-copy h2 { margin: 0; font-size: var(--mfc-type-section); }
.mfc-quadro .mfc-feature-copy h2 a { color: var(--mfc-text); }
.mfc-quadro .mfc-feature-copy h2 a:hover { color: var(--mfc-brand); }
.mfc-quadro .mfc-feature-description { max-width: 70ch; color: var(--mfc-muted); line-height: 1.75; overflow-wrap: anywhere; }
.mfc-quadro .mfc-feature-description > :first-child { margin-top: 0; }
.mfc-quadro .mfc-feature-description > :last-child { margin-bottom: 0; }
.mfc-quadro .mfc-feature-slider :is(.ns_prevButton, .ns_nextButton) { top: 50%; transform: translateY(-50%); width: 2.75rem; height: 2.75rem; opacity: 0; pointer-events: none; background: #ffffffed; border: 1px solid #dfe4eb; border-radius: var(--mfc-radius); box-shadow: 0 2px 10px #17223414; transition: opacity .15s ease, background-color .15s ease; }
.mfc-quadro .mfc-feature-slider .ns_prevButton,
.mfc-quadro .mfc-feature-slider .ns_nerveSlider:hover .ns_prevButton { left: .75rem; }
.mfc-quadro .mfc-feature-slider .ns_nextButton,
.mfc-quadro .mfc-feature-slider .ns_nerveSlider:hover .ns_nextButton { right: .75rem; }
.mfc-quadro .mfc-feature-slider :is(.ns_prevButton, .ns_nextButton) > div { background: none; }
.mfc-quadro .mfc-feature-slider :is(.ns_prevButton, .ns_nextButton)::after { content: ''; position: absolute; top: 50%; left: 50%; width: .5rem; height: .5rem; border-top: 2px solid #243043; border-right: 2px solid #243043; }
.mfc-quadro .mfc-feature-slider .ns_prevButton::after { transform: translate(-30%, -50%) rotate(-135deg); }
.mfc-quadro .mfc-feature-slider .ns_nextButton::after { transform: translate(-70%, -50%) rotate(45deg); }
.mfc-quadro .mfc-feature-slider .ns_pauseButton { width: 2.75rem; height: 2.75rem; right: .75rem; bottom: .75rem; margin: 0; background: #ffffffed; border: 1px solid #dfe4eb; border-radius: var(--mfc-radius); }
.mfc-quadro .mfc-feature-slider .ns_nerveSlider:hover .ns_pauseButton { bottom: .75rem; }
.mfc-quadro .mfc-feature-slider .ns_pauseButton > div { background-image: url("../../../plugins/slider/theme/quadro/images/play-pause-dark.png"); background-size: 100% 200%; }
.mfc-quadro .mfc-feature-slider .ns_dots { top: auto; right: auto; bottom: .75rem; left: 50%; transform: translateX(-50%); padding: .375rem .5rem; }
.mfc-quadro .mfc-feature-slider .ns_dot { min-width: .75rem; min-height: .75rem; background: #606c7d; box-shadow: 0 0 0 3px #ffffffd9; }
.mfc-quadro .mfc-feature-slider .ns_dot.ns_selected { background: var(--mfc-brand); }
.mfc-quadro .mfc-feature-slider .ns_timer { height: 3px; background: var(--mfc-brand); }
/* Controls appear on interaction only, and never for a single-slide banner. */
.mfc-quadro .mfc-feature-slider :is(.ns_prevButton, .ns_nextButton, .ns_pauseButton, .ns_dots, .ns_filmstrip) { opacity: 0; pointer-events: none; transition: opacity .15s ease; }
.mfc-quadro .mfc-feature-slider:is(:hover, :focus-within) :is(.ns_prevButton, .ns_nextButton, .ns_pauseButton, .ns_dots, .ns_filmstrip) { opacity: 1; pointer-events: auto; filter: none; }
.mfc-quadro .mfc-feature-slider [role="button"]:focus-visible { outline: 2px solid #2269b3; outline-offset: 2px; }
.mfc-quadro .mfc-feature-slider[data-mfc-slide-count="1"] :is(.ns_prevButton, .ns_nextButton, .ns_pauseButton, .ns_dots, .ns_filmstrip, .ns_timer) { display: none !important; }

@container mfc-feature (min-width: 64rem) {
  .mfc-quadro .mfc-feature-copy { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  .mfc-quadro .mfc-feature-copy h2 { font-size: var(--mfc-type-page); }
}

/* Home uses NerveSlider's original caption layer and gradient artwork. */
.mfc-quadro .mfc-home-banner { position: relative; max-width: none; margin: 0; border: 0; border-radius: 0; }
.mfc-quadro.mfc-home #topwidget > .topwidget > .columns > .screen-100 > .topwidget-wrap > .mfc-home-banner { width: 100%; }
.mfc-quadro .mfc-home-banner .ns_slideImage { object-fit: fill; }
.mfc-quadro .mfc-home-banner.mfc-slider-ready > .mfc-feature-details { display: none; }
/* Keep the same caption readable before scripts start and with JavaScript disabled. */
.mfc-quadro .mfc-home-banner > .mfc-feature-details {
  position: absolute; inset: auto 0 0; z-index: 50; box-sizing: border-box;
  min-height: 136px; max-height: 100%; overflow: hidden; padding: 50px 35px 25px;
  border: 0; background: url("../../../plugins/slider/theme/quadro/images/caption-gradient.png") 0 bottom repeat-x;
  color: #fff; font-family: Arial, "Helvetica Neue", sans-serif; text-shadow: 1px 1px 1px #0008;
}
.mfc-quadro .mfc-home-banner .mfc-feature-copy { grid-template-columns: minmax(0, 1fr); gap: 0; }
.mfc-quadro .mfc-home-banner :is(.mfc-home-banner-title, .mfc-feature-copy h2) {
  display: block; margin: 0 0 12px; padding: 0; color: #fff;
  font-family: Raleway, sans-serif; font-size: 30px; line-height: 30px; font-weight: 300;
  letter-spacing: normal; text-shadow: inherit;
}
.mfc-quadro .mfc-home-banner :is(.mfc-home-banner-description, .mfc-feature-description) {
  max-width: none; margin: 0 0 12px; color: #fff; font-family: Raleway, sans-serif;
  font-size: 20px; line-height: 20px; font-weight: 300; letter-spacing: normal;
}
.mfc-quadro .mfc-home-banner :is(.ns_caption, .mfc-feature-details) a { color: #fff; }
/* Narrow screens retain the caption content without covering a shallow image. */
@media (max-width: 47.999rem) {
  .mfc-quadro .mfc-home-banner .ns_caption { display: none !important; }
  .mfc-quadro .mfc-home-banner.mfc-slider-ready > .mfc-feature-details { display: block; }
  .mfc-quadro .mfc-home-banner > .mfc-feature-details { position: static; min-height: 0; max-height: none; padding: 1rem; background: #fff; color: var(--mfc-text); text-shadow: none; }
  .mfc-quadro .mfc-home-banner .mfc-feature-copy h2 { color: inherit; font-family: var(--mfc-font); font-size: 1.375rem; line-height: 1.3; font-weight: 600; }
  .mfc-quadro .mfc-home-banner .mfc-feature-description { color: var(--mfc-muted); font-family: var(--mfc-font); font-size: .9375rem; line-height: 1.65; }
  .mfc-quadro .mfc-home-banner .mfc-feature-details a { color: inherit; }
}

/* Bottom placement uses the same page container for full-width and split widgets. */
.mfc-quadro #botwidget { color: var(--mfc-text); background: transparent; }
.mfc-quadro #botwidget .mfc-bottom-panel h3 { padding-top: 0; color: var(--mfc-text); font-size: var(--mfc-type-card); font-weight: 600; text-transform: none; }
.mfc-quadro .mfc-bottom-widgets:not(:has(.mfc-bottom-cell)) { display: none; }
.mfc-quadro .mfc-bottom-widgets { padding-block: var(--mfc-section-gap); border-top: 1px solid var(--mfc-border); }
.mfc-quadro .mfc-bottom-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mfc-section-gap); align-items: stretch; }
.mfc-quadro .mfc-bottom-cell { min-width: 0; container: mfc-bottom-widget / inline-size; }
.mfc-quadro .mfc-bottom-panel { box-sizing: border-box; min-width: 0; height: 100%; padding: var(--mfc-card-padding); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); color: var(--mfc-text); background: var(--mfc-surface); }
.mfc-quadro #botwidget .mfc-bottom-panel > .mfc-widget-title { margin: 0 0 1rem; padding: 0 0 .75rem; border-bottom: 1px solid var(--mfc-border); color: var(--mfc-text); font-size: var(--mfc-type-card); font-weight: 600; line-height: 1.5; text-transform: none; }
.mfc-quadro .mfc-bottom-panel > .widget-body { margin-bottom: 1rem; }
.mfc-quadro .mfc-bottom-panel > .widget-body:last-child { margin-bottom: 0; }
.mfc-quadro .mfc-bottom-panel > :is(.wojo.secondary.segment, .wojo.tertiary.segment, .wojo.basic.segment) { margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.mfc-quadro .mfc-bottom-panel > :is(.mfc-feature-slider, .mfc-rsc-videos, .mfc-content-carousel, .mfc-news-widget, .mfc-blog-latest) { width: 100%; max-width: none; margin: 0; }
.mfc-quadro .mfc-bottom-panel > :is(.mfc-content-carousel, .mfc-blog-latest),
.mfc-quadro .mfc-bottom-panel .mfc-news-slide { padding: 0; border: 0; border-radius: 0; }
.mfc-quadro .mfc-bottom-panel .mfc-blog-latest :is(.item h4, .mfc-story-meta) { padding-inline: 0; }
.mfc-quadro .mfc-bottom-panel:has(> .mfc-feature-slider):not(:has(> :is(.mfc-widget-title, .widget-body))) { padding: 0; border: 0; background: transparent; }
.mfc-quadro .mfc-bottom-panel :is(#cal-wrap-small, .elastic-slideshow, .ei-slider, #gmap, [id^="gmap_"]) { max-width: 100%; min-width: 0; }
.mfc-quadro .mfc-bottom-panel #online-users { position: relative; inset: auto; max-width: 100%; margin: 0; }
.mfc-quadro .mfc-bottom-panel .mfc-plugin-search { width: 100%; }
.mfc-quadro .mfc-bottom-panel #countevent { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; padding: 0; border: 0; }
.mfc-quadro .mfc-bottom-panel #countevent::after { display: none; }
.mfc-quadro .mfc-bottom-panel #countevent .dash { width: auto; min-width: 0; }
.mfc-quadro .mfc-bottom-panel #countevent .digit { font-size: clamp(1.25rem, 7cqw, 3rem); }
@media (min-width: 48rem) and (max-width: 63.999rem) {
  .mfc-quadro .mfc-bottom-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mfc-quadro .mfc-bottom-cell { grid-column: span 2; }
  .mfc-quadro .mfc-bottom-cell:is([data-space="1"], [data-space="2"], [data-space="3"], [data-space="4"], [data-space="5"]) { grid-column: span 1; }
}
@media (min-width: 64rem) {
  .mfc-quadro .mfc-bottom-grid { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .mfc-quadro .mfc-bottom-cell { grid-column: span var(--mfc-widget-span, 10); }
}

/* Configurable plugin families. Layout keeps control of their column widths. */
.mfc-quadro .mfc-plugin { overflow-wrap: anywhere; }
.mfc-quadro .mfc-plugin > h3 { margin: 0 0 1rem; padding: 0; font-size: var(--mfc-type-card); border: 0; }
.mfc-quadro .mfc-plugin :is(.wojo.secondary.segment, .wojo.tertiary.segment, .wojo.basic.segment) { box-shadow: none; }
.mfc-quadro .mfc-plugin .widget-body > :first-child { margin-top: 0; }
.mfc-quadro .mfc-plugin .widget-body > :last-child { margin-bottom: 0; }
.mfc-quadro .mfc-plugin :is(img, video, iframe) { max-width: 100%; }
.mfc-quadro .mfc-plugin :is(.wojo.list > .item, .mfc-story-list > .item) { padding-block: 1rem; border-color: var(--mfc-border); }
.mfc-quadro :is(.mfc-plugin, .mfc-blog-combo) .wojo.list > .item > .content { min-width: 0; }
.mfc-quadro .mfc-plugin .wojo.list > .item .header { font-size: var(--mfc-type-body); line-height: 1.5; }
.mfc-quadro .mfc-plugin .wojo.list > .item .description { margin-top: .375rem; color: var(--mfc-muted); font-size: var(--mfc-type-small); line-height: 1.6; }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #pdcats, #acomenu, #side-menu) { margin: 0; padding: 0; list-style: none; }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #pdcats, #acomenu, #side-menu) li { list-style: none; border-color: var(--mfc-border); }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #pdcats, #acomenu, #side-menu) a { display: block; padding: .75rem .875rem; color: var(--mfc-text); border-radius: var(--mfc-radius); line-height: 1.5; }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #pdcats, #acomenu, #side-menu) a:hover { color: var(--mfc-brand); background: #fcebed; }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #acomenu, #side-menu) .menu-submenu a { padding: .75rem .875rem; }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #acomenu, #side-menu) li:has(> .menu-submenu) > a { padding-inline-end: 2.75rem; }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #acomenu, #side-menu) li > .icon.down.arrow { z-index: 1; }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #acomenu) > ul { margin: 0; padding: 0; border: 0; }
.mfc-quadro :is(#blogcats, #creditcats, #shopcats, #acomenu) > ul ul,
.mfc-quadro #side-menu ul { margin: .25rem 0 .25rem .875rem; padding-left: .5rem; border-left: 1px solid var(--mfc-border); }
/* These plugins already sit inside a sidebar card; keep a single inset around their category list. */
.mfc-quadro :is(#leftwidget, #rightwidget) .wojo.segment:has(> :is(#blogcats, #creditcats, #shopcats, #pdcats)) { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.mfc-quadro .mfc-plugin:is([data-plugin="shopcats"], [data-plugin="creditcats"], [data-plugin="creditcart"]) h4 { margin: 0 0 .75rem; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.mfc-quadro :is(#shopcats, #creditcats) #dcats > li { border: 0; border-top: 1px solid var(--mfc-border); }
.mfc-quadro :is(#shopcats, #creditcats) #dcats > li > a { display: flex; align-items: baseline; gap: .5rem; padding: .75rem 0; border-radius: 0; font-size: .875rem; }
.mfc-quadro :is(#shopcats, #creditcats) #dcats > li > a > .icon { flex: none; margin: 0; color: var(--mfc-muted); }
.mfc-quadro :is(#shopcats, #creditcats) #dcats > li > a > small { float: none; flex: none; margin-inline-start: auto; color: var(--mfc-muted); font-size: .6875rem; font-weight: 400; }
/* Resource categories are whole-row links; current state stays distinct from hover. */
.mfc-quadro .mfc-resource-navigation > h4 { margin: 0 0 .5rem; padding: 0 0 .75rem; border: 0; border-bottom: 1px solid var(--mfc-border); color: var(--mfc-text); font-size: 1rem; font-weight: 600; line-height: 1.5; }
.mfc-quadro .mfc-resource-categories ul { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.mfc-quadro .mfc-resource-categories li { min-width: 0; margin: 0; padding: 0; list-style: none; }
.mfc-quadro .mfc-resource-categories li + li { border-top: 1px solid var(--mfc-border); }
.mfc-quadro .mfc-resource-categories a { display: grid; grid-template-columns: 1rem minmax(0, 1fr) auto; align-items: center; gap: .5rem; box-sizing: border-box; min-width: 0; min-height: 2.75rem; margin: .125rem 0; padding: .625rem .5rem; border-radius: var(--mfc-radius); color: var(--mfc-text); background: transparent; font-size: .875rem; line-height: 1.5; text-decoration: none; }
.mfc-quadro .mfc-resource-categories a:hover { color: var(--mfc-text); background: #f2f5f8; text-decoration: none; }
.mfc-quadro .mfc-resource-categories a[aria-current] { color: var(--mfc-brand); background: #fcf0f0; font-weight: 600; }
.mfc-quadro .mfc-resource-categories a:focus-visible { outline: 2px solid #2269b3; outline-offset: 2px; }
.mfc-quadro .mfc-resource-categories .icon { margin: 0; color: var(--mfc-muted); }
.mfc-quadro .mfc-resource-category-name { min-width: 0; overflow-wrap: anywhere; }
.mfc-quadro .mfc-resource-category-count { min-width: 1.5rem; margin: 0; padding: .125rem .375rem; border-radius: var(--mfc-radius); color: var(--mfc-muted); background: #f1f3f6; font-size: .75rem; line-height: 1.5; text-align: center; font-variant-numeric: tabular-nums; }
.mfc-quadro .mfc-resource-categories a[aria-current] :is(.icon, .mfc-resource-category-count) { color: inherit; }
.mfc-quadro .mfc-resource-categories a[aria-current] .mfc-resource-category-count { background: #f4dfe2; }
.mfc-quadro .mfc-resource-category-action { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 2.75rem; margin: 0 0 1rem; padding: .625rem .75rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-brand); font-size: .875rem; line-height: 1.5; text-align: center; text-decoration: none; }
.mfc-quadro .mfc-resource-category-action:hover { background: #f2f5f8; color: var(--mfc-brand); text-decoration: none; }
.mfc-quadro .mfc-resource-category-action:focus-visible { outline: 2px solid #2269b3; outline-offset: 2px; }
.mfc-quadro .mfc-plugin[data-plugin="creditcart"] > .wojo.segment { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.mfc-quadro :is(.mfc-blog-combo, [id="maintabs"]) .wojo.tabs { display: flex; gap: .25rem; overflow-x: auto; margin: 0; border: 0; padding: .25rem; background: var(--mfc-surface-soft); border-radius: var(--mfc-radius); }
.mfc-quadro :is(.mfc-blog-combo, [id="maintabs"]) .wojo.tabs li { flex: 1 0 auto; margin: 0; border: 0; box-shadow: none; }
.mfc-quadro :is(.mfc-blog-combo, [id="maintabs"]) .wojo.tabs a { box-sizing: border-box; min-height: var(--mfc-control-small); padding: .5rem .75rem; border: 0; border-radius: var(--mfc-radius); font-size: var(--mfc-type-small); line-height: 1.5; text-align: center; }
.mfc-quadro :is(.mfc-blog-combo, [id="maintabs"]) .wojo.tabs a.active { background: #fff; color: var(--mfc-brand); box-shadow: 0 1px 4px #1722340d; }
.mfc-quadro .mfc-blog-combo .bottom.attached.segment { padding: 1rem 0 0; margin: 0; background: transparent; border: 0; }
.mfc-quadro .mfc-blog-combo .bottom.attached.segment > .tab.content { padding: 0; }
.mfc-quadro .mfc-story-list .avatar.image { width: 3.25rem; height: 3.25rem; border-radius: var(--mfc-radius); object-fit: cover; }
.mfc-quadro .mfc-blog-combo .wojo.list > .mfc-blog-popular { display: grid; grid-template-columns: 3rem minmax(0, 1fr); align-items: start; gap: .75rem; padding-block: .875rem; }
.mfc-quadro .mfc-blog-combo .mfc-blog-popular::after { content: none; display: none; }
.mfc-quadro .mfc-blog-popular-media { display: block; overflow: hidden; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
.mfc-quadro .mfc-blog-popular-media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.mfc-quadro .mfc-blog-combo .wojo.list > .mfc-blog-popular > .content { display: block; padding: 0; }
.mfc-quadro .mfc-blog-popular > .content:only-child { grid-column: 1 / -1; }
.mfc-quadro .mfc-blog-combo .wojo.list > .mfc-blog-popular .header { font-size: .875rem; font-weight: 600; line-height: 1.5; }
.mfc-quadro .mfc-blog-popular .header a { color: var(--mfc-text); }
.mfc-quadro .mfc-blog-popular .header a:hover { color: var(--mfc-brand); }
.mfc-quadro .mfc-blog-combo .wojo.list > .mfc-blog-popular .description { margin-top: .375rem; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; }
/* Blog cards share the sidebar edges; each plugin has only one outer border. */
.mfc-quadro :is(#leftwidget, #rightwidget) .mfc-plugin:is([data-plugin="blogcats"], [data-plugin="blogcombo"]) { padding: 1rem; margin-bottom: 1.5rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; box-shadow: none; }
.mfc-quadro :is(#leftwidget, #rightwidget) .mfc-plugin[data-plugin="blogcombo"] { padding: 0; }
.mfc-quadro :is(#leftwidget, #rightwidget) .mfc-plugin[data-plugin="blogcombo"] > h3 { margin: 1rem; }
.mfc-quadro .mfc-plugin[data-plugin="blogcats"] h4 { margin: 0 0 .5rem; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.mfc-quadro #blogcats #acats > li { border-top: 1px solid var(--mfc-border); border-bottom: 0; }
.mfc-quadro #blogcats #acats > li > a { display: flex; align-items: baseline; gap: .5rem; padding: .625rem 0; border-radius: 0; font-size: .875rem; }
.mfc-quadro #blogcats #acats a > .icon { flex: none; margin: 0; color: var(--mfc-muted); }
.mfc-quadro #blogcats #acats a small { float: none; flex: none; margin-inline-start: auto; color: var(--mfc-muted); font-size: .6875rem; font-weight: 400; }
.mfc-quadro .mfc-blog-combo .wojo.tabs { padding: 0; border-bottom: 1px solid var(--mfc-border); border-radius: var(--mfc-radius) var(--mfc-radius) 0 0; background: #eef0f2; gap: 0; }
.mfc-quadro .mfc-blog-combo .wojo.tabs li { flex: 1 1 0; min-width: 0; }
.mfc-quadro .mfc-blog-combo .wojo.tabs a { padding: .625rem .375rem; border-radius: 0; font-size: .75rem; font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
.mfc-quadro .mfc-blog-combo .wojo.tabs a.active { color: #fff; background: #363b3f; box-shadow: none; }
.mfc-quadro .mfc-blog-combo .wojo.tabs a.active::before { display: none; }
.mfc-quadro :is(#leftwidget, #rightwidget) .mfc-blog-combo .bottom.attached.segment { padding: .25rem 1rem; }
.mfc-quadro .mfc-blog-combo .mfc-story-list { margin: 0; }
.mfc-quadro .mfc-blog-combo .wojo.list > .mfc-blog-popular .header a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mfc-quadro .mfc-blog-combo .wojo.list > .mfc-blog-popular .description { display: flex; align-items: baseline; gap: .25rem; }
.mfc-quadro .mfc-blog-combo .wojo.list > .mfc-blog-popular .description .icon { flex: none; margin: 0; }
.mfc-quadro .mfc-blog-latest { overflow: hidden; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
.mfc-quadro .mfc-blog-latest .item > a { display: block; }
.mfc-quadro .mfc-blog-latest .item > a img { display: block; width: 100%; aspect-ratio: 8 / 3; object-fit: cover; }
.mfc-quadro .mfc-blog-latest .item h4 { padding-inline: var(--mfc-card-padding); margin: 1.25rem 0 .75rem; font-size: var(--mfc-type-card); }
.mfc-quadro .mfc-blog-latest .mfc-story-meta { padding: 0 var(--mfc-card-padding) var(--mfc-card-padding); color: var(--mfc-muted); font-size: var(--mfc-type-small); line-height: 1.6; }
.mfc-quadro .mfc-story-meta .icon { margin-inline: .25rem .125rem; }
.mfc-quadro .mfc-news-widget { padding: 0; margin: 0; }
.mfc-quadro .mfc-news-slide { padding: var(--mfc-card-padding); background: #fff; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); }
.mfc-quadro .mfc-news-slide h5 { font-size: var(--mfc-type-card); margin: 0 0 .75rem; }
.mfc-quadro .mfc-news-slide .created { margin: 0 0 1rem; color: var(--mfc-muted); font-size: var(--mfc-type-small); }
.mfc-quadro .mfc-content-carousel { padding: var(--mfc-card-padding); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
.mfc-quadro :is(.mfc-plugin, .mfc-blog-latest, .mfc-content-carousel, .mfc-news-widget) .owl-controls { margin: 1rem 0; }
.mfc-quadro :is(.mfc-plugin, .mfc-blog-latest, .mfc-content-carousel, .mfc-news-widget) .owl-buttons > div { box-sizing: border-box; border-radius: var(--mfc-radius); min-width: var(--mfc-control-height); min-height: var(--mfc-control-height); line-height: var(--mfc-control-height); padding: 0; background: var(--mfc-surface-soft); color: var(--mfc-text); opacity: 1; }
.mfc-quadro :is(.mfc-plugin, .mfc-blog-latest, .mfc-content-carousel, .mfc-news-widget) .owl-page span { background: var(--mfc-brand); }
.mfc-quadro .mfc-plugin-search { display: flex; align-items: stretch; gap: .5rem; margin: 0; }
.mfc-quadro .mfc-plugin-search input { box-sizing: border-box; flex: 1; width: 100%; min-width: 0; min-height: var(--mfc-control-height); padding: .5rem .75rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; font: inherit; line-height: 1.5; }
.mfc-quadro .mfc-plugin-search button { box-sizing: border-box; flex: none; width: var(--mfc-control-height); border: 0; border-radius: var(--mfc-radius); background: var(--mfc-brand); color: #fff; cursor: pointer; }
.mfc-quadro :is(#shoplatestwrap, #mfc-legacy-shoplatestwrap, #shoprecentwrap, #shoppromotedwrap, #shoprelatedwrap, #shopsalewrap) > .segment { padding: 0 0 1rem; margin: 0; border: 0; background: transparent; }
.mfc-quadro :is(#shoplatestwrap, #mfc-legacy-shoplatestwrap, #shoprecentwrap, #shoppromotedwrap, #shoprelatedwrap, #shopsalewrap) > .segment h4 { margin: 0; font-size: var(--mfc-type-card); }
.mfc-quadro :is(#digiwrap.mfc-product-widget, #shoplatestwrap, #mfc-legacy-shoplatestwrap, #shoprecentwrap, #shoppromotedwrap, #shoprelatedwrap, #shopsalewrap) .mfc-product-card { box-sizing: border-box; min-width: 0; overflow: visible; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
.mfc-quadro :is(#digiwrap.mfc-product-widget, #shoplatestwrap, #mfc-legacy-shoplatestwrap, #shoprecentwrap, #shoppromotedwrap, #shoprelatedwrap, #shopsalewrap) .mfc-product-card .image-overlay { aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--mfc-radius) var(--mfc-radius) 0 0;}
.mfc-quadro :is(#digiwrap.mfc-product-widget, #shoplatestwrap, #mfc-legacy-shoplatestwrap, #shoprecentwrap, #shoppromotedwrap, #shoprelatedwrap, #shopsalewrap) .mfc-product-card .image-overlay > img { width: 100%; height: 100%; object-fit: contain; }
.mfc-quadro :is(#digiwrap.mfc-product-widget, #shoplatestwrap, #mfc-legacy-shoplatestwrap, #shoprecentwrap, #shoppromotedwrap, #shoprelatedwrap, #shopsalewrap) .mfc-product-card > article { padding: var(--mfc-card-padding); text-align: start; }
.mfc-quadro :is(#digiwrap.mfc-product-widget, #shoplatestwrap, #mfc-legacy-shoplatestwrap, #shoprecentwrap, #shoppromotedwrap, #shoprelatedwrap, #shopsalewrap) .mfc-product-card :is(h3, h4) { margin: 0 0 .75rem; font-size: 1rem; line-height: 1.5; }
.mfc-quadro :is(#digiwrap.mfc-product-widget, #shoplatestwrap, #mfc-legacy-shoplatestwrap, #shoprecentwrap, #shoppromotedwrap, #shoprelatedwrap, #shopsalewrap) .mfc-product-card > article p { margin: .75rem 0; color: var(--mfc-brand); font-weight: 650; }
.mfc-quadro #shoprecentwrap .mfc-product-card > h4 { padding-inline: var(--mfc-card-padding); margin-top: var(--mfc-card-padding); }
.mfc-quadro #shoprecentwrap .mfc-product-card > p { padding: 0 var(--mfc-card-padding) var(--mfc-card-padding); margin: 0; color: var(--mfc-brand); font-weight: 650; }
/* The promoted-product carousel keeps its horizontal clipping. An open variant menu
   participates in the card height instead of extending outside the Owl viewport. */
.mfc-quadro #shoppromotedwrap .mfc-product-card { container: mfc-promoted-card / inline-size; }
.mfc-quadro #shoppromotedwrap .mfc-product-card > article > .buttons { max-width: 100%; }
.mfc-quadro #shoppromotedwrap .mfc-product-card > article > .buttons:has(> .dropdown:is(.active, .visible)) { display: block; width: 100%; }
.mfc-quadro #shoppromotedwrap .mfc-product-card > article > .buttons:has(> .dropdown:is(.active, .visible)) > .button { display: block; float: none; width: 100%; min-width: 0; white-space: normal; }
.mfc-quadro #shoppromotedwrap .mfc-product-card > article > .buttons > .dropdown > .menu { position: static; top: auto; right: auto; bottom: auto; left: auto; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; margin: .5rem 0 0; white-space: normal; }
.mfc-quadro #shoppromotedwrap .mfc-product-card > article > .buttons > .dropdown > .menu::after { content: none; display: none; }
.mfc-quadro #shoppromotedwrap .mfc-product-card > article > .buttons > .dropdown > .menu > .item { white-space: normal; overflow-wrap: anywhere; }
@container mfc-promoted-card (max-width: 18rem) {
  .mfc-quadro #shoppromotedwrap .mfc-product-card > article > .buttons { display: block; width: 100%; }
  .mfc-quadro #shoppromotedwrap .mfc-product-card > article > .buttons > .button { display: block; float: none; width: 100%; min-width: 0; white-space: normal; }
}
.mfc-quadro #cartlist .item > img { width: 3.5rem; height: 3.5rem; object-fit: contain; background: #fff; border-radius: var(--mfc-radius); }
.mfc-quadro #cartlist .item .price { color: var(--mfc-brand); font-weight: 600; font-variant-numeric: tabular-nums; }
.mfc-quadro #cartlist .item .remove { display: inline-grid; place-items: center; min-width: 2.75rem; min-height: 2.75rem; }
.mfc-quadro #donations .progress { height: 1.5rem; padding: 0; overflow: hidden; border: 0; border-radius: var(--mfc-radius); background: var(--mfc-surface-soft); }
.mfc-quadro #donations .progress .bar { min-height: 1.5rem; line-height: 1.5rem; background-color: var(--mfc-brand); font-size: .75rem; }
.mfc-quadro #donations .two.buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.mfc-quadro #donations .two.buttons::after { content: none; display: none; }
.mfc-quadro #donations .two.buttons .button { width: auto; padding: .625rem .5rem; background: var(--mfc-surface-soft); border: 0; border-radius: var(--mfc-radius); font-size: var(--mfc-type-small); cursor: default; }
.mfc-quadro #pollcontainer #pollform { display: grid; gap: .75rem; }
.mfc-quadro #pollcontainer .question { margin: 0 0 1rem; font-weight: 600; font-size: 1rem; line-height: 1.6; }
.mfc-quadro #pollcontainer .option-bar { padding: .75rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
.mfc-quadro #pollcontainer .option-bar:hover { background: var(--mfc-surface-soft); color: var(--mfc-text); }
.mfc-quadro #pollcontainer :is(label, .option) { line-height: 1.6; }
.mfc-quadro #cal-wrap-small table { width: 100%; border-collapse: collapse; table-layout: fixed; background: #fff; }
.mfc-quadro #cal-wrap-small :is(th, td) { padding: .5rem .125rem; text-align: center; border-color: var(--mfc-border); }
.mfc-quadro #cal-wrap-small :is(a.changedate, a.view-events) { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; min-height: 2rem; border-radius: var(--mfc-radius); }
.mfc-quadro #cal-wrap-small a.view-events { background: #fcebed; color: var(--mfc-brand); }
.mfc-quadro #cal-wrap-small .small-calendar :is(th, td) { color: var(--mfc-text); font-family: inherit; font-size: var(--mfc-type-small); }
.mfc-quadro #cal-wrap-small .small-calendar thead th { padding-inline: 0; color: var(--mfc-muted); font-size: var(--mfc-type-caption); }
.mfc-quadro #cal-wrap-small .small-calendar thead tr td span.month { font-size: var(--mfc-type-body); }
.mfc-quadro #cal-wrap-small .small-calendar thead tr td a:is(.prev, .next) { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-width: 0; height: 2rem; font-size: var(--mfc-type-small); line-height: 1; color: var(--mfc-text); }
.mfc-quadro #cal-wrap-small .small-calendar tr td.events a,
.mfc-quadro #cal-wrap-small .small-calendar tbody tr td.today > span { display: flex; align-items: center; justify-content: center; width: min(2rem, 100%); min-width: 0; height: 2rem; color: var(--mfc-brand); background: #fcebed; border-radius: var(--mfc-radius); box-shadow: none; }
.mfc-quadro #countevent { padding: var(--mfc-card-padding); border-radius: var(--mfc-radius); background: #fff; border: 1px solid var(--mfc-border); }
.mfc-quadro #twitt .twitter_item { padding: var(--mfc-card-padding); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; box-shadow: none; }
.mfc-quadro #twitt .twitter_item > img { width: 3rem; height: 3rem; border-radius: var(--mfc-radius); object-fit: cover; }
.mfc-quadro #twitt .time { color: var(--mfc-muted); font-size: var(--mfc-type-small); }
.mfc-quadro #online-users.online, .mfc-quadro #online-users .items { box-sizing: border-box; padding: 1rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-text); }
.mfc-quadro #online-users .counter { color: var(--mfc-brand); font-variant-numeric: tabular-nums; }
.mfc-quadro #online-users .title { color: var(--mfc-muted); }
.mfc-quadro #pl_plugin { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; background: var(--mfc-surface-soft); border-radius: var(--mfc-radius); padding: 1rem; }
.mfc-quadro #pl_plugin :is(#pl_videoContainer, #pl_playlistContainer) { float: none; width: 100%; min-width: 0; margin: 0; padding: 0; }
.mfc-quadro #pl_plugin #pl_video { width: 100%; height: auto; padding: 0; aspect-ratio: 16 / 9; }
.mfc-quadro #pl_plugin #pl_video iframe { width: 100%; height: 100%; border: 0; border-radius: var(--mfc-radius); }
.mfc-quadro #pl_plugin #pl_playlistContainer { height: auto; max-height: 20rem; }
.mfc-quadro #pl_playlist { position: relative; margin: 0; padding: 0; list-style: none; }
.mfc-quadro #pl_playlist > li { float: none; padding: .75rem; border-radius: var(--mfc-radius); border-bottom: 1px solid var(--mfc-border); }
.mfc-quadro .elastic-slideshow { container: mfc-elastic / inline-size; overflow: hidden; border-radius: var(--mfc-radius); }
.mfc-quadro .elastic-slideshow .ei-title { max-width: min(75%, 40rem); }
.mfc-quadro [id^="gmap_"] { overflow: hidden; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); }
.mfc-quadro form[name="login_form_mod"] { display: grid; gap: 1rem; }
.mfc-quadro form[name="login_form_mod"] .field { margin: 0; }
.mfc-quadro form[name="login_form_mod"] .button { width: 100%; }
.mfc-quadro .mfc-plugin .widget-body form { max-width: 100%; }
.mfc-quadro .mfc-plugin .widget-body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) { max-width: 100%; box-sizing: border-box; }
@media (max-width: 39.999rem) {
  .mfc-quadro .mfc-results-search-control { flex-wrap: wrap; }
  .mfc-quadro .mfc-results-search-control input { flex-basis: 100%; }
  .mfc-quadro .mfc-results-search-control .mfc-button { width: 100%; }
  .mfc-quadro .mfc-contact-panel select { font-size: 1rem; }
  .mfc-quadro .mfc-contact-actions .mfc-button { width: 100%; }
}
@container mfc-feature (max-width: 40rem) {
  .mfc-quadro .mfc-feature-slider .ns_nerveSlider { min-height: 4rem; }
  .mfc-quadro .mfc-feature-slider :is(.ns_prevButton, .ns_nextButton) { width: 2rem; height: 2.5rem; }
  .mfc-quadro .mfc-feature-slider .ns_pauseButton,
  .mfc-quadro .mfc-feature-slider .ns_nerveSlider:hover .ns_pauseButton { width: 2rem; height: 2rem; left: 50%; right: auto; bottom: .375rem; transform: translateX(-50%); }
  .mfc-quadro .mfc-feature-slider .ns_dots { top: .375rem; bottom: auto; padding: .125rem .375rem; }
  .mfc-quadro .mfc-feature-copy h2 { font-size: var(--mfc-type-card); }
}
@media (prefers-reduced-motion: reduce) {
  .mfc-quadro .mfc-feature-slider :is(.ns_prevButton, .ns_nextButton) { transition: none; }
}

.mfc-quadro #pdcats .item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .375rem; }
.mfc-quadro #pdcats .item::after { content: none; display: none; }
.mfc-quadro #pdcats .item > .icon { grid-column: 1; grid-row: 1; margin: 0; }
.mfc-quadro #pdcats .item > a { grid-column: 2; grid-row: 1; padding: .5rem; }
.mfc-quadro #pdcats .item > .label { grid-column: 3; grid-row: 1; float: none; margin: 0; }
.mfc-quadro .mfc-widget-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem; margin: .875rem 0; }
.mfc-quadro .mfc-widget-price .label { margin: 0; font-size: var(--mfc-type-body); color: var(--mfc-brand); }
.mfc-quadro .mfc-widget-price .negative.label { color: var(--mfc-muted); background: var(--mfc-surface-soft); font-size: var(--mfc-type-small); }
.mfc-quadro #countevent + .wojo.black.message { margin-top: 1rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-text); box-shadow: none; }
.mfc-quadro #countevent + .message .inverted.list { color: var(--mfc-text); }
.mfc-quadro #shopsalewrap > .mfc-widget-heading { margin: 0 0 1rem; font-size: var(--mfc-type-card); }
.mfc-quadro #shopsalewrap > .item + .item { margin-top: 1rem; }

/* OAuth includes are conditional registration/plugin content, not a separate route. */
.mfc-quadro a.oauth-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; min-height: 2.75rem; padding: .5rem; margin: .375rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; box-sizing: border-box; }
.mfc-quadro a.oauth-icon:hover { border-color: var(--mfc-brand); background: var(--mfc-surface-soft); }
.mfc-quadro a.oauth-icon img { display: block; width: 2rem; height: 2rem; max-width: 100%; object-fit: contain; }
@container mfc-elastic (max-width: 40rem) {
  .mfc-quadro .elastic-slideshow .ei-title { left: 1rem; right: 1rem; top: auto; bottom: 1rem; max-width: none; width: auto; margin: 0; padding: 1rem; border-radius: var(--mfc-radius); background: #fffffff2; text-align: start; }
  .mfc-quadro .elastic-slideshow .ei-title h2 { font-size: var(--mfc-type-card); line-height: 1.4; margin: 0; }
  .mfc-quadro .elastic-slideshow .ei-title h3 { font-size: var(--mfc-type-body); line-height: 1.5; margin: .5rem 0 0; }
}