/* elementor-post-4 */
.elementor-kit-4{--e-global-color-primary:#2B6CC4;--e-global-color-secondary:#041421;--e-global-color-text:#0B1B2A;--e-global-color-accent:#FF8A2B;--e-global-color-cmr_abyss:#041421;--e-global-color-cmr_deep:#0A2236;--e-global-color-cmr_trench:#12324D;--e-global-color-cmr_sonar:#38E1D3;--e-global-color-cmr_foam:#F2F6F8;--e-global-color-cmr_sand:#EFE8D8;--e-global-color-cmr_slate:#4A5D6E;--e-global-color-cmr_mist:#9FB3C4;--e-global-color-cmr_line:#D7E1E8;--e-global-typography-primary-font-family:"Karantina";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Assistant";--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Assistant";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Assistant";--e-global-typography-accent-font-weight:800;--e-global-typography-cmr_data-font-family:"IBM Plex Mono";--e-global-typography-cmr_data-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --cmr-abyss:#041421; --cmr-deep:#0A2236; --cmr-trench:#12324D; --cmr-current:#1E4E78; --cmr-marlin:#2B6CC4; --cmr-sonar:#38E1D3; --cmr-buoy:#FF8A2B; --cmr-foam:#F2F6F8; --cmr-sand:#EFE8D8; --cmr-paper:#FFFFFF; --cmr-ink:#0B1B2A; --cmr-slate:#4A5D6E; --cmr-mist:#9FB3C4; --cmr-line:#D7E1E8; --cmr-go:#2BD48B; --cmr-caution:#FFC145; --cmr-danger:#FF5D5D; --cmr-go-ink:#0E7A4D; --cmr-caution-ink:#8A5A00; --cmr-danger-ink:#C0282D; --cmr-font-display:Karantina; --cmr-font-text:Assistant; --cmr-font-data:Assistant; }
/* cmr-core */
/* Cormorant core - tokens, base, global components. Design system: docs/design-system.md */
:where(:root) {
	--cmr-abyss: #041421;
	--cmr-deep: #0A2236;
	--cmr-trench: #12324D;
	--cmr-current: #1E4E78;
	--cmr-marlin: #2B6CC4;
	--cmr-sonar: #38E1D3;
	--cmr-buoy: #FF8A2B;
	--cmr-buoy-hover: #FFA352;
	--cmr-foam: #F2F6F8;
	--cmr-sand: #EFE8D8;
	--cmr-paper: #FFFFFF;
	--cmr-ink: #0B1B2A;
	--cmr-slate: #4A5D6E;
	--cmr-mist: #9FB3C4;
	--cmr-line: #D7E1E8;
	--cmr-go: #2BD48B;
	--cmr-caution: #FFC145;
	--cmr-danger: #FF5D5D;
	--cmr-go-ink: #0E7A4D;
	--cmr-caution-ink: #8A5A00;
	--cmr-danger-ink: #C0282D;
	--cmr-font-display: "Karantina", "Assistant", system-ui, sans-serif;
	--cmr-font-text: "Assistant", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--cmr-font-data: "Assistant", "Segoe UI", Arial, sans-serif; /* client: Assistant everywhere, digits stay tabular via font-variant-numeric */
	--cmr-r-chip: 4px;
	--cmr-r-card: 12px;
	--cmr-r-panel: 20px;
	--cmr-shadow: 0 1px 2px rgba(4, 20, 33, .06), 0 12px 32px rgba(4, 20, 33, .08);
	--cmr-glow: 0 0 0 1px rgba(56, 225, 211, .22), 0 16px 48px rgba(0, 0, 0, .35);
	--cmr-ease: cubic-bezier(.2, .7, .2, 1);
	--cmr-bar-h: 0px;
	/* Focus ring: two tones, so one of them always has 3:1 against the surface (WCAG 2.4.7, 1.4.11).
	   Light surfaces: marlin ring + white halo. Dark surfaces (below): sonar ring + abyss halo. */
	--cmr-focus: var(--cmr-marlin);
	--cmr-focus-halo: var(--cmr-paper);
	/* Text links and small blue text on sand (#EFE8D8): marlin is only 4.25:1 there, current is 7.1:1. */
	--cmr-link-on-sand: var(--cmr-current);
}

/* ---------- Base ---------- */
body {
	font-family: var(--cmr-font-text);
	color: var(--cmr-ink);
	background: var(--cmr-foam);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
::selection { background: var(--cmr-sonar); color: var(--cmr-abyss); }
/* ---------- Focus (one global indicator) ----------
   3px ring + a 2px halo between the ring and the control. Components may restyle it, but must keep 3:1. */
:focus-visible { outline: 3px solid var(--cmr-focus, #2B6CC4); outline-offset: 2px; box-shadow: 0 0 0 2px var(--cmr-focus-halo, #fff); }
.cmr-on-dark, .cmr-dark, .elementor-location-header, .elementor-location-footer, .cmr-tick, .cmr-dock__panel--dark { --cmr-focus: var(--cmr-sonar); --cmr-focus-halo: var(--cmr-abyss); }
.cmr-on-light, .cmr-search__dialog, .elementor-location-header .elementor-nav-menu--dropdown .cmr-on-light { --cmr-focus: var(--cmr-marlin); --cmr-focus-halo: var(--cmr-paper); }
/* Elementor V4 links reset everything with "all: unset" (that removed the ring from footer and paragraph links),
   and V4 form fields drop the outline on focus: put the ring back with a higher specificity. */
.elementor .e-paragraph-link-base:focus-visible, .elementor .e-heading-link-base:focus-visible, .elementor .e-image-link-base:focus-visible,
.e-paragraph-base a:focus-visible, .e-heading-base a:focus-visible,
.elementor-location-footer a:focus-visible, .elementor-location-footer button:focus-visible {
	outline: 3px solid var(--cmr-focus, #2B6CC4) !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px var(--cmr-focus-halo, #fff) !important; border-radius: 2px; }
.elementor .e-form-input-base:focus-visible, .elementor .e-form-textarea-base:focus-visible, .elementor .e-form-select-base:focus-visible,
.elementor .e-form-checkbox-base:focus-visible, .elementor .e-form-radio-button-base:focus-visible,
.elementor .e-form-date-picker-base:focus-visible, .elementor .e-form-time-picker-base:focus-visible, .elementor .e-form-file-upload-base:focus-visible {
	outline: 3px solid var(--cmr-focus, #2B6CC4) !important; outline-offset: 1px; box-shadow: 0 0 0 1px var(--cmr-focus-halo, #fff) !important; border-color: var(--cmr-ink) !important; }
/* V4 buttons (global classes cmr-btn*) draw their own outline; add the halo so it also passes on dark sections
   (the hello reset / ".elementor a { box-shadow: none }" removed it). */
.elementor .e-button-base:focus-visible { outline-color: var(--cmr-focus, #2B6CC4) !important; box-shadow: 0 0 0 2px var(--cmr-focus-halo, #fff) !important; }
/* Search fields show focus on the field (the input itself has no outline): a real two-tone ring, not a 25% glow. */
.cmr-search .cmr-search__field:focus-within, .cmr-on-dark .cmr-search .cmr-search__field:focus-within {
	box-shadow: 0 0 0 2px var(--cmr-focus-halo, #fff), 0 0 0 5px var(--cmr-focus, #2B6CC4); }
/* Footer column titles are h2 (heading order, WCAG 1.3.1) but keep the small h4 look they were designed with. */
.elementor-location-footer h2.e-heading-base { line-height: 1.3; }
/* The main landmark takes focus from the skip link: no ring around the whole page. */
#content:focus, main:focus { outline: none; box-shadow: none; }
/* Sea ticker "לכל הנקודות" is clipped on phones but stays in the tab order: show it while it has focus. */
@media (max-width: 767px) {
	.cmr-tick .cmr-tick__all:focus, .cmr-tick .cmr-tick__all:focus-visible { position: static; width: auto; height: auto; overflow: visible; clip: auto; padding: 4px 8px; border-radius: 4px; background: var(--cmr-abyss); }
}

/* ---------- Text on sand ----------
   Marlin text on sand fails 4.5:1 (4.25). Blue text that sits on a sand surface uses current (7.1:1):
   - .cmr-on-sand: a class the editor can put on any sand container (all blue links and kickers inside it);
   - .cmr-sand-text: set by cmr-core.js on paragraph / heading links and kickers whose surface is sand. */
.cmr-on-sand a:not([class]), .cmr-on-sand .cmr-kicker, .cmr-on-sand .e-paragraph-base a, .cmr-on-sand .e-heading-base a, .cmr-sand-text { color: var(--cmr-link-on-sand, #1E4E78) !important; }
.cmr-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.cmr-skip { position: fixed; inset-inline-start: 12px; top: -60px; z-index: 10000; background: var(--cmr-buoy); color: var(--cmr-abyss); padding: 10px 18px; border-radius: 999px; font-weight: 800; text-decoration: none; transition: top .15s; }
.cmr-skip:focus { top: 12px; }
.cmr-num, .cmr-data { font-family: var(--cmr-font-data); font-variant-numeric: tabular-nums; }
.cmr-num { direction: ltr; unicode-bidi: isolate; }
.cmr-data { unicode-bidi: plaintext; } /* Hebrew values read RTL, pure numbers/Latin read LTR */
bdi { unicode-bidi: isolate; }

/* Beginner / expert mode */
html[data-cmr-mode="beginner"] .cmr-expert-only,
html[data-cmr-mode="expert"] .cmr-beginner-only { display: none !important; }

/* ---------- Atmosphere ---------- */
.cmr-isobaths { position: relative; isolation: isolate; }
.cmr-isobaths > .cmr-iso-svg { position: absolute; inset: -4%; width: 108%; height: 108%; z-index: -1; pointer-events: none; opacity: .9; }
.cmr-iso-svg path { fill: none; stroke-width: 1; vector-effect: non-scaling-stroke; }
@media (prefers-reduced-motion: no-preference) {
	.cmr-iso-svg { animation: cmr-drift 60s ease-in-out infinite alternate; }
}
@keyframes cmr-drift { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(-1.5%, 1%, 0) scale(1.02); } }

/* HUD corner brackets */
.cmr-hud { position: relative; }
.cmr-hud::before, .cmr-hud::after { content: ""; position: absolute; width: 12px; height: 12px; border: 1px solid currentColor; opacity: .35; pointer-events: none; }
.cmr-hud::before { top: 8px; inset-inline-start: 8px; border-inline-end: 0; border-bottom: 0; }
.cmr-hud::after { bottom: 8px; inset-inline-end: 8px; border-inline-start: 0; border-top: 0; }

/* Sonar ping dot (live data marker) */
.cmr-ping { position: relative; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--cmr-sonar); vertical-align: middle; }
@media (prefers-reduced-motion: no-preference) {
	.cmr-ping::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--cmr-sonar); animation: cmr-ping 2.4s var(--cmr-ease) infinite; }
}
@keyframes cmr-ping { from { transform: scale(1); opacity: .9; } to { transform: scale(4); opacity: 0; } }

/* ---------- Depth gauge (decorative) ---------- */
.cmr-gauge { position: fixed; inset-inline-end: 18px; top: 50%; transform: translateY(-50%); height: 42vh; width: 34px; z-index: 40; pointer-events: none; font-family: var(--cmr-font-data); font-size: 10px; color: var(--cmr-slate); mix-blend-mode: normal; }
.cmr-gauge__track { position: absolute; inset-inline-end: 0; top: 0; bottom: 0; width: 1px; background: repeating-linear-gradient(to bottom, currentColor 0 1px, transparent 1px 10%); opacity: .5; }
.cmr-gauge__mark { position: absolute; inset-inline-end: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--cmr-buoy); transform: translateY(-50%); transition: top .12s linear; }
.cmr-gauge__label { position: absolute; inset-inline-end: 12px; transform: translateY(-50%); white-space: nowrap; direction: rtl; transition: top .12s linear;
	padding: 1px 5px; border-radius: 4px; background: rgba(242, 246, 248, .92); color: var(--cmr-slate); } /* own chip: readable on light and dark pages */
@media (max-width: 1024px) { .cmr-gauge { display: none; } }

/* ---------- Badges & chips ---------- */
.cmr-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: var(--cmr-r-chip); font: 800 11px/1.2 var(--cmr-font-text); letter-spacing: .04em; }
.cmr-badge--demo { background: rgba(11, 27, 42, .78); color: #fff; }
.cmr-badge--illustration { background: rgba(255, 255, 255, .92); color: var(--cmr-slate); border: 1px solid var(--cmr-line); }
.cmr-illus-note { position: absolute; inset-block-start: 12px; inset-inline-start: 12px; z-index: 3; pointer-events: none; }
.woocommerce-product-gallery__image:has(> .cmr-illus-note) { position: relative; }
.cmr-badge--sale { background: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-badge--new { background: var(--cmr-marlin); color: #fff; }
.cmr-badge--live { background: rgba(56, 225, 211, .14); color: var(--cmr-sonar); border: 1px solid rgba(56, 225, 211, .35); }
.cmr-spec { display: inline-flex; flex-direction: column; gap: 2px; padding: 6px 10px; border-radius: 8px; background: var(--cmr-foam); border: 1px solid var(--cmr-line); min-width: 64px; }
.cmr-spec b { font: 700 15px/1.25 var(--cmr-font-data); font-variant-numeric: tabular-nums; color: var(--cmr-ink); unicode-bidi: plaintext; text-align: start; }
.cmr-spec span { font: 700 11px/1.2 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-level { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; }
.cmr-level::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: currentColor; }
.cmr-level--good { color: var(--cmr-go-ink); } .cmr-level--fair { color: var(--cmr-caution-ink); } .cmr-level--poor, .cmr-level--danger { color: var(--cmr-danger-ink); }
.cmr-dark .cmr-level--good, .cmr-on-dark .cmr-level--good { color: var(--cmr-go); }
.cmr-dark .cmr-level--fair, .cmr-on-dark .cmr-level--fair { color: var(--cmr-caution); }
.cmr-dark .cmr-level--poor, .cmr-dark .cmr-level--danger, .cmr-on-dark .cmr-level--poor, .cmr-on-dark .cmr-level--danger { color: var(--cmr-danger); }

/* ---------- Buttons used inside plugin widgets ---------- */
.cmr-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 24px; border-radius: 999px; border: 2px solid transparent; font: 800 16px/1.2 var(--cmr-font-text); text-decoration: none; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s, transform .15s; }
.cmr-button:active { transform: translateY(1px); }
.cmr-button--primary { background: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-button--primary:hover { background: var(--cmr-buoy-hover); color: var(--cmr-abyss); }
.cmr-button--ghost { background: transparent; color: inherit; border-color: currentColor; }
.cmr-button--ghost:hover { background: var(--cmr-ink); color: var(--cmr-foam); border-color: var(--cmr-ink); }
.cmr-button--small { min-height: 36px; padding: 6px 14px; font-size: 14px; }
.cmr-icon-btn { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--cmr-line); background: var(--cmr-paper); color: var(--cmr-ink); cursor: pointer; transition: border-color .15s, color .15s, background-color .15s; }
.cmr-icon-btn:hover { border-color: var(--cmr-marlin); color: var(--cmr-marlin); }
.cmr-icon-btn[aria-pressed="true"] { background: var(--cmr-marlin); border-color: var(--cmr-marlin); color: #fff; }
.cmr-icon-btn svg { width: 20px; height: 20px; }

/* ---------- Mode switch ---------- */
.cmr-mode { display: inline-flex; padding: 4px; border-radius: 999px; background: rgba(11, 27, 42, .06); border: 1px solid var(--cmr-line); }
.cmr-mode button { min-height: 36px; padding: 6px 14px; border-radius: 999px; border: 0; background: transparent; color: inherit; font: 800 14px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-mode button[aria-pressed="true"] { background: var(--cmr-ink); color: var(--cmr-foam); }
.cmr-dark .cmr-mode, .cmr-on-dark .cmr-mode { background: rgba(242, 246, 248, .06); border-color: var(--cmr-trench); }
.cmr-dark .cmr-mode button[aria-pressed="true"], .cmr-on-dark .cmr-mode button[aria-pressed="true"] { background: var(--cmr-foam); color: var(--cmr-abyss); }

/* ---------- Compare tray ---------- */
.cmr-tray { position: fixed; inset-inline: 0; bottom: calc(var(--cmr-bar-h) + 12px); z-index: 60; display: flex; justify-content: center; pointer-events: none; padding: 0 12px; }
.cmr-tray__inner { pointer-events: auto; display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 16px; border-radius: 999px; background: var(--cmr-abyss); color: var(--cmr-foam); box-shadow: var(--cmr-glow); max-width: 100%; }
.cmr-tray__thumbs { display: flex; gap: 6px; }
.cmr-tray__thumbs img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #fff; }
.cmr-tray[hidden] { display: none; }
.cmr-tray__count { font-weight: 800; white-space: nowrap; }
.cmr-tray__go[aria-disabled="true"] { opacity: .55; pointer-events: none; }
@media (max-width: 767px) {
	/* Phones: a full-width card above the bottom edge; the floating Kormi / cart buttons lift above it (cmr-chrome.js). */
	.cmr-tray { padding: 0 12px; bottom: calc(var(--cmr-bar-h) + 10px + env(safe-area-inset-bottom)); }
	.cmr-tray__inner { width: 100%; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 18px; }
	.cmr-tray__thumbs { gap: 0; }
	.cmr-tray__thumbs img { width: 32px; height: 32px; box-shadow: 0 0 0 2px var(--cmr-abyss); }
	.cmr-tray__thumbs img + img { margin-inline-start: -8px; }
	.cmr-tray__count { font-size: 14px; margin-inline-end: auto; }
	.cmr-tray__go, .cmr-tray__clear { min-height: 40px; }
}

/* ---------- Toast ----------
   One slot for every toast: centred, ABOVE the floating row (--cmr-float-zone, cmr-chrome.css) and above any
   bottom bar the row lifts over (--cmr-float-lift: buy bar, sticky cart button, compare tray), so it never sits
   on a primary button, on the tray or on the Kormi bubble (cmr-chrome.js hides the bubble while a toast shows). */
.cmr-toast { position: fixed; inset-inline-start: 50%; transform: translateX(50%); bottom: calc(var(--cmr-bar-h) + var(--cmr-float-lift, 0px) + var(--cmr-float-zone, 84px) + 8px + env(safe-area-inset-bottom)); z-index: 74; background: var(--cmr-ink); color: var(--cmr-foam); padding: 12px 18px; border-radius: 12px; font-weight: 700; box-shadow: var(--cmr-shadow); opacity: 0; transition: opacity .2s; pointer-events: none; max-width: calc(100vw - 32px); }
.cmr-toast.is-on { opacity: 1; }
@media (max-width: 767px) { .cmr-toast { width: max-content; max-width: calc(100vw - 32px); text-align: center; } }

/* ---------- Mobile bottom bar ---------- */
.cmr-bar { position: fixed; inset-inline: 0; bottom: 0; z-index: 80; display: none; background: rgba(4, 20, 33, .96); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid var(--cmr-trench); padding-bottom: env(safe-area-inset-bottom); }
.cmr-bar ul { display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; margin: 0; padding: 0; }
.cmr-bar a, .cmr-bar button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 60px; width: 100%; color: var(--cmr-mist); background: none; border: 0; font: 700 11px/1.1 var(--cmr-font-text); text-decoration: none; position: relative; cursor: pointer; }
.cmr-bar a[aria-current="page"], .cmr-bar a:hover, .cmr-bar button:hover { color: var(--cmr-foam); }
.cmr-bar a[aria-current="page"]::before { content: ""; position: absolute; top: 0; width: 24px; height: 2px; background: var(--cmr-sonar); border-radius: 2px; }
.cmr-bar svg { width: 24px; height: 24px; }
.cmr-bar__count { position: absolute; top: 8px; inset-inline-end: calc(50% - 20px); min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--cmr-buoy); color: var(--cmr-abyss); font: 800 11px/18px var(--cmr-font-data); text-align: center; }
.cmr-bar__count:empty, .cmr-bar__count[data-count="0"] { display: none; }
@media (max-width: 767px) {
	.cmr-bar { display: block; }
	/* Reserve room only when a mobile bottom bar is actually on the page (none today: no empty strip under sticky bars). */
	:root:has(.cmr-bar) { --cmr-bar-h: calc(60px + env(safe-area-inset-bottom)); }
	body:has(.cmr-bar) { padding-bottom: var(--cmr-bar-h); }
}

/* ---------- Reduced motion ----------
   The OS setting, and html.cmr-motion-off: the same class is set by cmr-core.js for the OS setting AND for the
   accessibility toolbar's "השהה אנימציות" (Ally), so one rule set covers both. Scripts: Cormorant.motionOff(). */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
html.cmr-motion-off *, html.cmr-motion-off *::before, html.cmr-motion-off *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; animation-delay: 0s !important; transition-duration: .001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
html.cmr-motion-off { scroll-behavior: auto !important; }
html.cmr-motion-off .cmr-iso-svg { animation: none !important; }

/* Accessibility plugin (Ally) "skip to content" link in the site palette (first tab stop; target: main#content). */
.ea11y-skip-to-content-link { border-color: var(--cmr-current) !important; color: var(--cmr-current) !important; background: var(--cmr-paper) !important; font-family: var(--cmr-font-text, "Assistant", sans-serif) !important; font-weight: 800 !important; }
.ea11y-skip-to-content-link:focus-visible { outline: 3px solid var(--cmr-marlin) !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px #fff !important; }