html, body { overflow-x: clip !important; }
/* FM4 Engine base layout - served externally to avoid CSP inline-style restrictions */
/* ── Sticky footer: body is a flex column so the footer hugs the viewport
   bottom even when a page has little content. .fm4-main grows to fill. ── */
html{min-height:100%;max-width:100%;overflow-x:hidden;background-color:var(--fm4-background-color,var(--fm4-bg-color,#f8fafc));color:var(--fm4-text-color,#111827)}
body#fm4-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0;max-width:100%;overflow-x:hidden;background-color:var(--fm4-background-color,var(--fm4-bg-color,#f8fafc));color:var(--fm4-text-color,#111827)}
body#fm4-page > .fm4-main{flex:1 0 auto;width:100%}
body#fm4-page > .fm4-site-header,body#fm4-page > .fm4-site-footer{flex-shrink:0}
/* Reset browser default figure margin (1em 40px in Chrome/Firefox) — mirrors _applyCanvasStyles */
figure{margin:0;padding:0}
.fm4-main, [data-fm4-parent-group="main_content"], .fm4-g-main-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.fm4-main {
  padding-top: var(--fm4-main-top-padding, clamp(1.75rem, 3.5vw, 3rem)) !important;
  padding-bottom: var(--fm4-main-bottom-padding, clamp(2.5rem, 5vw, 4.5rem)) !important;
}
body#fm4-page > .fm4-main:has(> .fm4-article--has-cover),
body#fm4-page > .fm4-main:has(.fm4-article-cover) {
  padding-top: 0 !important;
}
.fm4-article--has-cover {
  margin-top: 0 !important;
}
.fm4-article-hero {
  margin-top: 0 !important;
}
.fm4-article-cover {
  margin-top: 0 !important;
}
.fm4-article-body figure:first-child,
.fm4-article-body > .blog-images:first-child,
.fm4-article-body > .blog-image:first-child,
.fm4-article-body > img:first-child {
  margin-top: 0 !important;
}
.fm4-article-body .blog-images {
  margin: 1.25rem auto;
  text-align: center;
}
.fm4-article-body .blog-images:first-child {
  margin-top: 0 !important;
}
.fm4-article-body .blog-images .blog-image {
  margin: 0 auto;
  display: block;
}
.fm4-article-body .blog-images img,
.fm4-article-body .blog-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: var(--fm4-image-radius, 2px);
}
.fm4-article-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.25em auto;
  border-radius: var(--fm4-image-radius, 2px);
}
.fm4-article-body,
.fm4-article-body p,
.fm4-article-body span,
.fm4-article-body div:not(.blog-images):not(.blog-image):not(.image-caption),
.fm4-article-body .bread,
.fm4-article-body .bread p,
.fm4-article-body .bread span,
.fm4-article-body .fm4-editorjs-content p {
  font-family: var(--fm4-art-body, 'Source Serif 4', Georgia, serif) !important;
}
.fm4-article-body,
.fm4-article-body p,
.fm4-article-body .bread,
.fm4-article-body .bread p,
.fm4-article-body .fm4-editorjs-content p {
  font-size: clamp(1.08rem, 1rem + .35vw, 1.22rem) !important;
  line-height: max(var(--fm4-body-line-height, 1.72), 1.5) !important;
}
.fm4-article-body figure {
  margin: 1.25em 0;
}
/* Layout areas: align-self:start prevents sidebar columns from stretching to match taller neighbours */
.fm4-area{min-height:1px;align-self:start}
/* -- Performance firewall: CSS containment on group scope containers -----------
   Every .fm4-g-* element is an isolated rendering context.
   contain:layout  → internal layout never forces re-layout of ancestors (O(1) per group).
   contain:style   → CSS counters and custom-property resets stay inside the boundary.
   Custom properties (--fm4-*) still cascade normally through contain:style — the
   variable bus is unaffected. Absolutely-positioned children inside a group are
   contained to that group, which is correct behaviour for FM4 block overlays.
   The two-selector form covers both "fm4-g-main" (first class) and "foo fm4-g-bar" (mid-list). */
[class^="fm4-g-"],[class*=" fm4-g-"]{contain:layout style}
/* -- CSS Variable Bus consumers ----------------------------------------------
   The DS Effects Panel (canvas) and buildParamsCss (PHP live page) both output
   --fm4-block-* custom properties. This is the SINGLE consuming rule that maps
   those variables to visual CSS properties. No other place should hardcode these.
   Fallbacks = neutral/invisible so blocks without params are unaffected.
   Template CSS (injected after this file) overrides with equal specificity if needed. */
.fm4-block-wrap{
  position:relative;
  width:100%;
  max-width:var(--fm4-container-width,1200px);
  /* Centering — !important so no theme/GrapesJS rule can override.
     full-bleed rule below wins because it has attribute-selector specificity AND !important */
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:clamp(1.5rem, 5vw, 3.5rem);
  padding-right:clamp(1.5rem, 5vw, 3.5rem);
  box-sizing:border-box;
  /* Layout */
  margin-top:var(--fm4-block-margin-top,var(--fm4-block-margin,0));
  margin-bottom:var(--fm4-block-margin-bottom,var(--fm4-block-margin,0));
  padding-top:var(--fm4-block-padding-top,0);
  padding-bottom:var(--fm4-block-padding-bottom,0);
  overflow:var(--fm4-block-overflow,visible);
  /* Decoration */
  border-radius:var(--fm4-block-radius,0);
  background-color:var(--fm4-block-bg,transparent);
  box-shadow:var(--fm4-block-shadow,none);
  border:var(--fm4-block-border,none);
  opacity:var(--fm4-block-opacity,1);
  /* Filters */
  filter:var(--fm4-block-drop-filter,none);
  backdrop-filter:var(--fm4-block-bdblur,none);
  -webkit-backdrop-filter:var(--fm4-block-bdblur,none);
  text-shadow:var(--fm4-text-shadow,none);
}
.fm4-block-wrap[data-fm4-container-style="full-bleed"],
.fm4-block-wrap.fm4-container-full-bleed {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
}
.fm4-block-wrap[data-fm4-container-style="narrow"] {
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding-left: clamp(1.5rem, 5vw, 3.5rem) !important;
  padding-right: clamp(1.5rem, 5vw, 3.5rem) !important;
}
.fm4-block-wrap[data-fm4-container-style="card"] {
  max-width: var(--fm4-container-width, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding-left: clamp(1.5rem, 5vw, 3.5rem) !important;
  padding-right: clamp(1.5rem, 5vw, 3.5rem) !important;
}
/* Standard (no attribute): margin auto is the default from --fm4-container-ml/mr.
   Inner small blocks inside cards/groups stay 100% contained within their column with 0 outer padding */
.fm4-generic-group > *,
.fm4-builder-list .fm4-generic-group > *,
.fm4-block-wrap .fm4-block-wrap,
.fm4-generic-block--card,
.fm4-generic-media,
.fm4-generic-image {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.fm4-block-wrap .fm4-block-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
}
.fm4-generic-image img,
.fm4-generic-media img {
  display: block !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}
.fm4-block-wrap h1,.fm4-block-wrap h2,.fm4-block-wrap h3,.fm4-block-wrap h4,.fm4-block-wrap h5,.fm4-block-wrap p,.fm4-block-wrap .fm4-generic-field,.fm4-block-wrap .fm4-hero-title,.fm4-block-wrap .fm4-hero-lead{
  text-shadow:var(--fm4-text-shadow,inherit);
}
/* ── Default: blocks inside layout containers get full width so the block-wrap can self-constrain via max-width ── */
:is(.uv-content, .sd-two-column, .sd-column-text, .sd-column-side, .fm4-area, [class*="col-"], [class*="grid-"], [class*="fm4-g-"]) > .fm4-block-wrap {
  position: static;
  left: auto;
  right: auto;
  width: 100%;
  /* DO NOT set max-width here — each block controls its own max-width via data-fm4-container-style or .fm4-block-wrap default (1200px) */
}
/* Full-bleed override: only blocks explicitly set to full-bleed stretch to 100% */
:is(.uv-content, .sd-two-column, .sd-column-text, .sd-column-side, .fm4-area, [class*="col-"], [class*="grid-"], [class*="fm4-g-"]) > .fm4-block-wrap[data-fm4-container-style="full-bleed"],
:is(.uv-content, .sd-two-column, .sd-column-text, .sd-column-side, .fm4-area, [class*="col-"], [class*="grid-"], [class*="fm4-g-"]) > .fm4-block-wrap.fm4-container-full-bleed {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* -- CSS Variable Bus - image/asset consumers ---------------------------------
   --fm4-block-filter : curves/blur/opacity -> <img> inside block wrapper
   --fm4-block-mask   : clip-path polygon/path -> <img> inside block wrapper
   --fm4-img-filter   : hero/cover images
   --fm4-figure-filter: img_shadow_on drop-shadow on <figure> (follows clip-path)
   Two rules - same declarations, different specificity:
   L1 class rule  (0,0,2,1): base browsers / embedded renders without #fm4-page
   L2 ID rule     (1,0,2,1): NUCLEAR OPTION - beats any GrapesJS #id rule (0,1,0,0)
                              that still carries filter/clip-path/object-position.
   Both carry !important to also beat inline style="" values.
   The ID rule wins among !important declarations because (1,0,2,1) > (0,1,0,0). */
.fm4-block-wrap img,.fm4-block-wrap video{
  filter:var(--fm4-block-filter,none)!important;
  clip-path:var(--fm4-block-mask,none)!important;
  object-position:var(--fm4-block-focal-x,50%) var(--fm4-block-focal-y,50%)!important
}
#fm4-page .fm4-block-wrap img,#fm4-page .fm4-block-wrap video{
  filter:var(--fm4-block-filter,none)!important;
  clip-path:var(--fm4-block-mask,none)!important;
  object-position:var(--fm4-block-focal-x,50%) var(--fm4-block-focal-y,50%)!important
}
/* container drop-filter + top/bottom margin/padding guarded with ID specificity.
   margin-left/right are NOT here: --fm4-block-margin-left defaults to 0 on :root
   which would always override the auto centering. Centering is handled by
   .fm4-block-wrap { margin: auto } and data-fm4-container-style rules. */
#fm4-page .fm4-block-wrap{
  filter:var(--fm4-block-drop-filter,none)!important;
  margin-top:var(--fm4-block-margin-top,var(--fm4-block-margin,0))!important;
  margin-bottom:var(--fm4-block-margin-bottom,var(--fm4-block-margin,0))!important;
  padding-top:var(--fm4-block-padding-top,0)!important;
  padding-right:var(--fm4-block-padding-right,0)!important;
  padding-bottom:var(--fm4-block-padding-bottom,0)!important;
  padding-left:var(--fm4-block-padding-left,0)!important
}
/* Stacked blocks inside a single three-column cell or gallery-grid cell get a
   controllable vertical gap so multiple images/blocks in one column are not
   glued together. Sets the --fm4-block-margin-top VARIABLE (consumed by the
   ID rule above) rather than margin-top directly, so it survives the !important
   bus. First child stays flush to the cell top. Driven by the Content gap tweak.
   Lives in the always-loaded base CSS so it applies to every module (pages,
   news, products, …), not just news articles. */
.fm4-section-content > .fm4-block-wrap,
.fm4-gallery-grid > .fm4-block-wrap{--fm4-block-margin-top:0px}
.fm4-section-content--stack > .fm4-block-wrap + .fm4-block-wrap,
.fm4-section-content--stack > .fm4-live-add-control + .fm4-block-wrap{--fm4-block-margin-top:var(--fm4-col-block-gap,var(--fm4-content-gap,1rem))}
/* Section container: responsive columns. Grid/masonry collapse to a single
   column on phones so multi-column sections stay readable. The column count is
   driven by --fm4-section-cols (set inline per block from the Columns control). */
