/* 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%}
body#fm4-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0}
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{max-width:var(--fm4-container-width,1200px);margin:0 auto;padding:0 var(--fm4-site-padding,1rem)}
/* 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;
  /* Layout */
  margin:var(--fm4-block-margin,0);
  margin-top:var(--fm4-block-margin-top,var(--fm4-block-margin,0));
  margin-right:var(--fm4-block-margin-right,var(--fm4-block-margin,0));
  margin-bottom:var(--fm4-block-margin-bottom,var(--fm4-block-margin,0));
  margin-left:var(--fm4-block-margin-left,var(--fm4-block-margin,0));
  padding-top:var(--fm4-block-padding-top,0);
  padding-right:var(--fm4-block-padding-right,0);
  padding-bottom:var(--fm4-block-padding-bottom,0);
  padding-left:var(--fm4-block-padding-left,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)
}
/* -- 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 + margin/padding also guarded with ID specificity */
#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-right:var(--fm4-block-margin-right,var(--fm4-block-margin,0))!important;
  margin-bottom:var(--fm4-block-margin-bottom,var(--fm4-block-margin,0))!important;
  margin-left:var(--fm4-block-margin-left,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-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-gallery-grid > .fm4-block-wrap + .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{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{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-page .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-page .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-page .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-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-lg.fm4-block-align--left,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-md.fm4-block-align--left,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-sm.fm4-block-align--left{margin-left:0!important;margin-right:auto!important}
#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-lg.fm4-block-align--right,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-md.fm4-block-align--right,#fm4-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame--size-sm.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-page .fm4-block-wrap.fm4-block-image_block .fm4-image-block-frame{position:relative!important}
#fm4-page .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-page .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-page .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-page .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-page .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-page .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{position:relative}
.fm4-img-overlay-text{position:absolute;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-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 ----------------------------------------------------------- */
.fm4-site-header{background:var(--fm4-surface-color,#fff);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:100}
.fm4-header-inner{position:relative;display:flex;align-items:center;gap:.5rem;max-width:var(--fm4-container-width,1200px);margin:0 auto;padding:.6rem 1rem}
.fm4-brand-stack{display:flex;flex-direction:column;gap:.08rem;min-width:0;flex-shrink:0}
.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}
.fm4-site-brand:hover{opacity:.8}
.fm4-site-brand{display:inline-flex;align-items:center;gap:.5rem}
.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}
/* -- Navigation ----------------------------------------------------------- */
nav.fm4-nav{flex:1;display:flex;justify-content:flex-end}
.fm4-nav > ul.fm4-nav,.fm4-nav ul.fm4-nav{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.fm4-nav-device-mobile,.fm4-nav-vis-mobile{display:none!important}
.fm4-nav-item{position:relative}
.fm4-nav-link{display:flex;align-items:center;gap:.3em;padding:.45rem .75rem;border-radius:4px;text-decoration:none;font-size:.9rem;color:var(--fm4-text-color,#1a1a1a);white-space:nowrap;transition:background .15s}
.fm4-nav-link:hover,.fm4-nav-link.fm4-nav-active{background:var(--fm4-primary-color,#0066cc);color:#fff;opacity:1}
.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}
.fm4-placement-slot--header_utility{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:auto;margin-left:.5rem}
.fm4-placement-slot--mobile_drawer{display:none}
.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:#b91c1c;font-weight:700}
.fm4-form-field--error input,.fm4-form-field--error textarea,.fm4-form-field--error select{border-color:#b91c1c}
.fm4-form-message{padding:.75rem .85rem;border:1px solid color-mix(in srgb,#b91c1c 30%,transparent);border-radius:min(var(--fm4-global-radius,8px),8px);background:color-mix(in srgb,#b91c1c 7%,var(--fm4-surface-color,#fff));color:#b91c1c;font-weight:700}
.fm4-form-success{padding:1rem;border:1px solid color-mix(in srgb,var(--fm4-success-color,#16a34a) 35%,transparent);border-radius:min(var(--fm4-global-radius,8px),8px);background:color-mix(in srgb,var(--fm4-success-color,#16a34a) 9%,var(--fm4-surface-color,#fff));color:var(--fm4-text-color,#111827);font-weight:750}
.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:color-mix(in srgb,var(--fm4-bg-color,#fff) 97%,var(--fm4-text-color,#000))}
.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}
.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}
.uv-title{font-size:var(--fm4-page-title-size,var(--fm4-h1-size,2rem))!important;font-weight:700;line-height:var(--fm4-heading-line-height,1.2)!important;margin:0 0 var(--fm4-heading-gap,.35rem)}
.uv-header{padding:var(--fm4-page-title-top-gap,.5rem) 0 0;margin-bottom:var(--fm4-page-title-content-gap,clamp(.75rem,2vw,1.5rem))}
.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))}
/* 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: 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: 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(2rem,5vw,4rem);max-width:min(1100px,calc(100vw - 2rem));margin:0 auto;padding:clamp(2rem,5vw,4rem) 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(2rem,4vw,3rem);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.6rem,4vw,2.6rem);font-weight:700;line-height:1.08;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.6vw,1.2rem);line-height:1.6;color:var(--fm4-muted-color,#475569);max-width:62ch}
@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}
}

/* ===== Nanna custom CSS ===== */

/* Override the uv-content gap variable to zero */
.uv-content{--uv-content-gap:0px!important;gap:0!important}

/* Cover image: full-width edge to edge */
img[src*="YCR_5653"]{
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-radius:0!important;
  height:auto!important;
}

/* Block wrappers: zero spacing */
.fm4-block-wrap{margin:0!important;padding:0!important;--fm4-block-margin:0!important;--fm4-block-margin-top:0!important;--fm4-block-margin-bottom:0!important;--fm4-block-padding-top:0!important;--fm4-block-padding-bottom:0!important}
.fm4-block-wrap .fm4-text-block{margin:0!important;padding:0!important;overflow:visible!important}
.fm4-block-wrap .fm4-text-content{margin:0!important;padding:0!important;gap:0!important}

/* Hide clear:both divs */
div[style*="clear:both"]{display:none!important}

/* Year nav: compact */
.year-nav{
  text-align:center;
  margin:0!important;
  padding:.5rem 0!important;
  font-size:15px;
}
.year-nav a{
  display:inline-block;
  padding:.3rem .6rem;
  margin:.15rem;
  border:1px solid rgba(0,0,0,.1);
  border-radius:4px;
  color:#797878;
  text-decoration:none;
}

/* Blog post cards */
.fm4-news-list-card{
  border-top:1px solid rgba(0,0,0,.06)!important;
  padding:1.25rem 0 .5rem 0!important;
  margin:0!important;
}
.fm4-news-list-card--no-media{display:block!important}
.fm4-news-list-card p{color:#333!important}
.fm4-news-list-card h3{margin-bottom:.4rem!important}

/* Hide suggestions */
.fm4-article-suggestions{display:none!important}

/* Blog images */
.blog-images{margin-top:1rem}
.blog-image{margin-bottom:1rem}
.blog-image img{width:100%!important;height:auto;border-radius:6px}
.image-caption{font-size:.85rem;color:#797878;margin-bottom:.3rem;font-style:italic}

/* Mobile */
@media(max-width:768px){
  .fm4-site-header{padding:0 .75rem}
  .fm4-main{padding:0!important}
  .uv-content{padding:0 .75rem!important}
  .fm4-news-list-card{padding:1rem 0!important}
  .fm4-news-list-card h3{font-size:1.2rem!important;line-height:1.3}
  .fm4-news-list-card p{font-size:.95rem!important;line-height:1.6}
  .fm4-article-body{font-size:1rem!important;line-height:1.7}
  .fm4-article-headline{font-size:1.5rem!important}
  .fm4-site-footer{padding:2rem 1rem!important}
  .blog-images img{width:100%!important;height:auto}
  .year-nav a{padding:.4rem .7rem;margin:.2rem}
  /* Cover image full width on mobile too */
  img[src*="YCR_5653"]{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
}
}