.fm4-section-content{min-width:0;min-height:2rem}
body.fm4-live-editing .fm4-section-content:empty{min-height:3.5rem;border:2px dashed rgba(82,82,91,.22);border-radius:10px;display:flex;align-items:center;justify-content:center}
body.fm4-live-editing .fm4-section-content:empty::after{content:'Klicka + för att lägga till innehåll';color:rgba(82,82,91,.5);font:600 12px/1.2 Inter,system-ui,sans-serif}
body.fm4-live-editing .fm4-section-content > .fm4-live-add-control{flex:0 0 100%;min-height:2rem;z-index:2147482001}
body.fm4-live-editing .fm4-section-content > .fm4-live-add-control .fm4-live-add-trigger{background:#f8fafc;border-color:#2563eb;color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.18)}
.fm4-section-content--grid > .fm4-block-wrap,.fm4-section-content--masonry > .fm4-block-wrap{--fm4-block-margin-top:0px;min-width:0}
.fm4-section-content--grid > .fm4-live-add-control{grid-column:1 / -1;--fm4-block-margin-top:0px}
/* Per-column add-controls in an empty grid section: each occupies a single
   track (not the full row) so the user sees + drop zones matching the
   configured column count. */
body.fm4-live-editing .fm4-section-content--grid > .fm4-live-add-control.fm4-live-add-col,
body.fm4-live-editing .fm4-section-content--masonry > .fm4-live-add-control.fm4-live-add-col,
body.fm4-live-editing .fm4-gallery-grid > .fm4-live-add-control.fm4-live-add-col {grid-column:auto;flex:1 1 auto;min-height:3.5rem;margin:0;border:2px dashed rgba(82,82,91,.28);border-radius:10px;display:flex;align-items:center;justify-content:center}
body.fm4-live-editing .fm4-section-content--masonry > .fm4-live-add-control.fm4-live-add-col,
body.fm4-live-editing .fm4-gallery-grid.fm4-list-layout--masonry > .fm4-live-add-control.fm4-live-add-col {break-inside:avoid;margin-bottom:var(--fm4-col-block-gap,1rem)}
.fm4-section-content--masonry > .fm4-block-wrap{break-inside:avoid}
.fm4-hero-img{filter:var(--fm4-img-filter,none);object-position:var(--fm4-hero-focal-x,var(--fm4-focal-x,50%)) var(--fm4-hero-focal-y,var(--fm4-focal-y,50%))}
.fm4-hero-cover img{filter:var(--fm4-img-filter,none);object-position:var(--fm4-hero-focal-x,var(--fm4-focal-x,50%)) var(--fm4-hero-focal-y,var(--fm4-focal-y,50%))}
/* img_shadow_on drop-shadow on <figure> follows clip-path contour.
   Always transparent so no rectangular box shows through the masked <img> shape. */
/* --fm4-image-radius: theme-level default radius for standalone images (not cover/hero).
   Applied to <img> directly so drop-shadows on the <figure> container are not clipped. */
.fm4-image-block{filter:var(--fm4-figure-filter,none);background-color:transparent}
.fm4-image-block img{border-radius:var(--fm4-image-radius,0)}
.fm4-image-block--card{box-sizing:border-box;padding:.5rem .5rem .68rem;border:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 86%,transparent);border-radius:max(10px,var(--fm4-global-radius,8px));background:var(--fm4-surface-color,#fff);box-shadow:0 14px 34px rgba(15,23,42,.1)}
.fm4-image-block--card img{border-radius:max(6px,calc(var(--fm4-global-radius,8px) - 3px))}
.fm4-image-block--card.fm4-image-block--fit-contain{display:grid;place-items:center;overflow:hidden}
.fm4-image-block--card.fm4-image-block--fit-contain img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:max(6px,calc(var(--fm4-global-radius,8px) - 3px))!important}
.fm4-image-block--editorial{overflow:hidden;border-radius:max(10px,var(--fm4-global-radius,8px));background:var(--fm4-surface-color,#fff)}
.fm4-image-block--editorial img{aspect-ratio:4/3;object-fit:cover}
.fm4-image-block--width-proportional{display:inline-block;max-width:100%;vertical-align:top}
.fm4-image-block--width-full-bleed{width:100vw;width:100dvw;max-width:none;margin-left:calc(50% - 50vw);margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50vw);margin-right:calc(50% - 50dvw);border-radius:0!important}
.fm4-image-block--width-full-bleed img{width:100%;border-radius:0!important}
.fm4-image-block--fit-cover,.fm4-image-block--fit-contain,.fm4-image-block--fit-repeat{overflow:hidden}
.fm4-image-block--fit-contain{display:grid;place-items:center;background:color-mix(in srgb,var(--fm4-surface-color,#fff) 92%,var(--fm4-border-color,#e2e8f0))}
.fm4-image-block--fit-repeat img{pointer-events:none}
.fm4-image-block--empty{display:grid;place-items:center;min-height:9rem;border:1px dashed color-mix(in srgb,var(--fm4-border-color,#cbd5e1) 80%,var(--fm4-primary-color,#2563eb));border-radius:max(8px,var(--fm4-global-radius,8px));background:color-mix(in srgb,var(--fm4-surface-color,#fff) 94%,var(--fm4-primary-color,#2563eb));color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 72%,var(--fm4-primary-color,#2563eb));font-weight:700}
.fm4-image-placeholder{padding:1rem;text-align:center}
.fm4-image-block-frame{position:relative;display:block;width:100%;max-width:100%;box-sizing:border-box}
.fm4-image-block-frame--proportional{display:inline-block;width:auto;vertical-align:top}
/* Image size caps (image_size setting): S/M/L center a smaller image inside the
   column; Full keeps the column width. Applies to the frame so card padding,
   captions and overlays all scale with the chosen width. */
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-lg{display:block!important;width:auto!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-md{display:block!important;width:auto!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-sm{display:block!important;width:auto!important;max-width:320px!important;margin-left:auto!important;margin-right:auto!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-xs{display:block!important;width:auto!important;max-width:160px!important;margin-left:auto!important;margin-right:auto!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-lg.fm4-block-align--left,.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-md.fm4-block-align--left,.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-sm.fm4-block-align--left,.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-xs.fm4-block-align--left{margin-left:0!important;margin-right:auto!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-lg.fm4-block-align--right,.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-md.fm4-block-align--right,.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-sm.fm4-block-align--right,.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-xs.fm4-block-align--right{margin-left:auto!important;margin-right:0!important}
.fm4-image-block-frame--full-bleed{width:100vw;width:100dvw;max-width:100vw;max-width:100dvw;margin-left:calc(50% - 50vw);margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50vw);margin-right:calc(50% - 50dvw)}
.fm4-image-block-frame--full-bleed>.fm4-image-block--width-full-bleed{width:100%;max-width:100%;margin-left:0;margin-right:0}
/* Block placement (block_align setting). Center/left/right position the image at
   its natural width in the column via flex justify; float lets following text/blocks
   flow beside it. Flex on the wrapper avoids fighting the frame's display rules. */
.fm4-block-wrap.fm4-block-image_block:has(> .fm4-block-align--center){display:flex;justify-content:center}
.fm4-block-wrap.fm4-block-image_block:has(> .fm4-block-align--left){display:flex;justify-content:flex-start}
.fm4-block-wrap.fm4-block-image_block:has(> .fm4-block-align--right){display:flex;justify-content:flex-end}
/* Align via the frame's own auto-margins so it stays correct even when edit-mode overlays (block quickbar + position:relative on the wrap) interfere with the parent :has() flex centering. Works whether the wrap is flex or plain block. */
.fm4-image-block-frame.fm4-block-align--left{width:fit-content;max-width:100%;margin-left:0;margin-right:auto}
.fm4-image-block-frame.fm4-block-align--center{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
.fm4-image-block-frame.fm4-block-align--right{width:fit-content;max-width:100%;margin-left:auto;margin-right:0}
.fm4-block-wrap.fm4-block-image_block:has(> .fm4-block-align--float-left){float:left;width:fit-content;max-width:min(48%,440px);margin:.4rem 1.6rem 1rem 0}
.fm4-block-wrap.fm4-block-image_block:has(> .fm4-block-align--float-right){float:right;width:fit-content;max-width:min(48%,440px);margin:.4rem 0 1rem 1.6rem}
@media(max-width:640px){.fm4-block-wrap.fm4-block-image_block:has(> .fm4-block-align--float-left),.fm4-block-wrap.fm4-block-image_block:has(> .fm4-block-align--float-right){float:none;width:auto;max-width:100%;margin-left:0;margin-right:0}}
.fm4-image-block-frame>.fm4-image-block{margin:0}
.fm4-image-block-frame>.fm4-caption{box-sizing:border-box;max-width:100%}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame{position:relative}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption:not(.fm4-caption--manual){position:absolute!important;left:50%!important;right:auto!important;bottom:.75rem!important;width:max-content!important;max-width:calc(100% - 1.5rem)!important;transform:translateX(-50%)!important;box-sizing:border-box!important;margin:0!important;padding:.4rem .65rem!important;background:color-mix(in srgb,var(--fm4-surface-color,#fff) 68%,transparent)!important;-webkit-backdrop-filter:blur(14px) saturate(155%)!important;backdrop-filter:blur(14px) saturate(155%)!important;border:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 72%,transparent)!important;border-radius:max(7px,calc(var(--fm4-global-radius,8px) - 2px))!important;box-shadow:0 10px 28px rgba(15,23,42,.16)!important;color:var(--fm4-text-color,#111827)!important;text-align:center!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-image-block--card+.fm4-caption:not(.fm4-caption--manual){bottom:.82rem!important;max-width:calc(100% - 1.7rem)!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption[data-fm4-live-empty="1"]:empty{display:none!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;padding:0!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame{position:relative!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--proportional{display:inline-block!important;width:auto!important;max-width:100%!important}
/* Aligned proportional frames: block-level so margin auto can center */
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--proportional.fm4-block-align--center{display:block!important;width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--proportional.fm4-block-align--left{display:block!important;width:fit-content!important;max-width:100%!important;margin-left:0!important;margin-right:auto!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--proportional.fm4-block-align--right{display:block!important;width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:0!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption:not(.fm4-caption--manual){position:absolute!important;left:50%!important;right:auto!important;bottom:.75rem!important;width:max-content!important;box-sizing:border-box!important;max-width:calc(100% - 1.5rem)!important;transform:translateX(-50%)!important}
.fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-image-block--card+.fm4-caption:not(.fm4-caption--manual){bottom:.82rem!important;max-width:calc(100% - 1.7rem)!important;border-radius:max(7px,calc(var(--fm4-global-radius,8px) - 2px))!important}
.fm4-hero-cover{display:block;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}
/* Figcaption normalisation: never stretch in grid/flex containers;
   no margin bleeds from sibling image; readable font size */
.fm4-block-wrap figcaption,.fm4-block-wrap .fm4-caption,.fm4-image-block~figcaption{height:fit-content;margin-top:0;margin-bottom:0;font-size:.875rem;line-height:1.4}
/* Image block caption overlay: figcaption sits outside <figure>, inside .fm4-block-image_block.
   No default background — template CSS provides background via !important rules. */
.fm4-block-image_block{position:relative}
.fm4-block-image_block>figcaption.fm4-caption,.fm4-block-image_block>.fm4-caption{position:absolute;bottom:.75rem;left:50%;right:auto;width:max-content;max-width:calc(100% - 1.5rem);transform:translateX(-50%);box-sizing:border-box;color:var(--fm4-text-color,#111827);text-align:center;padding:.4rem .65rem;background:color-mix(in srgb,var(--fm4-surface-color,#fff) 68%,transparent);-webkit-backdrop-filter:blur(14px) saturate(155%);backdrop-filter:blur(14px) saturate(155%);border:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 72%,transparent);border-radius:max(7px,calc(var(--fm4-global-radius,8px) - 2px));box-shadow:0 10px 28px rgba(15,23,42,.16)}
#fm4-page .fm4-block-wrap.fm4-block-image_block{background-color:transparent!important}
#fm4-page .fm4-image-block-frame>.fm4-caption{left:0!important;right:0!important;width:auto!important}
#fm4-page .fm4-image-block-frame>.fm4-caption[data-fm4-live-empty="1"]:empty{display:none!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;padding:0!important}
/* Image overlay text — absolutely positioned over the image. The <figure> (.fm4-image-block) is the positioning anchor. Mirror of the article-preview rules in admin/includes/article_preview_css.php so live + static match. */
.fm4-image-block-frame, .fm4-image-block, .fm4-block-image_block{position:relative!important}
.fm4-img-overlay-text{position:absolute!important;z-index:5;pointer-events:none;max-width:100%;box-sizing:border-box}
.fm4-img-overlay-text>*{pointer-events:auto;margin:0}
.fm4-ov-pos--bottomleft{bottom:0;left:0}
.fm4-ov-pos--bottomright{bottom:0;right:0;text-align:right}
.fm4-ov-pos--bottomcenter{bottom:0;left:50%;transform:translateX(-50%);text-align:center}
.fm4-ov-pos--topleft{top:0;left:0}
.fm4-ov-pos--topright{top:0;right:0;text-align:right}
.fm4-ov-pos--topcenter{top:0;left:50%;transform:translateX(-50%);text-align:center}
.fm4-ov-pos--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.fm4-ov-style--dark{background:linear-gradient(transparent 25%,rgba(0,0,0,.65));padding:2.5rem 1.2rem 1rem;width:100%;color:#fff}
.fm4-ov-style--dark-solid{background:rgba(0,0,0,.55);padding:1rem 1.2rem;width:100%;color:#fff}
.fm4-ov-style--light{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);padding:1rem 1.2rem}
.fm4-accent{color:var(--fm4-primary-color,var(--fm4-accent-color,#fb923c))}
.fm4-ov-style--accent{background:var(--fm4-primary-color,#b91c1c);color:#fff;padding:.7rem 1.2rem;border-radius:4px;margin:.8rem;width:max-content;max-width:calc(100% - 1.6rem)}
.fm4-ov-style--none{padding:1rem 1.2rem}
.fm4-ov-style--glass{margin:.8rem;padding:.55rem .85rem;width:max-content;max-width:calc(100% - 1.6rem);color:var(--fm4-text-color,#111827);background:color-mix(in srgb,var(--fm4-surface-color,#fff) 62%,transparent);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 60%,transparent);border-radius:max(8px,calc(var(--fm4-global-radius,8px) - 1px));box-shadow:0 8px 24px rgba(15,23,42,.18)}
.fm4-ov-style--glass-panel{padding:.7rem 1.1rem;width:100%;color:var(--fm4-text-color,#111827);background:color-mix(in srgb,var(--fm4-surface-color,#fff) 52%,transparent);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border-top:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 50%,transparent)}
.fm4-image-block--card .fm4-img-overlay-text.fm4-ov-style--dark,
.fm4-image-block--card .fm4-img-overlay-text.fm4-ov-style--dark-solid{left:.5rem!important;right:.5rem!important;bottom:.5rem!important;top:auto!important;width:auto!important;max-width:calc(100% - 1rem);transform:none!important;border-radius:max(6px,calc(var(--fm4-global-radius,8px) - 3px))}
.fm4-image-block--editorial .fm4-img-overlay-text.fm4-ov-style--dark,
.fm4-image-block--editorial .fm4-img-overlay-text.fm4-ov-style--dark-solid{border-radius:0 0 max(10px,var(--fm4-global-radius,8px)) max(10px,var(--fm4-global-radius,8px))}
/* Caption placement/treatment (caption_position + caption_style). Opts out of the
   runtime-guard glass chip via .fm4-caption--manual; needs #fm4-page + extra classes
   to beat the base !important rule that forces left/right/width on captions. */
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual{box-sizing:border-box!important;text-align:center!important;font-size:.875rem!important;line-height:1.4!important;overflow:hidden!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom-left,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom-right,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top-left,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top-right{position:absolute!important;width:max-content!important;max-width:calc(100% - 1.5rem)!important;margin:0!important;z-index:5!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom-left,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top-left{left:.75rem!important;right:auto!important;transform:none!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom-right,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top-right{right:.75rem!important;left:auto!important;transform:none!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom-left,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom-right{bottom:.75rem!important;top:auto!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top-left,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top-right{top:.75rem!important;bottom:auto!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--below{position:static!important;left:auto!important;right:auto!important;transform:none!important;width:auto!important;max-width:100%!important;margin:.55rem 0 0!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--hidden{position:static!important;left:auto!important;right:auto!important;transform:none!important;width:auto!important;max-width:100%!important;margin:.55rem 0 0!important;opacity:.45!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-style--glass{background:color-mix(in srgb,var(--fm4-surface-color,#fff) 62%,transparent)!important;-webkit-backdrop-filter:blur(14px) saturate(150%)!important;backdrop-filter:blur(14px) saturate(150%)!important;border:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 60%,transparent)!important;border-radius:max(8px,calc(var(--fm4-global-radius,8px) - 1px))!important;box-shadow:0 8px 24px rgba(15,23,42,.18)!important;color:var(--fm4-text-color,#111827)!important;padding:.45rem .7rem!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-style--glass-panel{background:color-mix(in srgb,var(--fm4-surface-color,#fff) 52%,transparent)!important;-webkit-backdrop-filter:blur(16px) saturate(150%)!important;backdrop-filter:blur(16px) saturate(150%)!important;border-radius:max(8px,calc(var(--fm4-global-radius,8px) - 1px))!important;box-shadow:0 8px 24px rgba(15,23,42,.16)!important;color:var(--fm4-text-color,#111827)!important;padding:.55rem 1rem!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-bottom.fm4-cap-style--glass-panel,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--overlay-top.fm4-cap-style--glass-panel{left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:0!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-style--solid{background:rgba(0,0,0,.62)!important;color:#fff!important;border:0!important;border-radius:max(7px,calc(var(--fm4-global-radius,8px) - 2px))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;padding:.45rem .8rem!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-style--plain{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.55)!important;padding:.3rem .5rem!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--below.fm4-cap-style--plain,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame>.fm4-caption--manual.fm4-cap-pos--hidden.fm4-cap-style--plain{color:var(--fm4-text-color,#111827)!important;text-shadow:none!important}
.fm4-text-block{overflow:hidden}
.fm4-text-block:has(.fm4-image-block-frame--full-bleed),.fm4-text-content:has(.fm4-image-block-frame--full-bleed),.fm4-text-content .fm4-block-wrap.fm4-block-image_block:has(.fm4-image-block-frame--full-bleed){overflow:visible}
.fm4-text-block img{max-width:100%;height:auto}
.fm4-gallery-shell{display:grid;gap:var(--fm4-content-gap,1rem);margin-block:var(--fm4-section-gap,clamp(1.4rem,4vw,2.5rem))}
.fm4-gallery-title{margin:0;font-size:var(--fm4-h2-size,clamp(1.45rem,3vw,2.2rem));line-height:var(--fm4-heading-line-height,1.12)}
.fm4-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--fm4-content-gap,1rem)}
.fm4-gallery--carousel{display:flex;gap:var(--fm4-content-gap,1rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:.15rem .1rem .9rem;scrollbar-width:thin}
.fm4-gallery--carousel>.fm4-block-wrap,.fm4-gallery--carousel>.fm4-gallery-item{flex:0 0 min(78vw,520px);scroll-snap-align:start}
.fm4-gallery--carousel .fm4-image-block-frame{height:100%}
.fm4-gallery--carousel .fm4-image-block{height:100%;min-height:clamp(220px,38vw,430px)}
.fm4-gallery--carousel .fm4-image-block img{height:100%!important;object-fit:cover}
.fm4-gallery-empty{min-height:12rem;display:grid;place-items:center;border:1px dashed color-mix(in srgb,var(--fm4-border-color,#cbd5e1) 78%,var(--fm4-primary-color,#2563eb));border-radius:max(10px,var(--fm4-global-radius,10px));background:color-mix(in srgb,var(--fm4-surface-color,#fff) 94%,var(--fm4-primary-color,#2563eb));color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 68%,var(--fm4-primary-color,#2563eb));font-weight:750}
/* Feature-cards preset for section containers: card chrome on each column child. */
.fm4-section.feature-cards .fm4-section-content{gap:var(--fm4-content-gap,1rem)!important}
.fm4-section.feature-cards .fm4-section-content > .fm4-block-wrap{padding:clamp(1rem,2.4vw,1.35rem);border:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 84%,transparent);border-radius:max(10px,var(--fm4-global-radius,10px));background:var(--fm4-surface-color,#fff);box-shadow:0 14px 34px rgba(15,23,42,.07)}
.fm4-section.feature-cards .fm4-text-content{display:grid;gap:.55rem}
.fm4-section.feature-cards .fm4-text-content h3{margin:0!important;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.2}
.fm4-section.feature-cards .fm4-text-content p{margin:0!important;color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 78%,transparent);line-height:1.6}
.fm4-recipe-intro{display:grid;gap:.7rem;max-width:760px;margin-block:0 var(--fm4-content-gap,1rem)}
.fm4-recipe-intro h2{margin:0;font-size:var(--fm4-h2-size,clamp(1.45rem,3vw,2.2rem));line-height:var(--fm4-heading-line-height,1.12)}
.fm4-recipe-intro p{margin:0}
.fm4-step-card,.fm4-stat-card{display:grid;gap:.55rem}
.fm4-step-number{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;background:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 14%,var(--fm4-surface-color,#fff));color:var(--fm4-primary-color,#2563eb);font-weight:800;font-size:.95rem}
.fm4-stat-value{display:block;color:var(--fm4-primary-color,#2563eb);font-size:clamp(2rem,4.5vw,3.2rem);line-height:.95;letter-spacing:0;font-weight:850}
/* Anchor-injected attachments: on mobile, un-float so they stack vertically */
@media(max-width:640px){.fm4-text-block .fm4-block-wrap[style*="float"]{float:none!important;width:100%!important;margin:0 0 1rem!important}}

/* ── Front-page editorial masthead ──────────────────────────────────── */
.fm4-g-main-content .fm4-block-text_block:first-child h1{font-size:clamp(2.2rem,5.5vw,3.8rem)!important;letter-spacing:-.02em;margin-bottom:.35rem!important;line-height:1.05!important}

/* -- Site header ----------------------------------------------------------- */
/* -- Site header ----------------------------------------------------------- */
.fm4-site-header{background:var(--fm4-surface-color,#fff)!important;color:var(--fm4-text-color,#111827);border-bottom:1px solid var(--fm4-border-color,rgba(0,0,0,.1));position:sticky;top:0;z-index:100}
.fm4-header-inner{position:relative;display:flex!important;align-items:center!important;justify-content:space-between;gap:clamp(.5rem,1.5vw,1.25rem);max-width:var(--fm4-container-width,1400px);margin:0 auto;padding:.5rem 1rem;flex-wrap:nowrap;line-height:1}

#fm4-page .fm4-site-header .fm4-brand-stack,
.fm4-brand-stack{display:inline-flex!important;align-items:center!important;flex-direction:row!important;gap:clamp(.5rem,1.2vw,.85rem)!important;min-width:0;flex-shrink:0;margin:0!important;padding:0!important;line-height:normal;vertical-align:middle!important}

#fm4-page .fm4-site-header .fm4-site-tagline:empty,
#fm4-page .fm4-site-header .fm4-zone-header_after_title:empty,
.fm4-brand-stack .fm4-site-tagline:empty,
.fm4-brand-stack .fm4-zone-header_after_title:empty{display:none!important}

#fm4-page .fm4-site-header .fm4-placement-slot,
#fm4-page .fm4-site-header .fm4-block-wrap{
  --fm4-block-margin-top:0px!important;
  --fm4-block-margin-bottom:0px!important;
  --fm4-block-margin:0px!important;
  --fm4-block-padding-top:0px!important;
  --fm4-block-padding-bottom:0px!important;
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  max-width:none!important;
  width:auto!important;
  vertical-align:middle!important
}

#fm4-page .fm4-site-header .fm4-search-widget,
#fm4-page .fm4-site-header .fm4-search-widget--contained{
  margin:0!important;
  margin-block:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  max-width:260px!important;
  width:auto!important;
  vertical-align:middle!important;
  position:relative!important
}

#fm4-page .fm4-site-header .fm4-search-widget__form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  gap:.35rem!important;
  vertical-align:middle!important
}

#fm4-page .fm4-site-header .fm4-search-widget__field{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  width:160px!important;
  vertical-align:middle!important
}

#fm4-page .fm4-site-header .fm4-search-widget__input{
  height:2.15rem!important;
  line-height:2.15rem!important;
  padding:0 2rem 0 .75rem!important;
  font-size:.85rem!important;
  border-radius:6px!important;
  margin:0!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  border:1px solid var(--fm4-border-color,#d4d4d8)!important;
  background:var(--fm4-surface-color,#fff)!important;
  color:inherit!important
}

#fm4-page .fm4-site-header .fm4-search-widget__icon-btn,
.fm4-search-widget__icon-btn{
  position:absolute!important;
  right:.45rem!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  color:var(--fm4-muted-color,#94a3b8)!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important
}
.fm4-search-widget__icon-btn:hover{color:var(--fm4-primary-color,#ea580c)!important}

#fm4-page .fm4-site-header .fm4-search-widget__icon{
  width:15px!important;
  height:15px!important;
  display:block!important
}

#fm4-page .fm4-site-header .fm4-search-widget__btn{display:none!important}

#fm4-page .fm4-site-header .fm4-search-widget__copy-btn,
.fm4-search-widget__copy-btn{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:2.15rem!important;
  height:2.15rem!important;
  padding:0!important;
  border-radius:6px!important;
  border:1px solid var(--fm4-border-color,#d4d4d8)!important;
  background:var(--fm4-surface-color,#fff)!important;
  color:var(--fm4-text-color,#334155)!important;
  cursor:pointer!important;
  vertical-align:middle!important;
  flex-shrink:0!important;
  margin:0!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
  transition:all .15s ease!important
}
#fm4-page .fm4-site-header .fm4-search-widget__copy-btn:hover,
.fm4-search-widget__copy-btn:hover{
  border-color:var(--fm4-primary-color,#ea580c)!important;
  color:var(--fm4-primary-color,#ea580c)!important;
  transform:translateY(-1px)!important
}

#fm4-page .fm4-site-header .fm4-search-widget__title{display:none!important}

#fm4-page .fm4-site-header .fm4-site-brand{
  font-family:var(--fm4-heading-font,system-ui,sans-serif);
  font-weight:700;
  font-size:1.1rem;
  color:var(--fm4-text-color,#1a1a1a);
  text-decoration:none;
  white-space:nowrap;
  flex-shrink:0;
  display:inline-flex!important;
  align-items:center!important;
  gap:.5rem;
  margin:0!important;
  line-height:1!important;
  vertical-align:middle!important
}
.fm4-site-brand:hover{opacity:.85}
.fm4-site-brand-logo{display:block;height:38px;width:auto;max-width:200px;object-fit:contain}
.fm4-site-brand:has(.fm4-site-brand-logo) .fm4-site-brand-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fm4-site-tagline{display:block;color:var(--fm4-muted-color,#64748b);font-size:.75rem;line-height:1.15;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* -- Utility slot (e.g. language switcher) -------------------------------- */
.fm4-placement-slot--header_utility{display:inline-flex!important;align-items:center!important;margin:0!important;flex-shrink:0!important}
.fm4-placement-slot--header_utility .fm4-block-wrap{display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important}
.fm4-placement-slot--header_utility .fm4-language-switcher{display:inline-flex!important;align-items:center!important;margin:0!important}
.fm4-placement-slot--header_utility .fm4-language-switcher__items{display:inline-flex!important;align-items:center!important;gap:.35rem!important}
/* -- Search widget default styles ----------------------------------------- */
.fm4-search-widget{margin-block:var(--fm4-content-gap,1.25rem);max-width:100%;position:relative!important}
.fm4-search-widget--contained{max-width:var(--fm4-search-widget-width,34rem)}
.fm4-search-widget--full{max-width:100%}
.fm4-search-widget--center{margin-inline:auto;text-align:center}
.fm4-search-widget__title{font-size:clamp(1.15rem,1rem+.6vw,1.5rem);margin:0 0 .6rem}
.fm4-search-widget__title:empty{display:none!important}
.fm4-search-widget__form{display:flex;gap:.5rem;align-items:stretch;position:relative}
.fm4-search-widget__field{position:relative;flex:1 1 auto;display:flex;align-items:center;min-width:0}
.fm4-search-widget__icon{position:absolute;right:.75rem;left:auto;top:50%;transform:translateY(-50%);color:color-mix(in srgb,currentColor 55%,transparent);pointer-events:none;z-index:2}
.fm4-search-widget__input{width:100%;box-sizing:border-box;height:2.85rem;padding:0 2.4rem 0 .9rem;font-size:1rem;border:1px solid var(--fm4-border-color,#d4d4d8);border-radius:8px;background:var(--fm4-surface-color,#fff);color:inherit}
.fm4-search-widget__input:focus{outline:2px solid var(--fm4-primary-color,#2563eb);outline-offset:1px}
.fm4-search-widget__btn{flex:0 0 auto;height:2.85rem;padding:0 1.1rem;font-size:.95rem;font-weight:600;border:0;border-radius:8px;background:var(--fm4-primary-color,#2563eb);color:#fff;cursor:pointer}
.fm4-search-widget__btn:hover{filter:brightness(1.06)}
#fm4-page .fm4-search-widget__suggest,
.fm4-search-widget__suggest{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:auto!important;width:max(100%,300px)!important;max-width:min(92vw,420px)!important;margin:0!important;padding:.35rem!important;list-style:none!important;background:var(--fm4-surface-color,#fff)!important;border:1px solid var(--fm4-border-color,#d4d4d8)!important;border-radius:8px!important;box-shadow:0 14px 36px rgba(0,0,0,.16)!important;max-height:min(60vh,22rem)!important;overflow-y:auto!important;z-index:99999!important}
.fm4-search-widget--contained .fm4-search-widget__form,.fm4-search-widget__form{position:relative}
.fm4-search-widget__suggest li{margin:0}
.fm4-search-widget__suggest a{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;padding:.5rem .65rem;border-radius:6px;text-decoration:none;color:inherit;font-size:.95rem}
.fm4-search-widget__suggest a:hover{background:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 12%,transparent)}
.fm4-search-widget__suggest a span{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb,currentColor 55%,transparent);white-space:nowrap}
.fm4-search-widget__none{padding:.55rem .65rem;color:color-mix(in srgb,currentColor 60%,transparent);font-size:.9rem}
@media(max-width:520px){.fm4-search-widget__form{flex-wrap:wrap}.fm4-search-widget__field{flex:1 1 100%}.fm4-search-widget__btn{flex:1 1 100%}}
/* -- Navigation ----------------------------------------------------------- */
nav.fm4-nav{flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;min-width:0}
.fm4-nav > ul.fm4-nav,.fm4-nav ul.fm4-nav{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(.15rem,.4vw,.35rem);flex-wrap:nowrap!important;white-space:nowrap!important}
.fm4-nav-device-mobile,.fm4-nav-vis-mobile{display:none!important}
.fm4-nav-link{display:inline-flex;align-items:center;gap:.3em;padding:.38rem .65rem;border-radius:min(var(--fm4-global-radius,8px),8px);text-decoration:none!important;font-size:.9rem;font-weight:650;color:var(--fm4-text-color,#cbd5e1);white-space:nowrap!important;flex-shrink:0;transition:all .15s ease}
.fm4-nav-link:hover{background:color-mix(in srgb, var(--fm4-text-color, #cbd5e1) 12%, transparent)!important;color:var(--fm4-primary-color,#ea580c)!important;text-decoration:none!important}
.fm4-nav-link.fm4-nav-active,.fm4-nav-link.is-active{background:color-mix(in srgb, var(--fm4-primary-color,#ea580c) 20%, transparent)!important;color:var(--fm4-text-color,#fff)!important;border:1px solid color-mix(in srgb, var(--fm4-primary-color,#ea580c) 40%, transparent)!important;box-shadow:0 2px 8px rgba(0,0,0,.15);font-weight:750;text-decoration:none!important}
:root:not(.dark-mode) .fm4-nav-link.fm4-nav-active,:root:not(.dark-mode) .fm4-nav-link.is-active,html:not(.dark-mode) .fm4-nav-link.fm4-nav-active,.light-mode .fm4-nav-link.fm4-nav-active{color:var(--fm4-text-color,#0f172a)!important;background:color-mix(in srgb, var(--fm4-primary-color,#ea580c) 14%, #f1f5f9)!important;border-color:color-mix(in srgb, var(--fm4-primary-color,#ea580c) 30%, transparent)!important}
.fm4-theme--light .fm4-nav-link,[data-theme="light"] .fm4-nav-link{color:var(--fm4-text-color,#1f2937)}
.fm4-theme--light .fm4-nav-link:hover,[data-theme="light"] .fm4-nav-link:hover{background:color-mix(in srgb, var(--fm4-text-color,#1f2937) 8%, transparent)!important;color:var(--fm4-primary-color,#ea580c)!important}
.fm4-theme--light .fm4-nav-link.fm4-nav-active,[data-theme="light"] .fm4-nav-link.fm4-nav-active{background:color-mix(in srgb, var(--fm4-primary-color,#ea580c) 14%, #f1f5f9)!important;color:var(--fm4-text-color,#111827)!important;border:1px solid color-mix(in srgb, var(--fm4-primary-color,#ea580c) 30%, transparent)!important}
.fm4-nav-heading{padding:.45rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.5;cursor:default}
.fm4-nav-badge{display:inline-block;font-size:.65rem;padding:1px 6px;border-radius:99px;background:var(--fm4-primary-color,#0066cc);color:#fff;margin-left:.3em}
/* -- Dropdown submenus (desktop) ------------------------------------------ */
.fm4-nav-item.has-children > .fm4-nav-link::after{content:'-';font-size:.7em;margin-left:.25em;opacity:.6}
.fm4-nav-sub{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--fm4-surface-color,#fff);border:1px solid rgba(0,0,0,.1);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);list-style:none;margin:0;padding:.35rem 0;z-index:200}
.fm4-nav-item.has-children:hover > .fm4-nav-sub{display:block}
.fm4-nav-sub .fm4-nav-link{padding:.4rem .85rem;border-radius:0;width:100%;font-size:.85rem}
/* -- Hamburger button (hidden on desktop) --------------------------------- */
.fm4-nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:2.55rem;height:2.55rem;background:var(--fm4-surface-color,#fff);color:var(--fm4-text-color,#1a1a1a);border:1px solid var(--fm4-border-color,rgba(0,0,0,.16));border-radius:min(var(--fm4-global-radius,8px),8px);cursor:pointer;padding:0;margin-left:auto;flex-shrink:0;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.fm4-nav-toggle span{display:block;width:1.18rem;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.fm4-nav-toggle-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}

/* -- Programmable app component mount points ------------------------------ */
.fm4-app-component{
  width:100%;
  border:1px solid var(--fm4-border-color,rgba(0,0,0,.12));
  border-radius:var(--fm4-global-radius,10px);
  background:var(--fm4-surface-color,#fff);
  color:var(--fm4-text-color,#1a1a1a);
  padding:clamp(1rem,3vw,1.75rem);
}
.fm4-app-component__title{
  margin:0 0 .75rem;
  font-size:clamp(1.25rem,2vw,1.8rem)!important;
  line-height:1.15!important;
}
.fm4-app-component__mount{
  min-height:3.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.fm4-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}
.fm4-app-component__label{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--fm4-primary-color,#0066cc);
}
.fm4-placement-slot{width:100%}
.fm4-placement-slot:empty{display:none !important}
/* Mobile drawer placement slot: Strictly hidden on desktop and in navbar */
.fm4-placement-slot--mobile_drawer,
body.fm4-live-editing .fm4-placement-slot--mobile_drawer {
  display: none !important;
}
@media (max-width: 860px) {
  body.fm4-nav-open .fm4-placement-slot--mobile_drawer {
    display: grid !important;
    gap: .75rem;
    padding: .75rem 1rem;
    border-top: 1px solid rgba(0,0,0,.08);
  }
}
/* In live-edit, empty placement slots (e.g. above page content) only show when explicitly inspecting parts/layout */
body.fm4-live-editing.fm4-la-show-parts .fm4-placement-slot:empty,
body.fm4-live-editing.fm4-la-show-layout .fm4-placement-slot:empty {
  display: block !important;
  min-height: 2.4rem;
  outline: 1px dashed rgba(251,146,60,.45);
  outline-offset: -1px;
  border-radius: 8px;
  position: relative;
  margin: 10px auto;
}
body.fm4-live-editing.fm4-la-show-parts .fm4-placement-slot:empty::after,
body.fm4-live-editing.fm4-la-show-layout .fm4-placement-slot:empty::after {
  content: "+" attr(data-fm4-empty-label);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  color: #fb923c;
  font: 700 .82rem/1 Inter,system-ui,sans-serif;
  pointer-events: none;
  opacity: .85;
}
.fm4-placement-slot--header_utility{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:auto;margin-left:.5rem}
body.fm4-live-editing .fm4-placement-slot--header_utility:empty{display:none}
body.fm4-live-editing.fm4-la-show-parts .fm4-placement-slot--header_utility:empty{display:flex;width:auto;min-width:8rem}
.fm4-placement-slot--before_content,.fm4-placement-slot--after_content{display:grid;gap:var(--fm4-space-breathe,1.5rem);max-width:var(--fm4-container-width,1200px);margin:0 auto;padding:clamp(1rem,3vw,2rem) 1rem}
.fm4-main>.fm4-placement-slot--before_content,.fm4-main>.fm4-placement-slot--after_content{max-width:100%;padding-inline:0}
.fm4-placement-slot--footer{display:grid;gap:1rem;margin-bottom:1rem}
.fm4-placement-slot--floating{position:fixed;right:1rem;bottom:1rem;z-index:250;display:grid;gap:.75rem;max-width:min(360px,calc(100vw - 2 * var(--fm4-site-padding, 1rem)))}
.fm4-placement-item--desktop{display:block}
.fm4-placement-item--mobile{display:none}
.fm4-placement-slot--header_utility .fm4-app-component,.fm4-app-component--cart_button{width:auto;border:0;background:transparent;padding:0}
.fm4-app-component--cart_button .fm4-app-component__title{display:none}
.fm4-app-component--cart_button .fm4-app-component__mount{min-height:0}
.fm4-cart-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:2.5rem;min-height:2.5rem;padding:0 .45rem;border:1px solid var(--fm4-border-color,rgba(0,0,0,.16));border-radius:min(var(--fm4-global-radius,8px),8px);background:var(--fm4-surface-color,#fff);color:var(--fm4-text-color,#111827);font:inherit;font-weight:700;cursor:pointer}
.fm4-cart-button--bump{animation:fm4-cart-bump .5s cubic-bezier(.2,.8,.2,1)}
.fm4-cart-button__icon{width:1.18rem;height:1.18rem;flex:0 0 auto}
.fm4-cart-button strong{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .32rem;border-radius:999px;background:var(--fm4-primary-color,#2563eb);color:#fff;font-size:.76rem;line-height:1}
.fm4-cart-drawer{position:fixed;inset:0;z-index:500;display:none;background:rgba(0,0,0,.35)}
.fm4-cart-drawer--open{display:block}
.fm4-cart-drawer__panel{position:absolute;top:0;right:0;width:min(420px,100vw);height:100%;display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--fm4-surface-color,#fff);color:var(--fm4-text-color,#111827);box-shadow:-16px 0 40px rgba(0,0,0,.18)}
.fm4-cart-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.fm4-cart-drawer__head button{width:2.2rem;height:2.2rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:8px;background:transparent;color:inherit;font-size:1.35rem;cursor:pointer}
.fm4-cart-drawer__body{display:grid;gap:.75rem;overflow:auto}
.fm4-cart-drawer__checkout{margin-top:auto;text-decoration:none}
.fm4-app-empty,.fm4-app-loading,.fm4-app-note{padding:1rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:var(--fm4-global-radius,8px);color:var(--fm4-muted-color,#64748b);background:var(--fm4-surface-color,#fff)}
.fm4-app-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 .95rem;border:1px solid var(--fm4-primary-color,#2563eb);border-radius:min(var(--fm4-global-radius,8px),8px);background:var(--fm4-primary-color,#2563eb);color:#fff;font:inherit;cursor:pointer}
.fm4-app-btn:disabled{opacity:.55;cursor:not-allowed}
.fm4-app-btn--secondary{background:var(--fm4-surface-color,#fff);color:var(--fm4-text-color,#111827);border-color:var(--fm4-border-color,#e5e7eb)}
.fm4-app-btn--cart-added{animation:fm4-cart-button-pop .42s cubic-bezier(.2,.8,.2,1);border-color:color-mix(in srgb,var(--fm4-success-color,#16a34a) 82%,#fff);background:var(--fm4-success-color,#16a34a)}
.fm4-app-btn--cart-blocked{border-color:color-mix(in srgb,var(--fm4-warning-color,#d97706) 78%,#fff);background:var(--fm4-warning-color,#d97706)}
.fm4-cart-toast-region{position:fixed;right:clamp(.75rem,2vw,1.25rem);bottom:clamp(.75rem,2vw,1.25rem);z-index:650;display:grid;gap:.55rem;width:min(360px,calc(100vw - 1.5rem));pointer-events:none}
.fm4-cart-toast{justify-self:end;max-width:100%;padding:.72rem .9rem;border:1px solid var(--fm4-border-color,rgba(15,23,42,.14));border-radius:min(var(--fm4-global-radius,8px),8px);background:color-mix(in srgb,var(--fm4-surface-color,#fff) 94%,var(--fm4-primary-color,#2563eb));color:var(--fm4-text-color,#111827);box-shadow:0 14px 34px rgba(15,23,42,.18);font-size:.92rem;font-weight:800;line-height:1.25;opacity:0;transform:translateY(.5rem) scale(.98);transition:opacity .18s ease,transform .18s ease}
.fm4-cart-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
.fm4-cart-toast--warning{background:color-mix(in srgb,var(--fm4-surface-color,#fff) 90%,var(--fm4-warning-color,#d97706));border-color:color-mix(in srgb,var(--fm4-warning-color,#d97706) 42%,transparent)}
@keyframes fm4-cart-bump{0%{transform:scale(1)}35%{transform:scale(1.12)}70%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes fm4-cart-button-pop{0%{transform:scale(1)}45%{transform:scale(1.04)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.fm4-cart-button--bump,.fm4-app-btn--cart-added{animation:none}.fm4-cart-toast{transition:none;transform:none}}
.fm4-product-grid-title{margin:0 0 var(--fm4-content-gap,1rem);font-size:var(--fm4-h2-size,clamp(1.55rem,3vw,2.4rem));line-height:1.1;color:var(--fm4-text-color,#111827)}
.fm4-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--fm4-space-breathe,1.5rem);width:100%}
.fm4-product-card{display:flex;flex-direction:column;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:var(--fm4-global-radius,8px);overflow:hidden;background:var(--fm4-surface-color,#fff);min-width:0}
.fm4-product-card a{color:inherit;text-decoration:none}
.fm4-product-card a:hover{text-decoration:underline}
.fm4-product-card__media{display:block;background:color-mix(in srgb,var(--fm4-surface-color,#fff) 86%,var(--fm4-primary-color,#2563eb));overflow:hidden}
.fm4-product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .2s ease}
.fm4-product-card:hover img{transform:scale(1.025)}
.fm4-product-card__placeholder{display:block;aspect-ratio:4/3;background:linear-gradient(135deg,color-mix(in srgb,var(--fm4-primary-color,#2563eb) 12%,transparent),color-mix(in srgb,var(--fm4-border-color,#e5e7eb) 45%,transparent))}
.fm4-product-card__body{padding:1rem;display:flex;flex:1;flex-direction:column;gap:.6rem}
.fm4-product-card__body h3,.fm4-product-card__body p{margin:0}
.fm4-product-admin-actions{display:none;margin-top:auto;padding-top:.35rem}
body.fm4-live-editing .fm4-product-admin-actions{display:flex}
.fm4-product-admin-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 .65rem;border:1px solid color-mix(in srgb,var(--fm4-border-color,#e5e7eb) 72%,var(--fm4-text-color,#111827));border-radius:999px;background:var(--fm4-surface-color,#fff);color:var(--fm4-text-color,#111827);font-size:.78rem;font-weight:800;text-decoration:none!important}
.fm4-product-card__meta,.fm4-product-detail__meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem;color:var(--fm4-muted-color,#64748b);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.fm4-product-price{display:flex;align-items:baseline;gap:.55rem;font-weight:700;color:var(--fm4-text-color,#111827)}
.fm4-product-price strong{font-size:1.12rem}
.fm4-product-price s{color:var(--fm4-muted-color,#64748b);font-size:.9rem}
.fm4-product-tax{color:var(--fm4-muted-color,#64748b);font-size:.82rem}
.fm4-product-stock{display:inline-flex;align-items:center;width:max-content;min-height:1.55rem;padding:0 .5rem;border-radius:999px;background:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 10%,var(--fm4-surface-color,#fff));color:var(--fm4-primary-color,#2563eb);font-size:.78rem;font-weight:800}
.fm4-product-stock--out{background:color-mix(in srgb,#dc2626 10%,var(--fm4-surface-color,#fff));color:#b91c1c}
.fm4-product-detail-app{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);gap:var(--fm4-content-gap,clamp(1.5rem,5vw,4rem));align-items:start;max-width:var(--fm4-container-width,1200px);margin:0 auto;width:100%}
.fm4-product-detail__media{display:grid;gap:.75rem;min-width:0}
.fm4-product-detail__media>img,.fm4-product-detail__placeholder{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--fm4-image-radius,var(--fm4-global-radius,12px));background:color-mix(in srgb,var(--fm4-surface-color,#fff) 86%,var(--fm4-primary-color,#2563eb))}
.fm4-product-detail__thumbs{display:flex;gap:.55rem;overflow:auto;padding-bottom:.1rem}
.fm4-product-detail__thumbs button{width:4.5rem;aspect-ratio:1;border:2px solid transparent;border-radius:min(var(--fm4-global-radius,8px),8px);padding:0;background:transparent;overflow:hidden;cursor:pointer;flex:0 0 auto}
.fm4-product-detail__thumbs button[aria-current="true"]{border-color:var(--fm4-primary-color,#2563eb)}
.fm4-product-detail__thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.fm4-product-detail__content{display:grid;gap:var(--fm4-content-gap,1rem);min-width:0}
.fm4-product-detail__content h1{margin:0;font-size:var(--fm4-h1-size,clamp(2.2rem,5.4vw,4.6rem));line-height:var(--fm4-heading-line-height,1.03);color:var(--fm4-text-color,#111827)}
.fm4-product-detail__summary{margin:0;color:var(--fm4-text-color,#111827);font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.55}
.fm4-product-detail__tax{color:var(--fm4-muted-color,#64748b);font-size:.92rem}
.fm4-product-detail__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.fm4-product-detail__description{margin-top:.25rem;padding-top:var(--fm4-content-gap,1rem);border-top:1px solid var(--fm4-border-color,#e5e7eb);line-height:var(--fm4-body-line-height,1.65);color:var(--fm4-text-color,#111827)}
.fm4-app-component--product_detail{border:0;background:transparent;padding:0}
.fm4-app-component--product_detail .fm4-app-component__title{display:none}
.fm4-app-component--product_detail .fm4-app-component__mount{display:block}
@media(max-width:860px){.fm4-product-detail-app{grid-template-columns:1fr}.fm4-product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.fm4-product-detail__content h1{font-size:clamp(1.9rem,10vw,3rem)}}
.fm4-query-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--fm4-space-breathe,1.5rem)}
.fm4-query-cols--1{grid-template-columns:repeat(1,minmax(0,1fr))}
.fm4-query-cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fm4-query-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fm4-query-cols--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.fm4-query-cols--2,.fm4-query-cols--3,.fm4-query-cols--4{grid-template-columns:1fr}}
.fm4-qb-card{border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:var(--fm4-global-radius,8px);overflow:hidden;background:var(--fm4-surface-color,#fff)}
.fm4-qb-card h3{margin:0;padding:0 1rem 1rem;font-size:1.05rem;line-height:1.25}
.fm4-qb-card a{color:inherit;text-decoration:none}
.fm4-qb-card a:hover{text-decoration:underline}
.fm4-qb-media{display:block;margin:0}
.fm4-qb-media img{width:100%;height:180px;object-fit:cover;display:block}
.fm4-qb-date{display:block;padding:1rem 1rem .35rem;color:var(--fm4-muted-color,#64748b);font-size:.82rem;font-weight:700}
.fm4-qb-excerpt{margin:0;padding:0 1rem 1rem;color:var(--fm4-muted-color,#64748b);font-size:.94rem;line-height:1.55}
.fm4-query-block--compact{display:grid;grid-template-columns:1fr;gap:.75rem}
.fm4-query-block--compact .fm4-qb-card{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);align-items:start;border:0;border-top:1px solid var(--fm4-border-color,#e5e7eb);border-radius:0;background:transparent;padding-top:.85rem}
.fm4-query-block--compact .fm4-qb-media img{height:6.5rem}
.fm4-news-front{padding-top:clamp(.4rem,1.5vw,1.1rem);padding-bottom:var(--fm4-space-section,clamp(2rem,6vw,5rem));border-top:3px solid var(--fm4-text-color,#111827);margin-top:clamp(.6rem,2vw,1.25rem)}
.fm4-news-front__top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(1.5rem,3.5vw,3rem);align-items:start}
.fm4-news-front__rail{display:flex;flex-direction:column;gap:0;align-self:stretch;border-left:1px solid var(--fm4-border-color,#e5e7eb);padding-left:clamp(1.1rem,2vw,1.75rem)}
.fm4-news-front__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(1.4rem,2.5vw,2.25rem);margin-top:clamp(1.6rem,3vw,2.6rem);padding-top:clamp(1.4rem,2.5vw,2.2rem);border-top:1px solid var(--fm4-border-color,#e5e7eb)}
.fm4-news-front-card{min-width:0}
.fm4-news-front-card--lead{display:flex;flex-direction:column;gap:1rem}
.fm4-news-front-card--rail{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem;gap:.9rem;align-items:start;padding:clamp(.85rem,1.5vw,1.15rem) 0;border-top:1px solid var(--fm4-border-color,#e5e7eb)}
.fm4-news-front-card--rail:first-child{padding-top:0;border-top:0}
.fm4-news-front-card--rail .fm4-news-front-card__media{order:2;align-self:start}
.fm4-news-front-card--rail .fm4-news-front-card__text{order:1}
.fm4-news-front-card--tile{display:flex;flex-direction:column;gap:.7rem}
.fm4-news-front-card__media{display:block;overflow:hidden;border-radius:max(4px,var(--fm4-global-radius,4px));background:var(--fm4-surface-color,#f5f5f2);color:inherit;text-decoration:none;transition:opacity .25s ease}
.fm4-news-front-card__media:hover{opacity:.96}
.fm4-news-front-card__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .45s cubic-bezier(.2,.6,.2,1)}
.fm4-news-front-card__media:hover img{transform:scale(1.045)}
.fm4-news-front-card--lead .fm4-news-front-card__media img{aspect-ratio:16/10}
.fm4-news-front-card--rail .fm4-news-front-card__media img{aspect-ratio:1/1}
.fm4-news-front-card__text{min-width:0;display:flex;flex-direction:column;gap:.4rem}
.fm4-news-front-card--lead .fm4-news-front-card__text{gap:.6rem}
.fm4-news-front-card__meta{display:flex;align-items:center;gap:.5rem;font-size:.74rem;color:var(--fm4-muted-color,#64748b);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.fm4-news-front-card__category{position:relative;color:var(--fm4-primary-color,#b91c1c);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}
.fm4-news-front-card__meta time{position:relative;padding-left:.6rem}
.fm4-news-front-card__meta .fm4-news-front-card__category + time::before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:currentColor;transform:translateY(-50%);opacity:.6}
.fm4-news-front-card__kicker{display:block;color:var(--fm4-primary-color,#b91c1c);font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;margin-bottom:.05rem}
.fm4-news-front-card time,.fm4-news-archive time{color:var(--fm4-muted-color,#64748b);font-size:.74rem;font-weight:600}
.fm4-news-front-card h2,.fm4-news-front-card h3{font-family:var(--fm4-heading-font,Georgia,serif);margin:0;letter-spacing:-.005em;line-height:1.16}
.fm4-news-front-card--lead h2{font-size:clamp(1.95rem,4.4vw,3.4rem);letter-spacing:-.018em;line-height:1.04}
.fm4-news-front-card--rail h3{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.2}
.fm4-news-front-card--tile h3{font-size:clamp(1.08rem,1.6vw,1.35rem)}
.fm4-news-front-card a{color:inherit;text-decoration:none;transition:color .15s ease}
.fm4-news-front-card h2 a:hover,.fm4-news-front-card h3 a:hover{color:var(--fm4-primary-color,#b91c1c)}
.fm4-news-front-card p{margin:0;color:var(--fm4-muted-color,#64748b);line-height:1.58;font-size:.92rem}
.fm4-news-front-card--lead p{font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.6}
.fm4-query-news-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.1rem,2.6vw,2rem);align-items:start}
.fm4-query-news-one-col{display:grid;gap:clamp(1rem,2.4vw,1.75rem);max-width:920px}
.fm4-news-list-card{display:grid;gap:.9rem;min-width:0;border-top:1px solid var(--fm4-border-color,#e5e7eb);padding-top:1rem}
.fm4-query-news-one-col .fm4-news-list-card{grid-template-columns:minmax(11rem,.38fr) minmax(0,.62fr);gap:clamp(1rem,2.8vw,2rem);align-items:start}
.fm4-news-list-card--no-media{display:block}
.fm4-news-list-card__media{display:block;overflow:hidden;background:var(--fm4-surface-color,#f5f5f2);color:inherit;text-decoration:none}
.fm4-news-list-card__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .2s ease}
.fm4-news-list-card__media:hover img{transform:scale(1.025)}
.fm4-news-list-card__text{min-width:0}
.fm4-news-list-card time,.fm4-news-headline-row time{display:block;color:var(--fm4-muted-color,#64748b);font-size:.8rem;font-weight:750;margin-bottom:.35rem}
.fm4-news-list-card h3,.fm4-news-headline-row h3{margin:0;font-size:clamp(1.12rem,1.7vw,1.55rem);line-height:1.1}
.fm4-query-news-one-col .fm4-news-list-card h3{font-size:clamp(1.28rem,2.2vw,2rem)}
.fm4-news-list-card a,.fm4-news-headline-row a{color:inherit;text-decoration:none}
.fm4-news-list-card a:hover,.fm4-news-headline-row a:hover{text-decoration:underline}
.fm4-news-list-card p{margin:.65rem 0 0;color:var(--fm4-muted-color,#64748b);line-height:1.55}
.fm4-query-news-headlines{display:grid;gap:0;max-width:860px}
.fm4-news-headline-row{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;align-items:baseline;border-top:1px solid var(--fm4-border-color,#e5e7eb);padding:.8rem 0}
.fm4-news-headline-row h3{font-size:clamp(1rem,1.35vw,1.25rem)}
.fm4-news-archive{display:grid;gap:clamp(1.5rem,4vw,3rem);max-width:820px}
.fm4-news-archive__group{border-top:2px solid var(--fm4-text-color,#111827);padding-top:.8rem}
.fm4-news-archive__group h3{margin:0 0 1rem;font-size:clamp(1.4rem,3vw,2.2rem)}
.fm4-news-archive ol{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.fm4-news-archive li{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;align-items:baseline;border-top:1px solid var(--fm4-border-color,#e5e7eb);padding-top:.75rem}
.fm4-news-archive a{color:inherit;text-decoration:none;font-weight:750}
.fm4-news-archive a:hover{text-decoration:underline}
.fm4-archive-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:clamp(2rem,5vw,3.5rem);padding-top:1.4rem;border-top:1px solid var(--fm4-border-color,#e5e7eb)}.fm4-archive-pager__pages{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0}.fm4-archive-pager__num,.fm4-archive-pager__edge{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .65rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:6px;color:inherit;text-decoration:none;font-weight:650;font-size:.85rem;line-height:1;transition:background-color .15s,border-color .15s}.fm4-archive-pager__num:hover,.fm4-archive-pager__edge:hover{border-color:var(--fm4-text-color,#111827);background:var(--fm4-surface-alt-color,#f3f4f6)}.fm4-archive-pager__num.is-current{background:var(--fm4-text-color,#111827);color:var(--fm4-surface-color,#fff);border-color:var(--fm4-text-color,#111827);cursor:default}.fm4-archive-pager__gap{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:2.4rem;color:var(--fm4-muted-color,#64748b)}.fm4-archive-pager__edge{font-weight:700}
@media(max-width:760px){.fm4-news-front__top,.fm4-query-news-two-col{grid-template-columns:1fr}.fm4-news-front__rail{border-left:0;padding-left:0;border-top:1px solid var(--fm4-border-color,#e5e7eb);padding-top:clamp(1rem,4vw,1.4rem)}.fm4-news-front-card--rail{grid-template-columns:minmax(0,1fr) 4.5rem}.fm4-query-block--compact .fm4-qb-card,.fm4-query-news-one-col .fm4-news-list-card,.fm4-news-headline-row{grid-template-columns:1fr}.fm4-news-archive li{grid-template-columns:1fr;gap:.1rem}.fm4-news-front-card--lead h2{font-size:clamp(1.8rem,9vw,2.7rem)}.fm4-news-headline-row{gap:.1rem}}
.fm4-generic-block{display:grid;gap:var(--fm4-space-breathe,1.25rem);min-width:0}
.fm4-generic-block--card{border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:var(--fm4-global-radius,8px);background:var(--fm4-surface-color,#fff);padding:var(--fm4-space-breathe,1.25rem)}
.fm4-generic-block--media-card{grid-template-columns:minmax(180px,.9fr) minmax(0,1.2fr);align-items:start}
.fm4-generic-content{display:grid;gap:.75rem;min-width:0}
.fm4-generic-field{min-width:0;margin:0;color:var(--fm4-text-color,#111827)}
.fm4-generic-field--title{font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.12;font-weight:800}
.fm4-generic-icon{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:max(8px,var(--fm4-global-radius,8px));background:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 12%,var(--fm4-surface-color,#fff));color:var(--fm4-primary-color,#2563eb)}
.fm4-generic-icon svg{width:1.5rem;height:1.5rem;display:block}
.fm4-generic-field--meta{display:flex;gap:.35rem;align-items:baseline;color:var(--fm4-muted-color,#64748b);font-size:.9rem}
.fm4-generic-label{font-weight:800;color:var(--fm4-muted-color,#64748b)}
.fm4-generic-value{min-width:0}
.fm4-generic-image{margin:0;border-radius:var(--fm4-global-radius,8px);overflow:hidden;background:var(--fm4-muted-bg,#f8fafc)}
.fm4-generic-image img{display:block;width:100%;height:auto;object-fit:cover}
.fm4-generic-image.is-empty{min-height:10rem;border:1px dashed var(--fm4-border-color,#cbd5e1)}
.fm4-generic-group{display:grid;gap:var(--fm4-space-breathe,1rem);min-width:0}
.fm4-generic-group-empty{display:grid;place-items:center;min-height:3rem;border:1px dashed var(--fm4-border-color,#cbd5e1);border-radius:var(--fm4-global-radius,8px);color:var(--fm4-muted-color,#64748b);font-size:.9rem}
@media (max-width:720px){.fm4-generic-block--media-card{grid-template-columns:1fr}}
.fm4-graph-block{display:grid;gap:.8rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:var(--fm4-global-radius,8px);background:var(--fm4-surface-color,#fff);padding:1rem}
.fm4-graph-block h3{margin:0;font-size:1.05rem;line-height:1.25}
.fm4-graph-block canvas{display:none}
.fm4-graph-fallback{display:grid;gap:.55rem}
.fm4-graph-row{display:grid;grid-template-columns:minmax(4rem,.75fr) minmax(0,2fr) auto;gap:.7rem;align-items:center;font-size:.9rem}
.fm4-graph-row span{color:var(--fm4-muted-color,#64748b)}
.fm4-graph-row strong{color:var(--fm4-text-color,#111827);font-size:.86rem}
.fm4-graph-bar{height:.6rem;border-radius:999px;background:color-mix(in srgb,var(--fm4-border-color,#e5e7eb) 70%,transparent);overflow:hidden}
.fm4-graph-bar i{display:block;height:100%;border-radius:inherit;background:var(--fm4-primary-color,#2563eb)}
.fm4-cart-lines{display:grid;gap:.5rem;margin-bottom:.75rem;width:100%;min-width:0}
.fm4-cart-line{display:flex;justify-content:space-between;gap:1rem;min-width:0;padding:.65rem .75rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:var(--fm4-global-radius,8px);background:var(--fm4-surface-color,#fff)}
.fm4-cart-line>a,.fm4-cart-line>span,.fm4-cart-line__main{min-width:0;overflow-wrap:anywhere}
.fm4-cart-line a{color:inherit;text-decoration:none;font-weight:700}
.fm4-cart-line a:hover{text-decoration:underline}
.fm4-cart-line>div,.fm4-cart-line__qty{display:flex;align-items:center;gap:.55rem;color:var(--fm4-muted-color,#64748b)}
.fm4-cart-line--checkout{align-items:flex-start}
.fm4-cart-line__main{display:grid!important;gap:.35rem;color:var(--fm4-text-color,#111827)!important}
.fm4-cart-line__side{display:grid!important;justify-items:end;gap:.45rem;flex:0 0 auto;color:var(--fm4-muted-color,#64748b)}
.fm4-cart-line__qty{flex:0 0 auto}
.fm4-cart-line__price,.fm4-cart-line__count{white-space:nowrap}
.fm4-cart-line__meta,.fm4-cart-line__stock{display:block;color:var(--fm4-muted-color,#64748b);font-size:.82rem;line-height:1.35}
.fm4-cart-line__details{font-size:.82rem;color:var(--fm4-muted-color,#64748b)}
.fm4-cart-line__details summary{cursor:pointer;font-weight:700}
.fm4-cart-line__details p{margin:.2rem 0 0;line-height:1.35}
.fm4-cart-qty-control{display:grid;grid-template-columns:2rem 3.2rem 2rem auto;align-items:center;gap:.25rem}
.fm4-cart-qty-control button,.fm4-cart-qty-control input{min-width:0;height:2rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);background:var(--fm4-surface-color,#fff);color:var(--fm4-text-color,#111827);font:inherit}
.fm4-cart-qty-control button{display:grid;place-items:center;cursor:pointer;font-weight:800}
.fm4-cart-qty-control button:disabled{opacity:.42;cursor:not-allowed}
.fm4-cart-qty-control input{text-align:center;padding:0 .25rem}
.fm4-cart-remove{padding:0 .55rem!important;font-size:.82rem;font-weight:700!important;color:var(--fm4-muted-color,#64748b)!important}
.fm4-search{position:relative;width:100%;min-width:min(18rem,100%)}
.fm4-placement-slot--header_utility .fm4-search{width:min(24rem,42vw)}
.fm4-search-form{display:flex;align-items:center;gap:.5rem;width:100%}
.fm4-search-input-wrap{position:relative;flex:1;min-width:0}
.fm4-search-form input{width:100%;min-width:0;min-height:2.55rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);padding:0 2.25rem 0 .85rem;font:inherit;color:var(--fm4-text-color,#111827);background:var(--fm4-surface-color,#fff)}
.fm4-search-form input:focus{outline:2px solid color-mix(in srgb,var(--fm4-primary-color,#2563eb) 22%,transparent);border-color:var(--fm4-primary-color,#2563eb)}
.fm4-search-spinner{position:absolute;right:.75rem;top:50%;width:.9rem;height:.9rem;margin-top:-.45rem;border:2px solid color-mix(in srgb,var(--fm4-muted-color,#64748b) 30%,transparent);border-top-color:var(--fm4-primary-color,#2563eb);border-radius:50%;opacity:0;transform:scale(.85);pointer-events:none}
.fm4-search--busy .fm4-search-spinner{opacity:1;animation:fm4-spin .75s linear infinite}
.fm4-search-results{display:grid;gap:.45rem;width:100%;z-index:420}
.fm4-search--suggest .fm4-search-results{position:absolute;top:calc(100% + .45rem);left:0;right:0;display:none;max-height:min(420px,70vh);overflow:auto;padding:.45rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,10px),10px);background:var(--fm4-surface-color,#fff);box-shadow:0 18px 44px rgba(15,23,42,.16)}
.fm4-search--suggest.fm4-search--open .fm4-search-results{display:grid}
.fm4-search--results .fm4-search-results{margin-top:.75rem}
.fm4-search-result{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.7rem .75rem;border:1px solid transparent;border-radius:min(var(--fm4-global-radius,8px),8px);background:transparent;color:inherit;text-decoration:none}
.fm4-search-result:hover,.fm4-search-result.is-active{border-color:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 22%,transparent);background:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 8%,var(--fm4-surface-color,#fff));text-decoration:none}
.fm4-search-result__text{display:grid;gap:.18rem;min-width:0}
.fm4-search-result strong{font-weight:700;line-height:1.2}
.fm4-search-result small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--fm4-muted-color,#64748b);line-height:1.35}
.fm4-search-result__module{flex:0 0 auto;color:var(--fm4-muted-color,#64748b);font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.fm4-search-hint{padding:.75rem;color:var(--fm4-muted-color,#64748b);font-size:.9rem}
.fm4-app-component--form{border:0;background:transparent;padding:0}
.fm4-app-component--form .fm4-app-component__title{display:none}
.fm4-public-form{display:grid;gap:var(--fm4-content-gap,1rem);width:min(760px,100%);color:var(--fm4-text-color,#111827)}
.fm4-public-form--compact{gap:.75rem}
.fm4-public-form--quiet{width:100%}
.fm4-form-title{margin:0;font-size:var(--fm4-h2-size,clamp(1.55rem,3vw,2.4rem));line-height:1.12;color:var(--fm4-text-color,#111827)}
.fm4-form-intro,.fm4-form-privacy{margin:0;color:var(--fm4-muted-color,#64748b);line-height:1.55}
.fm4-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.fm4-form-field{display:grid;gap:.38rem;min-width:0;font-size:.9rem;color:var(--fm4-muted-color,#64748b)}
.fm4-form-field--textarea,.fm4-form-field--checkbox,.fm4-form-field--radio,.fm4-form-field--checkbox_group,.fm4-form-field--file{grid-column:1/-1}
.fm4-form-field span{font-weight:750;color:var(--fm4-text-color,#111827)}
.fm4-form-field em{font-style:normal;color:var(--fm4-primary-color,#2563eb)}
.fm4-form-field input,.fm4-form-field textarea,.fm4-form-field select{width:100%;min-width:0;min-height:2.65rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);padding:.7rem .85rem;font:inherit;color:var(--fm4-text-color,#111827);background:var(--fm4-surface-color,#fff);box-sizing:border-box}
.fm4-form-field textarea{resize:vertical;line-height:1.45}
.fm4-form-field input:focus,.fm4-form-field textarea:focus,.fm4-form-field select:focus{outline:2px solid color-mix(in srgb,var(--fm4-primary-color,#2563eb) 22%,transparent);border-color:var(--fm4-primary-color,#2563eb)}
.fm4-form-field input[type=file]{padding:.55rem .7rem}
.fm4-form-field--checkbox{display:flex;align-items:flex-start;gap:.65rem;color:var(--fm4-text-color,#111827)}
.fm4-form-field--checkbox input{width:1.05rem;height:1.05rem;min-height:0;margin:.18rem 0 0;padding:0;accent-color:var(--fm4-primary-color,#2563eb)}
.fm4-form-field--radio,.fm4-form-field--checkbox_group{margin:0;border:0;padding:0;display:grid;gap:.5rem}
.fm4-form-field legend{font-size:.9rem;font-weight:750;color:var(--fm4-text-color,#111827);padding:0}
.fm4-form-choice-list{display:flex;flex-wrap:wrap;gap:.5rem .75rem}
.fm4-form-choice{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.35rem .65rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);background:var(--fm4-surface-color,#fff);color:var(--fm4-text-color,#111827);line-height:1.25}
.fm4-form-choice input{width:1rem!important;height:1rem!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:var(--fm4-primary-color,#2563eb)}
.fm4-form-help{color:var(--fm4-muted-color,#64748b);line-height:1.35}
.fm4-form-error{min-height:1em;color:#f87171!important;font-weight:700;font-size:.85rem}
.fm4-form-field--error input,.fm4-form-field--error textarea,.fm4-form-field--error select{border-color:#ef4444!important;box-shadow:0 0 0 1px rgba(239,68,68,.35)!important}
.fm4-form-message{padding:.85rem 1.1rem;border:1px solid rgba(239,68,68,.45)!important;border-radius:min(var(--fm4-global-radius,8px),8px);background:rgba(239,68,68,.16)!important;color:#fca5a5!important;font-weight:750;font-size:.92rem;line-height:1.4;margin-bottom:1rem}
.fm4-form-success{padding:1rem 1.25rem;border:1px solid rgba(34,197,94,.4)!important;border-radius:min(var(--fm4-global-radius,8px),8px);background:rgba(34,197,94,.16)!important;color:#86efac!important;font-weight:750;font-size:.95rem;line-height:1.4}
.fm4-theme--light .fm4-form-message,[data-theme="light"] .fm4-form-message{background:#fef2f2!important;border-color:#fecaca!important;color:#b91c1c!important}
.fm4-theme--light .fm4-form-success,[data-theme="light"] .fm4-form-success{background:#f0fdf4!important;border-color:#bbf7d0!important;color:#15803d!important}
.fm4-public-form .fm4-form-submit,.fm4-public-form .fm4-app-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:0 1.6rem;border-radius:min(var(--fm4-global-radius,8px),8px);background:#ea580c!important;color:#ffffff!important;font:750 .95rem/1 Inter,system-ui,sans-serif!important;border:1px solid #f97316!important;cursor:pointer!important;box-shadow:0 4px 14px rgba(234,88,12,.35)!important;transition:all .15s ease!important;text-decoration:none!important;letter-spacing:.01em!important}
.fm4-public-form .fm4-form-submit:hover,.fm4-public-form .fm4-app-btn:hover{background:#f97316!important;box-shadow:0 6px 20px rgba(234,88,12,.45)!important;transform:translateY(-1px)!important;color:#ffffff!important}
.fm4-form-steps{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}
.fm4-form-step-pill{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:999px;padding:.25rem .65rem;background:var(--fm4-surface-color,#fff);color:var(--fm4-muted-color,#64748b);font-size:.82rem;font-weight:800}
.fm4-form-step-pill strong{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:color-mix(in srgb,var(--fm4-muted-color,#64748b) 12%,transparent);color:var(--fm4-text-color,#111827);font-size:.78rem}
.fm4-form-step-pill.is-active{border-color:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 45%,var(--fm4-border-color,#e5e7eb));color:var(--fm4-primary-color,#2563eb)}
.fm4-form-step-pill.is-active strong,.fm4-form-step-pill.is-complete strong{background:var(--fm4-primary-color,#2563eb);color:#fff}
.fm4-form-step-panels,.fm4-form-step-panel{display:grid;gap:.85rem}
.fm4-form-step-panel[hidden]{display:none!important}
.fm4-form-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.65rem}
.fm4-form-nav [hidden]{display:none!important}
.fm4-form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@keyframes fm4-spin{to{transform:rotate(360deg)}}
.fm4-app-component--checkout{min-width:0;max-width:100%;border:0;background:transparent;padding:0}
.fm4-app-component--checkout .fm4-app-component__title{display:none}
.fm4-app-component--checkout .fm4-app-component__mount{display:block;min-width:0;max-width:100%;min-height:0}
.fm4-checkout-form{display:grid;gap:1rem;margin-top:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.fm4-checkout-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:1rem;align-items:start;min-width:0;max-width:100%}
.fm4-checkout-card{display:grid;gap:1rem;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);background:var(--fm4-surface-color,#fff);padding:1rem}
.fm4-checkout-review{position:sticky;top:1rem}
.fm4-checkout-section-head{display:flex;align-items:center;gap:.65rem}
.fm4-checkout-section-head span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:999px;background:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 12%,var(--fm4-surface-color,#fff));color:var(--fm4-primary-color,#2563eb);font-weight:800;font-size:.82rem}
.fm4-checkout-section-head h3{margin:0;font-size:1rem;line-height:1.25;color:var(--fm4-text-color,#111827)}
.fm4-checkout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}
.fm4-checkout-wide{grid-column:1/-1}
.fm4-checkout-form label{display:grid;gap:.35rem;font-size:.85rem;color:var(--fm4-muted-color,#64748b)}
.fm4-checkout-form input{min-width:0;min-height:2.5rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);padding:0 .8rem;font:inherit;color:var(--fm4-text-color,#111827);background:var(--fm4-surface-color,#fff)}
.fm4-checkout-save{display:flex!important;align-items:center;gap:.55rem;color:var(--fm4-text-color,#111827)!important}
.fm4-checkout-save input{width:1rem!important;height:1rem!important;min-height:0!important;padding:0!important;accent-color:var(--fm4-primary-color,#2563eb)}
.fm4-checkout-totals{display:grid;gap:.5rem}
.fm4-checkout-shipping{display:grid;gap:.35rem;font-size:.85rem;color:var(--fm4-muted-color,#64748b)}
.fm4-checkout-shipping select{min-width:0;min-height:2.5rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);padding:0 .8rem;font:inherit;color:var(--fm4-text-color,#111827);background:var(--fm4-surface-color,#fff)}
.fm4-checkout-summary{display:grid;gap:.45rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:var(--fm4-global-radius,8px);padding:.85rem;background:color-mix(in srgb,var(--fm4-surface-color,#fff) 92%,var(--fm4-primary-color,#2563eb))}
.fm4-checkout-summary>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.fm4-checkout-summary span{color:var(--fm4-muted-color,#64748b)}
.fm4-checkout-summary strong{color:var(--fm4-text-color,#111827)}
.fm4-checkout-summary__total{border-top:1px solid var(--fm4-border-color,#e5e7eb);padding-top:.55rem;margin-top:.2rem;font-size:1.08rem}
.fm4-checkout-summary p{margin:.25rem 0 0;color:var(--fm4-muted-color,#64748b);font-size:.88rem}
.fm4-checkout-tax-note--ok{color:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 75%,#14532d)!important}
.fm4-checkout-submit{width:100%}
.fm4-checkout-result{display:grid;gap:.5rem}
body[data-fm4-slug="checkout"] .fm4-placement-slot--before_content{padding-top:.25rem}
body[data-fm4-slug="checkout"] .uv-header{margin-bottom:clamp(.75rem,2vw,1.25rem)}
body[data-fm4-slug="checkout"] .uv-title{font-size:clamp(2rem,5vw,3.2rem)!important;line-height:1.05!important;margin-bottom:0!important}
.fm4-checkout-account{display:grid;gap:.75rem;border:1px solid color-mix(in srgb,var(--fm4-border-color,#e5e7eb) 80%,transparent);border-radius:min(var(--fm4-global-radius,8px),8px);padding:.85rem;background:color-mix(in srgb,var(--fm4-surface-color,#fff) 94%,var(--fm4-primary-color,#2563eb))}
.fm4-checkout-account:empty{display:none}
.fm4-checkout-account__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.fm4-checkout-account__head strong{display:block;color:var(--fm4-text-color,#111827)}
.fm4-checkout-account__head small{display:block;color:var(--fm4-muted-color,#64748b);line-height:1.35}
.fm4-checkout-account__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.fm4-checkout-account__actions input{width:100%}
.fm4-checkout-account__wide{grid-column:1/-1}
.fm4-checkout-account__status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.fm4-checkout-account__message{font-size:.86rem;color:var(--fm4-muted-color,#64748b)}
.fm4-checkout-account__message--error{color:#b91c1c}
.fm4-checkout-google{width:100%;text-decoration:none}
.fm4-order-confirmation{display:grid;gap:1rem;max-width:min(760px,100%);padding:clamp(1rem,3vw,1.4rem);border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,10px),10px);background:var(--fm4-surface-color,#fff);box-shadow:0 18px 44px rgba(15,23,42,.08)}
.fm4-order-confirmation__head{display:grid;gap:.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--fm4-border-color,#e5e7eb)}
.fm4-order-confirmation__head span{width:max-content;padding:.18rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--fm4-success-color,#16a34a) 12%,var(--fm4-surface-color,#fff));color:color-mix(in srgb,var(--fm4-success-color,#16a34a) 78%,var(--fm4-text-color,#111827));font-size:.8rem;font-weight:850}
.fm4-order-confirmation__head h2{margin:0;font-size:clamp(1.55rem,4vw,2.35rem);line-height:1.05;color:var(--fm4-text-color,#111827)}
.fm4-order-confirmation__head p,.fm4-order-confirmation__box p,.fm4-order-confirmation__notice{margin:0;color:var(--fm4-muted-color,#64748b);line-height:1.5}
.fm4-order-confirmation__items,.fm4-order-confirmation__box{display:grid;gap:.55rem;padding:.85rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);background:color-mix(in srgb,var(--fm4-surface-color,#fff) 96%,var(--fm4-primary-color,#2563eb))}
.fm4-order-confirmation__items>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.fm4-order-confirmation__items span{min-width:0;overflow-wrap:anywhere;color:var(--fm4-text-color,#111827)}
.fm4-order-confirmation__box h3{margin:0;font-size:1rem;color:var(--fm4-text-color,#111827)}
.fm4-order-confirmation__pay{width:max-content;max-width:100%;text-decoration:none}
.fm4-order-confirmation__tokens{display:flex;flex-wrap:wrap;gap:.45rem}
.fm4-order-confirmation__tokens code{padding:.3rem .45rem;border-radius:6px;background:color-mix(in srgb,var(--fm4-text-color,#111827) 8%,transparent);font-size:.86rem}
.fm4-order-confirmation__actions{display:flex;justify-content:flex-start}
.fm4-account-panel{display:grid;gap:1rem;width:min(860px,100%);padding:clamp(1rem,3vw,1.25rem);border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,10px),10px);background:var(--fm4-surface-color,#fff);box-shadow:0 14px 34px rgba(15,23,42,.07)}
.fm4-account-panel__head,.fm4-account-panel__status{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.fm4-account-panel h2,.fm4-account-panel__subhead{margin:0;color:var(--fm4-text-color,#111827);line-height:1.15}
.fm4-account-panel p{margin:.25rem 0 0;color:var(--fm4-muted-color,#64748b);line-height:1.45}
.fm4-account-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.fm4-account-panel__grid label{display:grid;gap:.35rem;font-size:.85rem;color:var(--fm4-muted-color,#64748b)}
.fm4-account-panel__grid input{min-width:0;min-height:2.5rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);padding:0 .8rem;font:inherit;color:var(--fm4-text-color,#111827);background:var(--fm4-surface-color,#fff)}
.fm4-account-panel__wide{grid-column:1/-1}
.fm4-account-orders{display:grid;gap:.75rem}
.fm4-account-order{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),8px);background:color-mix(in srgb,var(--fm4-surface-color,#fff) 96%,var(--fm4-primary-color,#2563eb))}
.fm4-account-order__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.fm4-account-order__top strong,.fm4-account-order__top small{display:block}
.fm4-account-order__top small{margin-top:.15rem;color:var(--fm4-muted-color,#64748b)}
.fm4-account-order__states{display:flex;flex-wrap:wrap;gap:.4rem}
.fm4-account-order__states span{padding:.16rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 10%,var(--fm4-surface-color,#fff));color:var(--fm4-primary-color,#2563eb);font-size:.78rem;font-weight:800}
.fm4-account-order details{display:grid;gap:.45rem;color:var(--fm4-muted-color,#64748b);font-size:.9rem}
.fm4-account-order summary{cursor:pointer;font-weight:800;color:var(--fm4-text-color,#111827)}
.fm4-account-order details>div{display:flex;justify-content:space-between;gap:1rem;margin-top:.35rem}
.fm4-account-order code{display:inline-block;margin:.35rem .35rem 0 0;padding:.3rem .45rem;border-radius:6px;background:color-mix(in srgb,var(--fm4-text-color,#111827) 8%,transparent);font-size:.86rem}
@media(max-width:860px){
  body[data-fm4-slug="checkout"] .uv-title{font-size:clamp(1.6rem,8vw,2.2rem)!important}
  body[data-fm4-slug="checkout"] .fm4-placement-slot--before_content{padding:.15rem 0 1rem}
  .fm4-checkout-shell{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .fm4-checkout-review{position:static}
  .fm4-checkout-card{gap:.75rem;padding:.75rem;border-radius:min(var(--fm4-global-radius,8px),8px)}
  .fm4-checkout-section-head{gap:.5rem}
  .fm4-checkout-section-head span{display:none}
  .fm4-checkout-grid{grid-template-columns:minmax(0,1fr);gap:.6rem}
  .fm4-checkout-form label{gap:.25rem}
  .fm4-checkout-form input,.fm4-checkout-shipping select{min-height:2.35rem;padding:0 .7rem}
  .fm4-checkout-account{padding:.7rem;gap:.6rem}
  .fm4-checkout-account__actions{grid-template-columns:minmax(0,1fr)}
  .fm4-cart-line{gap:.7rem;padding:.6rem}
  .fm4-cart-line--checkout{display:grid;grid-template-columns:minmax(0,1fr)}
  .fm4-cart-line__side{justify-items:start;width:100%}
  .fm4-cart-qty-control{grid-template-columns:2rem minmax(2.8rem,3.4rem) 2rem minmax(4.5rem,auto)}
  .fm4-checkout-summary{padding:.7rem}
  .fm4-order-confirmation{padding:.85rem;gap:.75rem}
  .fm4-order-confirmation__items>div{align-items:flex-start}
  .fm4-account-panel{padding:.85rem;gap:.75rem}
  .fm4-account-panel__grid{grid-template-columns:minmax(0,1fr)}
  .fm4-account-order__top{display:grid}
  .fm4-form-fields{grid-template-columns:minmax(0,1fr);gap:.65rem}
  .fm4-public-form{width:100%;gap:.8rem}
  .fm4-form-field input,.fm4-form-field textarea,.fm4-form-field select{min-height:2.45rem;padding:.62rem .7rem}
  .fm4-form-nav{justify-content:stretch}
  .fm4-form-nav .fm4-app-btn{flex:1 1 8rem}
}
.fm4-nav-toggle-open span:nth-child(2){opacity:0}
.fm4-nav-toggle-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}


/* -- Mobile site padding --------------------------------------------------- */
@media(max-width:860px){
  :root{--fm4-site-padding:.5rem}
}
@media(max-width:480px){
  :root{--fm4-site-padding:.35rem}
}
/* -- Mobile nav ----------------------------------------------------------- */
@media(max-width:860px){
  .fm4-nav-toggle{display:flex!important}
  ul.fm4-nav-device-mobile{display:flex!important}
  .fm4-nav-item.fm4-nav-vis-mobile{display:list-item!important}
  .fm4-nav-heading.fm4-nav-vis-mobile{display:block!important}
  .fm4-nav-device-desktop,.fm4-nav-vis-desktop{display:none!important}
  .fm4-placement-item--desktop{display:none}
  .fm4-placement-item--mobile{display:block}
  .fm4-placement-slot--mobile_drawer{display:grid;gap:.75rem;padding:.75rem 1rem;border-top:1px solid rgba(0,0,0,.08)}
  .fm4-placement-slot--header_utility{margin-left:auto;order:3}
  .fm4-nav-toggle{order:4}
  nav.fm4-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;background:var(--fm4-surface-color,#fff);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 12px 28px rgba(0,0,0,.14);display:none;overflow:hidden;z-index:260}
  nav.fm4-nav.fm4-nav-open{display:block}
  .fm4-nav > ul.fm4-nav,.fm4-nav ul.fm4-nav{flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0}
  .fm4-nav-link{padding:.7rem 1.2rem;border-radius:0;font-size:1rem}
  .fm4-nav-item.has-children > .fm4-nav-link::after{margin-left:auto}
  .fm4-nav-sub{display:none;position:static;box-shadow:none;border:none;border-radius:0;background:rgba(0,0,0,.03);padding:.25rem 0}
  .fm4-nav-item.has-children.fm4-sub-open > .fm4-nav-sub{display:block}
  .fm4-nav-sub .fm4-nav-link{padding:.6rem 1.2rem .6rem 2rem;font-size:.9rem}
}

/* Collapse text blocks with only whitespace/br */
.fm4-text-content > *:only-child br:only-child{display:none}
.fm4-text-block:empty,.fm4-text-content:empty{display:none}
/* ── Footer ────────────────────────────────────────────────────────────── */
.fm4-site-footer{padding:clamp(2rem,5vw,3.5rem) clamp(1rem,3vw,2rem);text-align:center;font-size:.85rem;color:var(--fm4-muted-color,color-mix(in srgb,var(--fm4-text-color,#1f2937) 55%,transparent));border-top:1px solid var(--fm4-border-color,rgba(0,0,0,.08));background:var(--fm4-surface-color,#fff)!important;}
.fm4-footer-nav > ul.fm4-nav{list-style:none;margin:0 auto 1rem;padding:0;display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap;max-width:var(--fm4-container-width,1200px)}
.fm4-footer-nav .fm4-nav-link{padding:.35rem .65rem;font-size:.86rem;color:inherit}
.fm4-footer-nav .fm4-nav-link:hover,.fm4-footer-nav .fm4-nav-link.fm4-nav-active{background:transparent;color:var(--fm4-primary-color,#2563eb);text-decoration:underline}
.fm4-site-footer p{max-width:var(--fm4-container-width,1200px);margin:.5rem auto 0;line-height:1.6}
[data-fm4-field="footer_text"]{display:block!important;width:100%!important;max-width:var(--fm4-container-width,1200px);margin:.5rem auto 0;line-height:1.6}
.fm4-zone-footer_top,.fm4-zone-footer_columns,.fm4-zone-footer_bottom,.fm4-placement-slot--footer{max-width:var(--fm4-container-width,1200px);margin-left:auto;margin-right:auto;width:100%}
.fm4-site-footer a{color:var(--fm4-primary-color,#2563eb);text-decoration:none}
.fm4-site-footer a:hover{text-decoration:underline}
.fm4-hero-cover--wide{width:min(100vw,calc(100% + 8rem))!important;max-width:100vw!important;margin-left:max(-4rem,calc(50% - 50vw))!important;margin-right:max(-4rem,calc(50% - 50vw))!important}
.fm4-hero-cover--full{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0!important}
/* ── Strict Global Vertical Rhythm & Alignment ── */
.fm4-hero-section,
.uv-header,
.sd-home-type__inner,
.sd-simple-page__header,
.sd-two-col__header {
  padding-top: var(--fm4-page-title-top-gap, clamp(1.5rem, 3.5vw, 3rem)) !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: clamp(2rem, 4vw, 3.5rem) !important;
  text-align: center;
}

.fm4-doc-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.fm4-block-wrap + .fm4-block-wrap {
  margin-top: clamp(2.5rem, 5vw, 4.5rem) !important;
}

/* ── Typography vertical rhythm for text blocks & headings ── */
.fm4-text-content > h1,
.fm4-text-content > h2,
.fm4-text-content > h3,
.fm4-text-content > h4,
.fm4-doc-container h1,
.fm4-doc-container h2,
.fm4-doc-container h3,
.fm4-doc-container h4 {
  margin-top: clamp(1.75rem, 3.5vw, 2.75rem) !important;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.15rem) !important;
  line-height: 1.25 !important;
}

.fm4-text-content > :is(h1, h2, h3, h4):first-child,
.fm4-doc-container > :is(h1, h2, h3, h4):first-child,
.fm4-hero-section h1,
.fm4-hero-section h2,
.fm4-hero-section h3,
.fm4-hero-section h4 {
  margin-top: 0 !important;
}

.fm4-text-content p,
.fm4-doc-container p {
  margin-top: 0;
  margin-bottom: clamp(0.85rem, 2vw, 1.25rem) !important;
  line-height: 1.65 !important;
}

.fm4-hero-kicker,
.fm4-eyebrow,
.uv-kicker,
.sd-home-type__kicker,
[data-fm4-field="eyebrow"],
[data-fm4-field="kicker"] {
  display: inline-block !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--fm4-primary-color, #ea580c) !important;
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
  line-height: 1 !important;
}

.fm4-hero-title,
.fm4-title-hero,
.uv-title,
.sd-home-type__body h1 {
  font-size: var(--fm4-page-title-size, var(--fm4-h1-size, clamp(2.2rem, 5vw, 3.4rem))) !important;
  font-weight: 850 !important;
  line-height: var(--fm4-heading-line-height, 1.15) !important;
  letter-spacing: -0.03em !important;
  margin-top: 0 !important;
  margin-bottom: var(--fm4-heading-gap, 1.15rem) !important;
  text-align: center;
}

.fm4-lead,
.uv-lead,
.uv-header p,
.fm4-hero-section .fm4-lead,
.sd-home-type__lead,
.sd-two-col__lead,
.sd-simple-page__intro {
  font-size: clamp(1.05rem, 1.6vw, 1.22rem) !important;
  line-height: var(--fm4-body-line-height, 1.65) !important;
  color: color-mix(in srgb, var(--fm4-text-color, #fff) 85%, transparent) !important;
  max-width: 720px !important;
  margin-inline: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: center;
}

/* Separation between Hero / Header section and following content cards/grid */
.fm4-hero-section + *,
.fm4-hero-section + div,
.fm4-hero-section + .fm4-card-adaptive,
.uv-header + .uv-content-grid,
.uv-header + .uv-content,
.uv-header + .fm4-section-content,
.fm4-block-wrap:has(.fm4-hero-section) + .fm4-block-wrap {
  margin-top: var(--fm4-page-title-content-gap, var(--fm4-section-gap, 2.25rem)) !important;
}

/* Standardized Icon Badge across all cards and widgets */
.fm4-icon-badge,
.fm4-card-icon,
.sd-card__icon,
.fm4-icon-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--fm4-icon-box-size, 44px) !important;
  height: var(--fm4-icon-box-size, 44px) !important;
  border-radius: max(10px, calc(var(--fm4-global-radius, 16px) - 6px)) !important;
  background: color-mix(in srgb, var(--fm4-primary-color, #ea580c) 16%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fm4-primary-color, #ea580c) 30%, transparent) !important;
  color: var(--fm4-primary-color, #ea580c) !important;
  font-size: var(--fm4-icon-font-size, 1.25rem) !important;
  margin-bottom: 0.75rem !important;
  flex-shrink: 0 !important;
}
.fm4-icon-badge svg,
.fm4-card-icon svg,
.sd-card__icon svg,
.fm4-icon-wrap svg {
  width: var(--fm4-icon-svg-size, 20px) !important;
  height: var(--fm4-icon-svg-size, 20px) !important;
}

/* Sizing variations for card and block templates */
.fm4-icon-sm,
.fm4-icon-badge.fm4-icon-sm,
.fm4-card-icon.fm4-icon-sm,
.fm4-icon-wrap.fm4-icon-sm {
  --fm4-icon-box-size: 32px !important;
  --fm4-icon-svg-size: 16px !important;
  --fm4-icon-font-size: 0.95rem !important;
  border-radius: 8px !important;
  margin-bottom: 0.4rem !important;
}
.fm4-icon-md,
.fm4-icon-badge.fm4-icon-md,
.fm4-card-icon.fm4-icon-md,
.fm4-icon-wrap.fm4-icon-md {
  --fm4-icon-box-size: 42px !important;
  --fm4-icon-svg-size: 20px !important;
  --fm4-icon-font-size: 1.2rem !important;
  border-radius: 10px !important;
}
.fm4-icon-lg,
.fm4-icon-badge.fm4-icon-lg,
.fm4-card-icon.fm4-icon-lg,
.fm4-icon-wrap.fm4-icon-lg {
  --fm4-icon-box-size: 54px !important;
  --fm4-icon-svg-size: 26px !important;
  --fm4-icon-font-size: 1.55rem !important;
  border-radius: 14px !important;
  margin-bottom: 1rem !important;
}

/* Sub-boxes / nested cards hierarchy */
.fm4-card .fm4-subcard,
.fm4-card .fm4-nested-box,
.fm4-info-box .fm4-subbox,
.sd-card .sd-subcard,
.fm4-service-card .fm4-subcard {
  background: color-mix(in srgb, var(--fm4-surface-color, #991b1b) 72%, #000) !important;
  border: 1px solid color-mix(in srgb, var(--fm4-border-color, #475569) 70%, transparent) !important;
  border-radius: max(8px, calc(var(--fm4-global-radius, 16px) - 4px)) !important;
  padding: 1.25rem 1.5rem !important;
}

.uv-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;color:var(--fm4-muted-color,#64748b);font-size:.92rem}
.uv-meta-item{display:inline-flex;align-items:center}
.uv-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:var(--uv-content-gap,clamp(1.5rem,4vw,3rem));align-items:start;margin-block:var(--uv-content-gap,clamp(1.25rem,4vw,3rem))}
#fm4-page .uv-content-grid{--uv-content-gap:var(--fm4-content-gap,clamp(1.25rem,4vw,3rem))!important;--uv-sidebar-gap:var(--fm4-content-gap,clamp(1rem,2.2vw,1.5rem))!important}
.uv-main{display:grid;gap:var(--uv-content-gap,clamp(1rem,2.2vw,1.5rem));align-content:start}
.uv-sidebar{display:grid;gap:var(--uv-sidebar-gap,clamp(1rem,2.2vw,1.5rem));align-content:start}
.uv-content{min-width:0;display:grid;gap:var(--uv-content-gap,clamp(1rem,2.2vw,1.5rem))}
.uv-sidebar{position:relative}
.uv-draft-badge{background:#f59e0b;color:#1a1a1a;font-size:.7rem;padding:2px 8px;border-radius:99px;vertical-align:middle;margin-left:.5rem}
@media(prefers-color-scheme:dark){:root:not(.dark-mode):not(.light-mode){--fm4-bg:#0d0d0d;--fm4-text:#e8e8e8}}
.dark-mode{background:var(--fm4-bg,#0d0d0d);color:var(--fm4-text,#e8e8e8)}
/* Vertical rhythm: one consistent source so text stops "jumping". Normal-flow
   margins collapse, so the deliberate space sits BEFORE a heading and the
   heading hugs its own following content. Feature-card grids opt out (gap). */
.fm4-text-content > :is(h1,h2,h3,h4,h5,h6){margin:var(--fm4-heading-gap,clamp(1.3rem,2.8vw,1.9rem)) 0 var(--fm4-heading-tight,clamp(.35rem,.9vw,.6rem))!important}
.fm4-text-content > :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0!important}
.fm4-text-content > p,.fm4-text-content > ul,.fm4-text-content > ol{margin:0 0 var(--fm4-paragraph-gap,clamp(.75rem,1.6vw,1.1rem))!important}
.fm4-text-content > :is(p,ul,ol):last-child{margin-bottom:0!important}
.fm4-text-content .lead{font-family:var(--fm4-heading-font,Georgia,serif);font-size:clamp(1.1rem,1.55vw,1.35rem)!important;line-height:1.45!important;font-weight:400;color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 72%,transparent);margin-top:.5rem!important;margin-bottom:0!important;letter-spacing:-.003em}
.fm4-text-content .fm4-lead{font-size:clamp(1.08rem,1.7vw,1.28rem);line-height:1.58;color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 82%,var(--fm4-primary-color,#2563eb));font-weight:500}
.fm4-text-content blockquote{margin:clamp(1.1rem,3vw,1.7rem) 0;padding:clamp(.85rem,2vw,1.2rem) clamp(1rem,2.4vw,1.45rem);border-left:3px solid var(--fm4-primary-color,#2563eb);background:color-mix(in srgb,var(--fm4-surface-color,#fff) 94%,var(--fm4-primary-color,#2563eb));border-radius:max(8px,var(--fm4-global-radius,8px));font-weight:600;line-height:1.55}
.fm4-text-content cite.attribution{display:block;margin-top:.35rem;font-size:.88em;font-style:normal;font-weight:700;color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 70%,var(--fm4-primary-color,#2563eb))}

/* ── Modular Component Design System — Modern CSS Classes ─────────────────── */
.fm4-btn-group, .fm4-actions-group, .fm4-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

.fm4-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 0.85rem 1.75rem !important;
  font-family: var(--fm4-heading-font, system-ui, -apple-system, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  border-radius: min(var(--fm4-global-radius, 10px), 10px) !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.fm4-btn-primary {
  background: var(--fm4-primary-color, #2563eb) !important;
  color: #ffffff !important;
  border: 1px solid var(--fm4-primary-color, #2563eb) !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--fm4-primary-color, #2563eb) 28%, transparent) !important;
}

.fm4-btn-primary:hover {
  filter: brightness(1.08) !important;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--fm4-primary-color, #2563eb) 40%, transparent) !important;
  transform: translateY(-2px) !important;
}

.fm4-btn-secondary {
  background: var(--fm4-surface-color, #f8fafc) !important;
  color: var(--fm4-text-color, #0f172a) !important;
  border: 1px solid var(--fm4-border-color, #cbd5e1) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

.fm4-btn-secondary:hover {
  background: var(--fm4-border-color, #e2e8f0) !important;
  transform: translateY(-2px) !important;
}

.fm4-btn-outline {
  background: transparent !important;
  color: inherit !important;
  border: 1.5px solid color-mix(in srgb, var(--fm4-text-color, #0f172a) 30%, transparent) !important;
  box-shadow: none !important;
}

.fm4-btn-outline:hover {
  border-color: var(--fm4-primary-color, #2563eb) !important;
  color: var(--fm4-primary-color, #2563eb) !important;
  background: color-mix(in srgb, var(--fm4-primary-color, #2563eb) 10%, transparent) !important;
  transform: translateY(-2px) !important;
}

/* Badges & Pills */
.fm4-badge, .fm4-hero-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--fm4-primary-color, #2563eb) 40%, transparent);
  background: color-mix(in srgb, var(--fm4-primary-color, #2563eb) 10%, transparent);
  color: var(--fm4-primary-color, #2563eb);
  font-family: var(--fm4-heading-font, inherit);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  margin-inline: auto;
}

.fm4-badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fm4-primary-color, #2563eb);
  box-shadow: 0 0 6px var(--fm4-primary-color, #2563eb);
  flex-shrink: 0;
}

/* Hero Section Component */
.fm4-hero-section {
  position: relative;
  text-align: center;
  padding: clamp(2rem, 5vw, 4rem) 1rem;
}

.fm4-hero-container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fm4-hero-title {
  font-family: var(--fm4-heading-font, inherit);
  font-size: clamp(1.9rem, 4.5vw, 3rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 var(--fm4-heading-gap, 1.25rem);
  text-align: center;
  width: 100%;
}

.fm4-hero-lead {
  color: var(--fm4-text-muted, #475569);
  font-family: var(--fm4-body-font, inherit);
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 640px;
  margin: 0 auto var(--fm4-paragraph-margin, 1rem);
  text-align: center;
}
/* Speed Design semantic token bridge. Older generated templates may have
   hardcoded padding/gaps; these selectors make the safe theme tokens win. */
.fm4-main>.sd-container,.fm4-main>[class^="sd-"],.fm4-main>[class*=" sd-"]{max-width:min(var(--fm4-container-width,1200px),calc(100vw - 2 * var(--fm4-site-padding, 1rem)));margin-inline:auto}
.sd-section-gap{margin-block:var(--fm4-section-gap,var(--fm4-space-section,3rem))}
.sd-two-column{gap:var(--fm4-content-gap,var(--fm4-section-gap,2.5rem))!important;padding:var(--fm4-space-breathe,2.5rem) var(--fm4-space-read,1.25rem)!important;border-radius:var(--fm4-global-radius,8px)!important}
.sd-column-text,.sd-column-side{min-width:min(100%,280px)}
.sd-title,.sd-section-heading{font-size:var(--fm4-h2-size,1.75em)!important;line-height:var(--fm4-heading-line-height,1.12)!important;margin:0 0 var(--fm4-heading-gap,.8rem)!important;color:var(--fm4-primary-color,var(--fm4-text-color,#111827))}
.sd-body-content,.sd-side-content{display:grid;gap:var(--fm4-content-gap,var(--fm4-section-gap,1.5rem))}
.sd-body-content>.fm4-block-wrap:first-child,.sd-side-content>.fm4-block-wrap:first-child{margin-top:0!important}
.fm4-main .sd-body-content>.fm4-block-wrap.fm4-block-text_block,.fm4-main .sd-side-content>.fm4-block-wrap.fm4-block-text_block,#fm4-page .sd-body-content>.fm4-block-wrap.fm4-block-text_block,#fm4-page .sd-side-content>.fm4-block-wrap.fm4-block-text_block{padding-left:0!important;padding-right:0!important}
.sd-home-type{color:var(--fm4-text-color,#101828)}
.sd-home-type__inner{gap:var(--fm4-content-gap,clamp(2rem,6vw,5rem))!important;padding-top:var(--fm4-page-title-top-gap,clamp(3rem,7vw,6rem))!important;padding-bottom:var(--fm4-space-section,clamp(3rem,7vw,6rem))!important}
.sd-home-type__kicker{margin:0 0 var(--fm4-heading-gap,.85rem)!important;color:var(--fm4-primary-color,#2563eb)!important}
.sd-home-type__body{display:grid;gap:var(--fm4-content-gap,var(--fm4-section-gap,1.5rem))}
.sd-home-type__body>.fm4-block-wrap:first-child{margin-top:0!important}
.sd-home-type__body h1,.sd-home-type__body h2{font-size:var(--fm4-h1-size,clamp(2.4rem,6vw,5rem))!important;line-height:var(--fm4-heading-line-height,1.02)!important;margin:0 0 var(--fm4-heading-gap,.85rem)!important}
.sd-home-type__media{margin:0;min-height:clamp(260px,36vw,520px);aspect-ratio:4/3}
.sd-home-type__media .fm4-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sd-home-type__inner:not(:has(.sd-home-type__media)),.sd-two-col__inner:not(:has(.sd-two-col__media)){grid-template-columns:minmax(0,1fr)!important}
.sd-home-type__media,.sd-two-col__media,.sd-article-hero__media,.sd-minimal-article__media,.sd-product-card__media,.fm4-product-detail__media,.fm4-category-hero__image{position:relative;border-radius:var(--fm4-image-radius,var(--fm4-global-radius,12px))!important;overflow:hidden}
.sd-home-type__media img,.sd-two-col__media img,.sd-article-hero__media img,.sd-minimal-article__media img,.sd-product-card__media img,.fm4-product-detail__media img,.fm4-category-hero__image img{border-radius:0!important}
.sd-two-col,.sd-simple-page,.sd-minimal-article,.sd-article-hero,.sd-product-card,.fm4-shop-landing,.fm4-product-detail,.fm4-category-hero{padding-top:var(--fm4-page-title-top-gap,clamp(2rem,5vw,4rem))!important;padding-bottom:var(--fm4-space-section,clamp(2rem,6vw,5rem))!important}
.sd-two-col,.sd-product-card,.fm4-product-detail,.fm4-category-hero{gap:var(--fm4-content-gap,clamp(1.5rem,5vw,4rem))!important}
.sd-two-col h1,.sd-simple-page h1,.sd-minimal-article h1,.sd-article-hero h1,.sd-product-card h1,.fm4-shop-landing h1,.fm4-category-hero h1,.fm4-product-detail h1{font-size:var(--fm4-h1-size,clamp(2.4rem,6vw,5rem))!important;line-height:var(--fm4-heading-line-height,1.04)!important;margin:0 0 var(--fm4-heading-gap,.85rem)!important}
.sd-simple-page__header,.sd-minimal-article__header,.sd-article-hero__header,.sd-two-col__content,.fm4-shop-landing__intro{margin-bottom:var(--fm4-page-title-content-gap,var(--fm4-content-gap,1.5rem))!important}
.sd-two-col__lead,.sd-simple-page__intro,.sd-minimal-article__body,.sd-article-hero__body{line-height:var(--fm4-body-line-height,1.65)!important}
.sd-two-col__body,.sd-simple-page__body,.sd-minimal-article__body,.sd-article-hero__body,.sd-product-card__body,.fm4-shop-landing__content{display:grid;gap:var(--fm4-content-gap,var(--fm4-section-gap,1.5rem))}
.fm4-block-quote_block .fm4-quote-block{position:relative;margin:0;padding:clamp(1.1rem,3vw,1.6rem);border:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 82%,transparent);border-left:4px solid var(--fm4-primary-color,#2563eb);border-radius:max(8px,var(--fm4-global-radius,8px));background:linear-gradient(135deg,color-mix(in srgb,var(--fm4-surface-color,#fff) 94%,var(--fm4-primary-color,#2563eb)),var(--fm4-surface-color,#fff));box-shadow:0 12px 30px rgba(15,23,42,.08);color:var(--fm4-text-color,#1f2937)}
.fm4-block-quote_block .fm4-quote-block:before{content:"\201C";position:absolute;right:1rem;top:.45rem;font-family:Georgia,serif;font-size:3.4rem;line-height:1;color:var(--fm4-primary-color,#2563eb);opacity:.16;pointer-events:none}
.fm4-block-quote_block .fm4-quote-text{position:relative;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55;font-weight:600;min-height:1.55em}
.fm4-block-quote_block .fm4-quote-author{display:block;margin-top:.9rem;font-size:.86rem;font-style:normal;font-weight:700;color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 72%,var(--fm4-primary-color,#2563eb));letter-spacing:.01em}
.fm4-block-quote_block .fm4-quote-author:before{content:"- "}
.fm4-block-quote_block .fm4-quote-block--minimal{padding:.15rem 0 .15rem 1rem;border:0;border-left:2px solid var(--fm4-primary-color,#2563eb);border-radius:0;background:transparent;box-shadow:none}
.fm4-block-quote_block .fm4-quote-block--minimal:before{display:none}
.fm4-block-quote_block .fm4-quote-block--minimal .fm4-quote-text{font-size:clamp(1rem,1.4vw,1.16rem);font-weight:500}
.fm4-block-quote_block .fm4-quote-block--pullquote{padding:clamp(1.5rem,5vw,3rem);border:0;border-top:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 75%,transparent);border-bottom:1px solid color-mix(in srgb,var(--fm4-border-color,#e2e8f0) 75%,transparent);border-radius:0;background:transparent;box-shadow:none;text-align:center}
.fm4-block-quote_block .fm4-quote-block--pullquote:before{left:50%;right:auto;top:.1rem;transform:translateX(-50%);font-size:4.2rem}
.fm4-block-quote_block .fm4-quote-block--pullquote .fm4-quote-text{font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.22;font-weight:700}
.fm4-block-quote_block .fm4-quote-block--pullquote .fm4-quote-author:before{content:""}
.fm4-block-quote_block .fm4-quote-block--sidebar{padding:clamp(.9rem,2.4vw,1.2rem);border-left-width:3px;box-shadow:none;background:color-mix(in srgb,var(--fm4-surface-color,#fff) 96%,var(--fm4-primary-color,#2563eb))}
.fm4-block-quote_block .fm4-quote-block--sidebar:before{font-size:2.6rem;right:.75rem}
.fm4-block-quote_block .fm4-quote-block--sidebar .fm4-quote-text{font-size:1rem;line-height:1.5}
@media(max-width:768px){.fm4-article-sidebar{grid-template-columns:1fr!important}.fm4-section-content--grid{grid-template-columns:1fr!important}.fm4-section-content--masonry{columns:1!important}.fm4-gallery--carousel>.fm4-block-wrap,.fm4-gallery--carousel>.fm4-gallery-item{flex-basis:min(88vw,420px)}}
@media(max-width:860px){.uv-content-grid{grid-template-columns:1fr}.uv-sidebar{max-width:none}}
/* Full-bleed: break out of centred container padding (mirrors canvas .fm4-bleed rule) */
.fm4-bleed{width:100vw;max-width:none!important;margin-left:calc(-50vw + 50%);padding-left:0!important;padding-right:0!important;border-radius:0!important}
.fm4-bleed img{width:100%;border-radius:0}
/* Hero-wrap safeguards - override any bad values saved by Design Studio Style Manager */
.fm4-hero-wrap{position:relative;overflow:hidden;width:100%}
/* Font/line-height: prevent tiny saved values from collapsing the overlay */
.fm4-hero-wrap .fm4-hero-overlay{font-size:max(1rem,var(--fm4-body-size,1rem))!important;line-height:1.35!important}
/* Border reset: DS Style Manager sometimes saves border:1px solid black - neutralise it */
.fm4-hero-overlay,.fm4-hero-overlay.fm4-has-overlay{border:none!important}
/* h1 inside hero: use theme var so canvas-set h1-size applies; clamp is the fallback */
.fm4-hero-wrap .fm4-hero-overlay h1,.fm4-hero-wrap .fm4-overlay-slot h1{font-size:var(--fm4-h1-size,clamp(1.4rem,5vw,3rem))!important;line-height:var(--fm4-heading-line-height,1.15)!important;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}
/* Cover picture (regular-image variant of cover_picture field) */
.fm4-cover-picture{position:relative;overflow:hidden;display:block;width:100%}
.fm4-cover-picture .fm4-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* Overlay slot - fills the cover picture, positions field overlays absolutely.
   Inline styles (position, left, top, background-color, padding, border-radius) set by
   Design Studio take precedence over class rules here. */
.fm4-cover-picture .fm4-overlay-slot,.fm4-hero-wrap .fm4-overlay-slot{position:absolute;inset:0;overflow:hidden}
/* fm4-image figures: position:absolute base; layout_css [data-gjs] rules set inset/bar specifics */
.fm4-image.fm4-has-overlay{position:relative;overflow:hidden}
.fm4-image.fm4-has-overlay .fm4-overlay-slot{position:absolute;inset:0;overflow:hidden}
/* h1 inside fm4-has-overlay figures (not wrapped in .fm4-hero-wrap).
   Overrides fm4-base-rules h1{font-size:var(--fm4-h1-size)!important} which resolves
   to 4.65em (~74px) — too large for overlay captions. Canvas also applies this rule
   via canvas CSS so canvas and live always agree. */
.fm4-image.fm4-has-overlay .fm4-overlay-slot h1{font-size:2rem!important;line-height:var(--fm4-heading-line-height,1.15)!important;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
/* Overlay slot effect modes (glass, gradient, solid) */
.fm4-overlay-slot[data-ov-effect="gradient"]{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}
.fm4-overlay-slot[data-ov-effect="solid"]{background:rgba(0,0,0,.6)}
/* Children of effect-mode slots get text styles; individually-positioned fields keep their inline styles */
.fm4-overlay-slot[data-ov-effect="gradient"]>*,.fm4-overlay-slot[data-ov-effect="solid"]>*{color:#fff}
.fm4-overlay-slot[data-ov-effect="glass"]>*{background:rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:var(--theme-radius,12px);padding:1rem 1.5rem;color:#fff}
@media(max-width:768px){
  /* Mobile aspect ratio: use --fm4-hero-ar-mobile if set by hero-style token, else 4/3 */
  .fm4-hero-wrap{aspect-ratio:var(--fm4-hero-ar-mobile,4/3);min-height:240px}
  .fm4-cover-picture{aspect-ratio:4/3;min-height:240px}
  /* Mobile focal point: use --fm4-hero-focal-mx/my if set by hero-img token */
  .fm4-hero-wrap .fm4-hero-img,.fm4-cover-picture .fm4-hero-img,.fm4-hero-cover img{object-position:var(--fm4-hero-focal-mx,var(--fm4-hero-focal-x,var(--fm4-focal-x,50%))) var(--fm4-hero-focal-my,var(--fm4-hero-focal-y,var(--fm4-focal-y,50%)))!important}
  /* Full-bleed: break out of container padding so hero fills phone width edge to edge */
  .fm4-hero-fullbleed-mobile{margin-left:calc(-1 * var(--fm4-site-padding,1rem));margin-right:calc(-1 * var(--fm4-site-padding,1rem));width:calc(100% + 2 * var(--fm4-site-padding,1rem));max-width:100vw}
  .fm4-hero-wrap .fm4-hero-overlay,.fm4-hero-wrap .fm4-overlay-slot{padding:1rem!important;padding-bottom:1.5rem!important}
  .fm4-hero-wrap .fm4-hero-overlay h1,.fm4-hero-wrap .fm4-overlay-slot h1{font-size:clamp(1.2rem,6vw,2rem)}
}
body:not(.fm4-live-editing) [data-fm4-lightbox="1"] img,body:not(.fm4-live-editing) img[data-fm4-lightbox="1"]{cursor:zoom-in}
body.fm4-lightbox-open{overflow:hidden}
.fm4-lightbox-backdrop{position:fixed;inset:0;z-index:999990;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgba(3,7,18,.92);color:#fff;padding:clamp(.75rem,2vw,1.5rem);box-sizing:border-box}
.fm4-lightbox-stage{grid-row:2;min-height:0;display:grid;place-items:center;position:relative}
.fm4-lightbox-img{max-width:min(100%,1400px);max-height:calc(100vh - 9rem);width:auto;height:auto;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.45);transform-origin:center center;transition:transform .12s ease;touch-action:none;will-change:transform}
.fm4-lightbox-stage.is-zoomed{cursor:grab}
.fm4-lightbox-stage.is-zoomed .fm4-lightbox-img{transition:none}
.fm4-lightbox-tools{position:absolute;top:clamp(.75rem,2vw,1.25rem);left:clamp(.75rem,2vw,1.25rem);z-index:3;display:flex;gap:.4rem;background:rgba(255,255,255,.1);padding:.35rem;border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.fm4-lightbox-tool{appearance:none;border:0;width:2.2rem;height:2.2rem;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:1.15rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .15s}
.fm4-lightbox-tool:hover{background:rgba(255,255,255,.25)}
.fm4-lightbox-caption{grid-row:3;min-height:1.5rem;text-align:center;color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.45;padding:.75rem 3.5rem 0}
.fm4-lightbox-counter{position:absolute;top:clamp(.95rem,2vw,1.45rem);left:50%;transform:translateX(-50%);color:rgba(255,255,255,.72);font-size:.85rem}
.fm4-lightbox-close,.fm4-lightbox-prev,.fm4-lightbox-next{appearance:none;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .15s,transform .15s}
.fm4-lightbox-close:hover,.fm4-lightbox-prev:hover,.fm4-lightbox-next:hover{background:rgba(255,255,255,.2)}
.fm4-lightbox-close{position:absolute;top:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem);width:2.75rem;height:2.75rem;font-size:1.55rem;z-index:2}
.fm4-lightbox-prev,.fm4-lightbox-next{position:absolute;top:50%;width:3rem;height:3rem;font-size:2rem;transform:translateY(-50%);z-index:2}
.fm4-lightbox-prev{left:clamp(.5rem,2vw,1.25rem)}
.fm4-lightbox-next{right:clamp(.5rem,2vw,1.25rem)}
.fm4-lightbox-prev[hidden],.fm4-lightbox-next[hidden]{display:none}
@media(max-width:640px){.fm4-lightbox-backdrop{padding:.5rem}.fm4-lightbox-img{max-height:calc(100vh - 7rem)}.fm4-lightbox-prev,.fm4-lightbox-next{width:2.55rem;height:2.55rem;font-size:1.7rem}.fm4-lightbox-caption{padding:.6rem 2.5rem 0;font-size:.88rem}}

/* ── FM4 Gallery / Carousel ─────────────────────────────────────────────── */
.fm4-gallery-block{width:100%;max-width:100%;container-type:inline-size}
.fm4-gallery-title{font-family:var(--fm4-heading-font,system-ui,sans-serif);font-size:var(--fm4-h2-size,1.5em);font-weight:var(--fm4-heading-weight,600);color:var(--fm4-text-color,#1a1a1a);margin:0 0 1rem}
.fm4-gallery-carousel{position:relative;width:100%;overflow:hidden;border-radius:max(10px,var(--fm4-global-radius,8px));background:var(--fm4-surface-color,#f8fafc);aspect-ratio:16/9;max-width:100%}
.fm4-gallery-track{display:flex;height:100%;transition:transform .4s ease}
.fm4-gallery-slide{flex:0 0 100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fm4-gallery-slide[hidden]{display:none}
.fm4-gallery-slide img{width:100%;height:100%;object-fit:cover;display:block}
.fm4-gallery-slide-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);color:#fff;font-size:.9rem;text-align:center}
.fm4-gallery-prev,.fm4-gallery-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.85);color:#1a1a1a;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:background .2s;z-index:2}
.fm4-gallery-prev:hover,.fm4-gallery-next:hover{background:#fff}
.fm4-gallery-prev{left:10px}
.fm4-gallery-next{right:10px}
.fm4-gallery-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.fm4-gallery-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;padding:0;transition:background .2s}
.fm4-gallery-dot.active{background:#fff;border-color:#fff}
.fm4-gallery-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:var(--fm4-gallery-gap,var(--fm4-content-gap,12px));width:100%;max-width:100%}
.fm4-gallery-grid>*{margin:0;min-width:0;width:100%}
.fm4-gallery-grid.fm4-list-layout--masonry{display:block;columns:var(--cols,2);column-gap:var(--fm4-gallery-gap,var(--fm4-content-gap,12px))}
.fm4-gallery-grid.fm4-list-layout--masonry>*{break-inside:avoid;margin-bottom:var(--fm4-gallery-gap,var(--fm4-content-gap,12px));display:block;width:100%}
.fm4-gallery-grid.fm4-list-layout--masonry .fm4-gallery-grid-img{aspect-ratio:auto;height:auto}
.fm4-gallery-grid.fm4-list-layout--stack{display:flex;flex-direction:column;gap:var(--fm4-gallery-gap,var(--fm4-content-gap,12px))}
@media(max-width:640px){.fm4-gallery-grid{grid-template-columns:1fr}.fm4-gallery-grid.fm4-list-layout--masonry{columns:1}}
.fm4-gallery-grid-item{position:relative;overflow:hidden;border-radius:max(8px,var(--fm4-global-radius,6px));break-inside:avoid}
.fm4-gallery-grid.fm4-list-layout--masonry .fm4-gallery-grid-item{margin-bottom:var(--fm4-gallery-gap,var(--fm4-content-gap,12px))}
.fm4-gallery-grid-link{display:block;line-height:0}
.fm4-gallery-grid-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .3s ease}
.fm4-gallery-grid-link:hover .fm4-gallery-grid-img{transform:scale(1.03)}
.fm4-gallery-grid-caption{display:block;padding:8px 10px;font-size:.85rem;color:var(--fm4-text-color,#374151);text-align:center}
.fm4-gallery-empty{padding:3rem;text-align:center;color:var(--fm4-text-color,#6b7280);border:2px dashed var(--fm4-border-color,#d1d5db);border-radius:max(10px,var(--fm4-global-radius,8px))}
/* ── End Gallery ────────────────────────────────────────────────────────── */

/* ── List Layout System ───────────────────────────────────────────────────
   Applied via fm4-list-layout--{grid|masonry|stack} on container elements.
   Grid: CSS grid with auto-fill columns, responsive.
   Masonry: column-based fallback; JS refines via ResizeObserver when available.
   Stack: single column vertical (default). */

.fm4-list-layout--grid {
  display: grid;
  grid-template-columns: var(--fm4-grid-cols, var(--fm4-section-cols, repeat(auto-fill, minmax(280px, 1fr))));
  gap: var(--fm4-list-gap, clamp(1rem, 2.2vw, 1.5rem));
  width: 100%;
  max-width: 100%;
}
.fm4-list-layout--stack {
  display: flex;
  flex-direction: column;
  gap: var(--fm4-list-gap, 1.5rem);
  width: 100%;
  max-width: 100%;
}
.fm4-list-layout--masonry {
  column-count: var(--fm4-cols, var(--fm4-section-cols, 3));
  column-gap: var(--fm4-list-gap, clamp(1rem, 2.2vw, 1.5rem));
  width: 100%;
  max-width: 100%;
}
.fm4-list-layout--masonry > * {
  break-inside: avoid;
  margin-bottom: clamp(1rem, 2.2vw, 1.5rem);
}
@media (max-width: 768px) {
  .fm4-list-layout--masonry { column-count: 2; }
  .fm4-list-layout--grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
}
@media (max-width: 480px) {
  .fm4-list-layout--masonry { column-count: 1; }
  .fm4-list-layout--grid { grid-template-columns: 1fr; }
}

/* ── Editorial widgets ─────────────────────────────────────────────────── */

.fm4-widget {
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
  max-width: 100%;
}
.fm4-widget__title {
  margin: 0 0 1rem;
  font-size: clamp(1.1rem, 1.8vw, 1.35rem);
  font-weight: 900;
  letter-spacing: -.01em;
}

/* Latest widget */
.fm4-widget-latest__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(.6rem, 1.2vw, .85rem);
}
.fm4-widget-latest__item {
  display: grid;
  grid-template-columns: 3.75rem minmax(0, 1fr);
  gap: .65rem;
  align-items: start;
  border-top: 1px solid var(--fm4-border-color, #e5e7eb);
  padding-top: .65rem;
}
.fm4-widget-latest__thumb {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio: 1;
}
.fm4-widget-latest__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fm4-widget-latest__text time {
  display: block;
  color: var(--fm4-muted-color, #64748b);
  font-size: .72rem;
  font-weight: 700;
  margin-bottom: .15rem;
}
.fm4-widget-latest__text h4 {
  margin: 0;
  font-size: .94rem;
  line-height: 1.2;
}
.fm4-widget-latest__text a {
  color: inherit;
  text-decoration: none;
}
.fm4-widget-latest__text a:hover { text-decoration: underline; }

/* Most read widget */
.fm4-widget-most-read__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .5rem;
  counter-reset: most-read;
}
.fm4-widget-most-read__item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .7rem;
  align-items: start;
  border-top: 1px solid var(--fm4-border-color, #e5e7eb);
  padding-top: .55rem;
}
.fm4-widget-most-read__rank {
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--fm4-accent-color, #c2410c);
  line-height: 1;
  text-align: center;
}
.fm4-widget-most-read__text h4 {
  margin: 0;
  font-size: .95rem;
  line-height: 1.22;
  font-weight: 750;
}
.fm4-widget-most-read__text a {
  color: inherit;
  text-decoration: none;
}
.fm4-widget-most-read__text a:hover { text-decoration: underline; }
.fm4-widget-most-read__views {
  display: block;
  color: var(--fm4-muted-color, #64748b);
  font-size: .74rem;
  margin-top: .15rem;
}

/* Related widget */
.fm4-widget-related__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: clamp(.8rem, 1.6vw, 1.2rem);
}
.fm4-widget-related__card {
  border-top: 1px solid var(--fm4-border-color, #e5e7eb);
  padding-top: .7rem;
  min-width: 0;
}
.fm4-widget-related__media {
  display: block;
  overflow: hidden;
  margin-bottom: .55rem;
  border-radius: 4px;
}
.fm4-widget-related__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  transition: transform .2s ease;
}
.fm4-widget-related__media:hover img { transform: scale(1.03); }
.fm4-widget-related__text time {
  display: block;
  color: var(--fm4-muted-color, #64748b);
  font-size: .72rem;
  font-weight: 700;
  margin-bottom: .15rem;
}
.fm4-widget-related__text h4 {
  margin: 0;
  font-size: .92rem;
  line-height: 1.22;
}
.fm4-widget-related__text a {
  color: inherit;
  text-decoration: none;
}
.fm4-widget-related__text a:hover { text-decoration: underline; }

/* Category feed widget */
.fm4-widget-category-feed__head {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.2rem;
  padding-bottom: .5rem;
  border-bottom: 3px solid var(--fm4-accent-color, #c2410c);
}
.fm4-widget-category-feed__label {
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: -.01em;
  text-transform: uppercase;
}
.fm4-widget-category-feed__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
  gap: clamp(1rem, 2.6vw, 2rem);
  align-items: start;
}
.fm4-widget-category-feed__card {
  border-top: 1px solid var(--fm4-border-color, #e5e7eb);
  padding-top: 1rem;
  display: grid;
  grid-template-columns: minmax(6.5rem, .38fr) minmax(0, .62fr);
  gap: 1rem;
}
.fm4-widget-category-feed__card--lead {
  grid-row: span 4;
  display: block;
  border-top: 0;
  padding-top: 0;
}
.fm4-widget-category-feed__media {
  display: block;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}
.fm4-widget-category-feed__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.fm4-widget-category-feed__card--lead .fm4-widget-category-feed__media img {
  aspect-ratio: 16/10;
}
.fm4-widget-category-feed__text time {
  display: block;
  color: var(--fm4-muted-color, #64748b);
  font-size: .82rem;
  font-weight: 750;
  margin-bottom: .35rem;
}
.fm4-widget-category-feed__text h4 {
  margin: 0;
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  line-height: 1.14;
}
.fm4-widget-category-feed__card--lead h4 {
  font-size: clamp(1.75rem, 3.8vw, 3.4rem);
  line-height: 1;
}
.fm4-widget-category-feed__text a {
  color: inherit;
  text-decoration: none;
}
.fm4-widget-category-feed__text a:hover { text-decoration: underline; }
.fm4-widget-category-feed__text p {
  margin: .75rem 0 0;
  color: var(--fm4-muted-color, #64748b);
  line-height: 1.55;
}

/* Featured grid widget */
.fm4-widget-featured-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
  gap: clamp(1rem, 2.6vw, 2rem);
  align-items: start;
}
.fm4-featured-grid__hero {
  grid-row: span 4;
  position: relative;
  display: flex;
  flex-direction: column;
}
.fm4-featured-grid__hero .fm4-featured-grid__media {
  display: block;
  overflow: hidden;
  border-radius: 6px;
}
.fm4-featured-grid__hero .fm4-featured-grid__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  transition: transform .2s ease;
}
.fm4-featured-grid__hero .fm4-featured-grid__media:hover img { transform: scale(1.015); }
.fm4-featured-grid__hero .fm4-featured-grid__text {
  padding: .9rem 0 0;
}
.fm4-featured-grid__hero h3 {
  margin: .3rem 0;
  font-size: clamp(1.75rem, 3.8vw, 3.4rem);
  line-height: 1;
}
.fm4-featured-grid__hero p {
  margin: .75rem 0 0;
  color: var(--fm4-muted-color, #64748b);
  line-height: 1.55;
  font-size: 1.05rem;
}
.fm4-featured-grid__card {
  border-top: 1px solid var(--fm4-border-color, #e5e7eb);
  padding-top: 1rem;
  display: grid;
  grid-template-columns: minmax(6.5rem, .38fr) minmax(0, .62fr);
  gap: 1rem;
}
.fm4-featured-grid__card .fm4-featured-grid__media {
  display: block;
  overflow: hidden;
}
.fm4-featured-grid__card .fm4-featured-grid__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.fm4-featured-grid__card h3 {
  margin: 0;
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  line-height: 1.14;
}
.fm4-featured-grid__card p {
  margin: .5rem 0 0;
  color: var(--fm4-muted-color, #64748b);
  line-height: 1.5;
}
.fm4-featured-grid__text a {
  color: inherit;
  text-decoration: none;
}
.fm4-featured-grid__text a:hover { text-decoration: underline; }
.fm4-featured-grid__text time {
  display: block;
  color: var(--fm4-muted-color, #64748b);
  font-size: .82rem;
  font-weight: 750;
  margin-bottom: .35rem;
}

/* ── Editorial meta ────────────────────────────────────────────────────── */
.fm4-news-kicker {
  display: inline-block;
  background: var(--fm4-accent-color, #c2410c);
  color: #fff;
  font-size: .68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: .15rem .45rem;
  border-radius: 3px;
  margin-right: .5rem;
  vertical-align: middle;
}
.fm4-news-byline {
  display: block;
  color: var(--fm4-muted-color, #64748b);
  font-size: .78rem;
  font-weight: 700;
  margin-top: .3rem;
}
.fm4-news-category {
  display: inline-block;
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: .15rem .5rem;
  border-radius: 3px;
  margin-right: .5rem;
  vertical-align: middle;
}
.fm4-news-category--news       { background: #fef3c7; color: #92400e; }
.fm4-news-category--opinion    { background: #fce7f3; color: #9d174d; }
.fm4-news-category--feature    { background: #ede9fe; color: #6b21a8; }
.fm4-news-category--review     { background: #dbeafe; color: #1e40af; }
.fm4-news-category--interview  { background: #ecfdf5; color: #065f46; }
.fm4-news-category--analysis   { background: #fee2e2; color: #991b1b; }
.fm4-news-category--culture    { background: #f0fdf4; color: #166534; }
.fm4-news-category--sport      { background: #fff7ed; color: #9a3412; }

/* ── Responsive: single-column at narrow widths ────────────────────────── */
@media (max-width: 640px) {
  .fm4-widget-latest__item,
  .fm4-widget-most-read__item { grid-template-columns: 1fr; }
  .fm4-widget-latest__thumb { display: none; }
  .fm4-widget-related__grid { grid-template-columns: 1fr; }
  .fm4-widget-category-feed__grid,
  .fm4-widget-featured-grid { grid-template-columns: 1fr; }
  .fm4-widget-category-feed__card,
  .fm4-widget-category-feed__card--lead,
  .fm4-featured-grid__card { grid-template-columns: 1fr; grid-row: auto; }
  .fm4-featured-grid__hero h3 { font-size: clamp(1.75rem, 11vw, 2.8rem); }
  .fm4-widget-category-feed__card--lead h4 { font-size: clamp(1.75rem, 11vw, 2.8rem); }
}

.fm4-smart-block--empty{display:grid;gap:.35rem;padding:1rem 1.1rem;border:1px dashed color-mix(in srgb,var(--fm4-border-color,#cbd5e1) 80%,var(--fm4-primary-color,#2563eb));border-radius:max(8px,var(--fm4-global-radius,8px));background:color-mix(in srgb,var(--fm4-surface-color,#fff) 95%,var(--fm4-primary-color,#2563eb));color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 76%,var(--fm4-primary-color,#2563eb))}
.fm4-smart-block--empty strong{font:800 12px/1.2 Inter,system-ui,sans-serif}
.fm4-smart-block--empty span{font:600 11px/1.4 Inter,system-ui,sans-serif;opacity:.8}
.fm4-breadcrumbs{margin:1rem 0 .25rem;font:600 .82rem/1.4 Inter,system-ui,sans-serif}
.fm4-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none}
.fm4-breadcrumbs__item{display:inline-flex;align-items:center}
.fm4-breadcrumbs__item a{color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 62%,transparent);text-decoration:none}
.fm4-breadcrumbs__item a:hover{color:var(--fm4-primary-color,#2563eb);text-decoration:underline}
.fm4-breadcrumbs__item--current{color:var(--fm4-text-color,#1f2937);font-weight:750}
.fm4-breadcrumbs__sep{color:color-mix(in srgb,var(--fm4-text-color,#1f2937) 38%,transparent);list-style:none}

/* ── Product options (variants + add-ons) ─────────────────────────────── */
.fm4-product-options{display:grid;gap:1rem;margin:1rem 0}
.fm4-po-group-field,.fm4-po-addons-field{display:grid;gap:.45rem}
.fm4-po-group-label{font-weight:700;font-size:.9rem;color:var(--fm4-text-color,#111827)}
.fm4-po-req-star{color:var(--fm4-danger-color,#dc2626)}
.fm4-po-choices,.fm4-po-addon-choices{display:flex;flex-wrap:wrap;gap:.5rem}
.fm4-po-choice{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border:1px solid var(--fm4-border-color,#e5e7eb);border-radius:min(var(--fm4-global-radius,8px),10px);background:var(--fm4-surface-color,#fff);cursor:pointer;font-size:.9rem;transition:border-color .15s,background .15s}
.fm4-po-choice input{accent-color:var(--fm4-primary-color,#2563eb);margin:0}
.fm4-po-choice:has(input:checked){border-color:var(--fm4-primary-color,#2563eb);background:color-mix(in srgb,var(--fm4-primary-color,#2563eb) 10%,var(--fm4-surface-color,#fff))}
.fm4-po-choice.is-out{opacity:.5;cursor:not-allowed;text-decoration:line-through}
.fm4-po-delta{color:var(--fm4-muted-color,#64748b);font-size:.82rem;font-weight:600}
.fm4-po-group-field.fm4-po-invalid .fm4-po-group-label{color:var(--fm4-danger-color,#dc2626)}
.fm4-po-group-field.fm4-po-invalid .fm4-po-choices{outline:1px dashed var(--fm4-danger-color,#dc2626);outline-offset:3px;border-radius:8px}
.fm4-cart-line__options{display:block;color:var(--fm4-muted-color,#64748b);font-size:.8rem;margin-top:.15rem}

/* ── Modern editorial news list ───────────────────────────────────────
   Big modern type, generous whitespace, date as an uppercase eyebrow and
   the title as the visual anchor. A magazine-feel alternative to the
   compact news-list-card variants. Selected via the "Modern editorial"
   query-block variant. */
.fm4-query-news-modern-editorial{display:grid;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,3rem) 0;font-family:var(--fm4-body-font,Raleway,system-ui,sans-serif)}
.fm4-me-card{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2.5vw,1.75rem);padding-bottom:clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--fm4-border-color,#e2e8f0)}
.fm4-me-card:last-child{border-bottom:0}
.fm4-me-card__media{display:block;overflow:hidden;border-radius:clamp(10px,1.5vw,18px);aspect-ratio:16/9;background:var(--fm4-surface-color,#f4f4f0)}
.fm4-me-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.fm4-me-card__media:hover img{transform:scale(1.03)}
.fm4-me-card__body{display:flex;flex-direction:column;gap:.65rem;justify-content:center}
.fm4-me-card__date{font-size:clamp(.72rem,.9vw,.82rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fm4-muted-color,#94a3b8)}
.fm4-me-card__title{margin:0;font-family:var(--fm4-heading-font,Lato,system-ui,sans-serif);font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:700;line-height:1.12;letter-spacing:-.01em;color:var(--fm4-text-color,#1e293b)}
.fm4-me-card__title a{color:inherit;text-decoration:none;transition:color .15s ease}
.fm4-me-card__title a:hover{color:var(--fm4-primary-color,#e66100)}
.fm4-me-card__excerpt{margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6;color:var(--fm4-muted-color,#475569);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:680px){
  .fm4-me-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
  .fm4-me-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  .fm4-me-card:nth-child(even) .fm4-me-card__media{order:2}
  .fm4-me-card:nth-child(even) .fm4-me-card__body{order:1}
}

.fm4-image-block-frame--size-xxs { max-width: 80px; }

/* Language switcher inside header utility slot */
.fm4-placement-slot--header_utility .fm4-block-wrap.fm4-block-language_switcher_block {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    width: auto !important;
    display: inline-flex !important;
    box-shadow: none !important;
}
.fm4-placement-slot--header_utility .fm4-block-wrap.fm4-block-language_switcher_block .fm4-language-switcher {
    margin: 0 !important;
}




/* -- Light & Dark Mode Logo Rendering -- */
:root:not(.dark-mode) .fm4-site-brand-logo,
html:not(.dark-mode) .fm4-site-brand-logo,
.light-mode .fm4-site-brand-logo,
[data-theme="light"] .fm4-site-brand-logo,
:root:not(.dark-mode) .fm4-logo img,
:root:not(.dark-mode) .fm4-brand-logo {
  filter: none !important;
  opacity: 1 !important;
}

:root.dark-mode .fm4-site-brand-logo,
html.dark-mode .fm4-site-brand-logo,
[data-theme="dark"] .fm4-site-brand-logo,
.dark-mode .fm4-site-brand-logo,
.dark-mode .fm4-logo img,
.dark-mode .fm4-brand-logo,
.dark-mode .fm4-site-logo-block img {
  filter: invert(1) hue-rotate(180deg) brightness(1.2) contrast(1.05) !important;
  transition: filter 0.2s ease;
}

:root.dark-mode svg.fm4-site-brand-logo path[fill="#231F20"],
:root.dark-mode svg.fm4-site-brand-logo path[fill="#000"],
:root.dark-mode svg.fm4-site-brand-logo path[fill="#000000"],
:root.dark-mode .fm4-site-logo__svg svg path[fill="#231F20"],
:root.dark-mode .fm4-site-logo__svg svg path[fill="#000"],
:root.dark-mode .fm4-site-logo__svg svg path[fill="#000000"] {
  fill: #ffffff !important;
}

:root.dark-mode svg.fm4-site-brand-logo path[fill="#F05F24"],
:root.dark-mode .fm4-site-logo__svg svg path[fill="#F05F24"] {
  fill: var(--fm4-primary-color, #F05F24) !important;
}

#fm4-theme-toggle {
  position: fixed !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 2147480000 !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.18) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin: 0 !important;
  transform: none !important;
}
:root.dark-mode #fm4-theme-toggle,
html.dark-mode #fm4-theme-toggle {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}
#fm4-theme-toggle:hover {
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
}


/* ══════════════════════════════════════════════════════════════════════════════
   COMPREHENSIVE DUAL-THEME SUPPORT (DARK & LIGHT MODE)
   ══════════════════════════════════════════════════════════════════════════════ */

:root {
  --fm4-bg-subtle: #f8fafc;
}

:root.dark-mode,
html.dark-mode,
[data-theme="dark"] {
  --fm4-bg: #0b0f19;
  --fm4-bg-color: #0b0f19;
  --fm4-background-color: #0b0f19;
  --theme-bg: #0b0f19;

  --fm4-surface: #1e293b;
  --fm4-surface-color: #1e293b;
  --theme-surface: #1e293b;
  --fm4-bg-subtle: rgba(15, 23, 42, 0.6);

  --fm4-text: #f8fafc;
  --fm4-text-color: #f8fafc;
  --theme-text: #f8fafc;

  --fm4-muted-color: #94a3b8;
  --theme-muted: #94a3b8;

  --fm4-border-color: rgba(255, 255, 255, 0.12);
  --theme-border: rgba(255, 255, 255, 0.12);
}

/* ── Footer in Dark Mode ── */
:root.dark-mode .fm4-site-footer,
html.dark-mode .fm4-site-footer,
[data-theme="dark"] .fm4-site-footer,
.dark-mode .fm4-site-footer {
  background: var(--fm4-background-color, #0f172a) !important;
  color: color-mix(in srgb, var(--fm4-text-color, #f8fafc) 65%, transparent) !important;
  border-top-color: var(--fm4-border-color, rgba(255, 255, 255, 0.1)) !important;
}

:root.dark-mode .fm4-site-footer p,
:root.dark-mode .fm4-site-footer [data-fm4-field="footer_text"] {
  color: color-mix(in srgb, var(--fm4-text-color, #f8fafc) 75%, transparent) !important;
}

:root.dark-mode .fm4-footer-nav .fm4-nav-link {
  color: color-mix(in srgb, var(--fm4-text-color, #f8fafc) 85%, transparent) !important;
}

:root.dark-mode .fm4-footer-nav .fm4-nav-link:hover,
:root.dark-mode .fm4-footer-nav .fm4-nav-link.fm4-nav-active {
  color: var(--fm4-primary-color, #ea580c) !important;
}

/* ── Automatic Dark Mode for Content Cards, Grids & Boxes ── */
:root.dark-mode .fm4-card,
:root.dark-mode .fm4-card-adaptive,
:root.dark-mode .fm4-generic-block--card {
  background: #18181b;
  border-color: rgba(255, 255, 255, 0.12);
  color: #f8fafc;
}

/* Nested subcards in dark mode */
:root.dark-mode [data-fm4-field] div[style*="border-radius"][style*="padding"] div[style*="border-radius"][style*="padding"],
:root.dark-mode [data-fm4-field] [style*="background:#f8fafc"] {
  background: rgba(15, 23, 42, 0.75) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Content Headings & Text Inversion */
:root.dark-mode .fm4-doc-container h1,
:root.dark-mode .fm4-doc-container h2,
:root.dark-mode .fm4-doc-container h3,
:root.dark-mode .fm4-doc-container strong,
:root.dark-mode [data-fm4-field] h1,
:root.dark-mode [data-fm4-field] h2,
:root.dark-mode [data-fm4-field] h3,
:root.dark-mode [data-fm4-field] strong,
:root.dark-mode [data-fm4-field] [style*="color:#0f172a"],
:root.dark-mode [data-fm4-field] [style*="color: #0f172a"],
:root.dark-mode [data-fm4-field] [style*="color:#111827"],
:root.dark-mode [data-fm4-field] [style*="color: #111827"],
:root.dark-mode [data-fm4-field] [style*="color:#334155"],
:root.dark-mode [data-fm4-field] [style*="color: #334155"] {
  color: #f8fafc !important;
}

:root.dark-mode [data-fm4-field] p,
:root.dark-mode [data-fm4-field] span,
:root.dark-mode [data-fm4-field] [style*="color:#475569"],
:root.dark-mode [data-fm4-field] [style*="color: #475569"],
:root.dark-mode [data-fm4-field] [style*="color:#64748b"],
:root.dark-mode [data-fm4-field] [style*="color: #64748b"] {
  color: #94a3b8 !important;
}

:root.dark-mode [data-fm4-field] code {
  background: rgba(15, 23, 42, 0.95) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 2px 6px !important;
  border-radius: 5px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}


/* Document Container & Adaptive Cards */
.fm4-card-adaptive {
  background: var(--fm4-surface-color, #ffffff) !important;
  border: 1px solid var(--fm4-border-color, #e2e8f0) !important;
  border-radius: var(--fm4-global-radius, 16px) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  color: var(--fm4-text-color, #1e293b) !important;
}
.fm4-card-adaptive h2, .fm4-card-adaptive h3, .fm4-card-adaptive h4 {
  color: var(--fm4-text-color, #0f172a) !important;
}
.fm4-card-adaptive p, .fm4-card-adaptive .fm4-card-desc {
  color: color-mix(in srgb, var(--fm4-text-color, #475569) 80%, transparent) !important;
}
.fm4-card-adaptive li {
  color: color-mix(in srgb, var(--fm4-text-color, #334155) 85%, transparent) !important;
}
.fm4-subcard-adaptive {
  background: color-mix(in srgb, var(--fm4-surface-color, #ffffff) 90%, var(--fm4-text-color, #000000)) !important;
  border: 1px solid var(--fm4-border-color, #e2e8f0) !important;
  border-radius: calc(var(--fm4-global-radius, 16px) - 4px) !important;
  color: var(--fm4-text-color, #334155) !important;
}
.fm4-subcard-adaptive strong {
  color: var(--fm4-text-color, #0f172a) !important;
}
.fm4-subcard-adaptive code {
  background: color-mix(in srgb, var(--fm4-text-color, #111) 12%, transparent) !important;
  color: var(--fm4-primary-color, #ea580c) !important;
}
.fm4-cta-adaptive {
  background: color-mix(in srgb, var(--fm4-surface-color, #ffffff) 92%, var(--fm4-primary-color, #ea580c)) !important;
  border: 1px solid color-mix(in srgb, var(--fm4-primary-color, #ea580c) 30%, transparent) !important;
  color: var(--fm4-text-color, #0f172a) !important;
}
.fm4-cta-adaptive h2, .fm4-cta-adaptive h3, .fm4-cta-adaptive .fm4-cta-title {
  color: var(--fm4-text-color, #0f172a) !important;
}
.fm4-cta-adaptive p, .fm4-cta-adaptive .fm4-cta-desc {
  color: color-mix(in srgb, var(--fm4-text-color, #475569) 80%, transparent) !important;
}

/* ── FM4 Modern FAQ Accordion ────────────────────────────────────────── */
.fm4-faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.fm4-faq-item {
  background: var(--fm4-surface-color, #ffffff) !important;
  border: 1px solid var(--fm4-border-color, #e2e8f0) !important;
  border-radius: var(--fm4-global-radius, 14px) !important;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.fm4-faq-item[open] {
  border-color: var(--fm4-border-color, #cbd5e1) !important;
  background: var(--fm4-surface-color, #ffffff) !important;
}
.fm4-faq-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  font-size: 1.05rem;
  font-weight: 750;
  color: var(--fm4-text-color, #0f172a) !important;
  cursor: pointer;
  user-select: none;
  list-style: none;
}
.fm4-faq-summary::-webkit-details-marker {
  display: none;
}
.fm4-faq-summary::after {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--fm4-text-color, #000) 8%, transparent) !important;
  color: var(--fm4-text-color, #64748b) !important;
  font-size: 1.1rem;
  font-weight: 700;
  flex-shrink: 0;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.fm4-faq-item[open] .fm4-faq-summary::after {
  content: "−";
  background: color-mix(in srgb, var(--fm4-primary-color, #ea580c) 15%, transparent) !important;
  color: var(--fm4-primary-color, #ea580c) !important;
}
.fm4-faq-content {
  padding: 0 22px 20px 22px;
  font-size: 0.94rem;
  line-height: 1.65;
  color: color-mix(in srgb, var(--fm4-text-color, #475569) 80%, transparent) !important;
  border-top: 1px solid var(--fm4-border-color, #f1f5f9) !important;
  margin-top: 2px;
  padding-top: 14px;
}

/* ── Dynamic Block, Card & Heading Styles & Animations ── */
.fm4-fx-fade-in {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity;
}
.fm4-fx-fade-in.fm4-in-view, .fm4-fx-fade-in.is-visible {
  opacity: 1;
}

.fm4-fx-fade-up {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.fm4-fx-fade-up.fm4-in-view, .fm4-fx-fade-up.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fm4-fx-slide-in {
  opacity: 0;
  transform: translate3d(-32px, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.fm4-fx-slide-in.fm4-in-view, .fm4-fx-slide-in.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fm4-fx-zoom-in {
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.fm4-fx-zoom-in.fm4-in-view, .fm4-fx-zoom-in.is-visible {
  opacity: 1;
  transform: scale(1);
}

.fm4-fx-hover-lift {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
  display: inline-block;
}
.fm4-fx-hover-lift:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

.fm4-fx-hover-glow {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.fm4-fx-hover-glow:hover {
  box-shadow: 0 0 28px color-mix(in srgb, var(--fm4-primary-color, #ea580c) 40%, transparent) !important;
}

/* Title Styles */
.fm4-title-gradient {
  background: linear-gradient(135deg, var(--fm4-text-color, #ffffff) 20%, var(--fm4-primary-color, #ea580c) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block !important;
}

.fm4-title-underline {
  display: inline-block;
  position: relative;
}
.fm4-title-underline::after {
  content: '';
  display: block;
  width: 54px;
  height: 4px;
  background: var(--fm4-primary-color, #ea580c);
  border-radius: 3px;
  margin-top: 8px;
}

.fm4-title-hero {
  font-size: clamp(2.2rem, 5vw, 3.8rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.1 !important;
}

/* Card & Box Styles tied to Dynamic Palette */
.fm4-card-dark {
  background: var(--fm4-surface-color, #18181b) !important;
  color: var(--fm4-text-color, #f8fafc) !important;
  border: 1px solid var(--fm4-border-color, rgba(255,255,255,0.14)) !important;
  box-shadow: 0 16px 45px rgba(0,0,0,0.4) !important;
}
.fm4-card-dark * {
  color: inherit;
}

.fm4-card-glass {
  background: color-mix(in srgb, var(--fm4-surface-color, #ffffff) 70%, transparent) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid var(--fm4-border-color, rgba(255,255,255,0.45)) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.1) !important;
}

.fm4-card-accent-top {
  border-top: 4px solid var(--fm4-primary-color, #ea580c) !important;
}

.fm4-card-outline {
  background: transparent !important;
  border: 1.5px solid var(--fm4-border-color, #cbd5e1) !important;
}

/* Adaptive Content Cards & Components tied to Tweaks */
.fm4-card-adaptive {
  background: var(--fm4-surface-color, #ffffff) !important;
  color: var(--fm4-text-color, #1e293b) !important;
  border: 1px solid var(--fm4-border-color, rgba(226, 232, 240, 0.8)) !important;
  border-radius: var(--fm4-global-radius, 16px) !important;
  padding: clamp(1.25rem, 2.5vw, 1.75rem) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  box-sizing: border-box !important;
}

.fm4-card-adaptive :is(h1, h2, h3, h4, h5, h6),
.fm4-subcard-adaptive :is(h1, h2, h3, h4, h5, h6),
.fm4-cta-adaptive :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0 !important;
  color: var(--fm4-text-color, #0f172a) !important;
}

.fm4-subcard-adaptive {
  background: color-mix(in srgb, var(--fm4-surface-color, #ffffff) 90%, var(--fm4-text-color, #000000)) !important;
  color: var(--fm4-text-color, inherit) !important;
  border: 1px solid var(--fm4-border-color, rgba(255, 255, 255, 0.12)) !important;
  border-radius: calc(var(--fm4-global-radius, 16px) - 4px) !important;
  padding: 14px 18px !important;
  box-sizing: border-box !important;
}

.fm4-cta-adaptive {
  background: color-mix(in srgb, var(--fm4-surface-color, #ffffff) 92%, var(--fm4-primary-color, #ea580c)) !important;
  color: var(--fm4-text-color, inherit) !important;
  border: 1px solid color-mix(in srgb, var(--fm4-primary-color, #ea580c) 30%, transparent) !important;
}

.fm4-doc-container code {
  background: color-mix(in srgb, var(--fm4-text-color, #111) 10%, transparent) !important;
  color: var(--fm4-text-color, inherit) !important;
  border: 1px solid color-mix(in srgb, var(--fm4-border-color, #ccc) 40%, transparent) !important;
}

/* Standard Typography & Content Tokens */
.fm4-hero-section {
  text-align: center !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: clamp(2rem, 4vw, 2.75rem) !important;
}

.fm4-hero-section .fm4-hero-title,
.fm4-hero-section .fm4-title-hero {
  font-size: clamp(2.2rem, 4.5vw, 3.2rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.15 !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.fm4-hero-section .fm4-lead {
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  color: inherit !important;
  opacity: 0.85 !important;
}

.fm4-hero-kicker, .fm4-kicker {
  display: inline-block !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  color: var(--fm4-primary-color, #ea580c) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 14px 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Standardized Contact List Components */
.fm4-contact-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fm4-contact-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.fm4-contact-item svg,
.fm4-contact-item .fm4-contact-icon {
  color: var(--fm4-primary-color, #ea580c) !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.fm4-contact-item .fm4-contact-label {
  font-size: 0.75rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: color-mix(in srgb, var(--fm4-text-color, #0f172a) 65%, transparent) !important;
  margin-bottom: 2px !important;
}

.fm4-contact-item .fm4-contact-value {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--fm4-text-color, inherit) !important;
}

.fm4-contact-item .fm4-contact-value a {
  color: inherit !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.fm4-contact-item .fm4-contact-value a:hover {
  color: var(--fm4-primary-color, #ea580c) !important;
}

/* ── Social Share Bar ─────────────────────────────────────────────────── */
.fm4-share-bar {
  margin: clamp(1rem, 2vw, 1.75rem) auto !important;
  max-width: var(--fm4-container-width, 1100px) !important;
  padding: clamp(0.4rem, 0.8vw, 0.65rem) 0 !important;
  border-top: 1px solid var(--fm4-border-color, #e2e8f0) !important;
  border-bottom: 1px solid var(--fm4-border-color, #e2e8f0) !important;
  width: 100% !important;
}

.fm4-share-links {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.fm4-share-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: max(6px, var(--fm4-global-radius, 8px)) !important;
  font-size: 0.88rem !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  border: 1px solid var(--fm4-border-color, #e2e8f0) !important;
  background: var(--fm4-surface-color, #ffffff) !important;
  color: var(--fm4-text-color, #334155) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
}

.fm4-share-btn:hover {
  border-color: var(--fm4-primary-color, #ea580c) !important;
  color: var(--fm4-primary-color, #ea580c) !important;
  transform: translateY(-1px) !important;
}

.fm4-share-btn svg {
  flex-shrink: 0 !important;
}

.fm4-share-tip {
  position: absolute !important;
  bottom: calc(100% + 6px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(4px) !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18) !important;
  z-index: 50 !important;
}

.fm4-share-btn:hover .fm4-share-tip,
.fm4-share-tip.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}