/* cmr-chrome */
/* Cormorant - site chrome: floating dock (Kormi + contact), live sea ticker, Kormi ask bar, social icons.
   Design system: docs/design-system.md. Sonar colour only for live values. RTL first, reduced motion aware. */

/* =========================================================
   1. Social buttons (dock + widget "social-icons")
   ========================================================= */
.cmr-soc-list { --cmr-soc-size: 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cmr-soc-list > li { margin: 0; padding: 0; list-style: none; }
.cmr-soc { --soc-c: var(--cmr-foam); --soc-bg: var(--cmr-deep); --soc-hover-bg: var(--soc-c); --soc-hover-fg: var(--cmr-abyss);
	display: inline-flex; align-items: center; justify-content: center; width: var(--cmr-soc-size); height: var(--cmr-soc-size);
	border-radius: 50%; background: var(--soc-bg); color: var(--soc-c); box-shadow: inset 0 0 0 1px rgba(159, 179, 196, .28), 0 6px 18px rgba(4, 20, 33, .22);
	text-decoration: none; transition: background-color .15s var(--cmr-ease), color .15s var(--cmr-ease), transform .15s var(--cmr-ease), box-shadow .15s var(--cmr-ease); }
.cmr-soc__svg { width: 52%; height: 52%; display: block; }
.cmr-soc:hover { background: var(--soc-hover-bg); color: var(--soc-hover-fg); transform: translateY(-2px); --cmr-soc-ig: currentColor; }
.cmr-soc:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: 3px; }
.cmr-soc--whatsapp { --soc-c: var(--cmr-go); }
.cmr-soc--phone { --soc-c: var(--cmr-buoy); }
.cmr-soc--instagram { --soc-c: var(--cmr-sonar); --cmr-soc-ig: currentColor; }
.cmr-soc--facebook { --soc-c: #6FA4EC; }
.cmr-soc--tiktok { --soc-c: var(--cmr-foam); }
.cmr-soc--waze { --soc-c: var(--cmr-sonar); }
/* Widget variants */
.cmr-soc-list--rounded .cmr-soc { border-radius: 12px; }
.cmr-soc-list--fill .cmr-soc { background: var(--soc-hover-bg); color: var(--soc-hover-fg); --cmr-soc-ig: currentColor; box-shadow: 0 6px 18px rgba(4, 20, 33, .18); }
.cmr-soc-list--fill .cmr-soc:hover { filter: brightness(1.08); }
.cmr-soc-list--mono .cmr-soc { background: transparent; color: var(--cmr-foam); --cmr-soc-ig: currentColor; box-shadow: inset 0 0 0 1px rgba(242, 246, 248, .4); }
.cmr-soc-list--mono .cmr-soc:hover { background: var(--cmr-foam); color: var(--cmr-abyss); }
.cmr-soc-list--ink .cmr-soc { background: transparent; color: var(--cmr-ink); --cmr-soc-ig: currentColor; box-shadow: inset 0 0 0 1px var(--cmr-line); }
.cmr-soc-list--ink .cmr-soc:hover { background: var(--cmr-ink); color: var(--cmr-paper); }
.cmr-soc-list--ink .cmr-soc:focus-visible { outline-color: var(--cmr-marlin); }

/* =========================================================
   2. Floating row (all widths): ONE bottom row of floating buttons.
      Left: the contact / cookie / accessibility pill (horizontal) + the cart (only with items).
      Right: the Kormi launcher. Both sit on the same bottom line (safe-area aware), lift above fixed
      bottom bars (--cmr-float-lift, cmr-chrome.js), hide on scroll down and come back on scroll up / at rest.
      --cmr-float-zone is the height of that row: the footer reserves it (section 2c), the toast sits above it.
   ========================================================= */
:root { --cmr-float-gap: 24px; --cmr-float-size: 64px; --cmr-float-zone: calc(var(--cmr-float-gap) + var(--cmr-float-size) + 8px); }
@media (max-width: 1024px) { :root { --cmr-float-gap: 16px; --cmr-float-size: 56px; } }

.cmr-dock { position: fixed; z-index: 72; right: calc(var(--cmr-float-gap) + env(safe-area-inset-right)); bottom: calc(var(--cmr-float-gap) + env(safe-area-inset-bottom) + var(--cmr-float-lift, 0px));
	display: flex; flex-direction: column; align-items: center; gap: 10px; direction: rtl; pointer-events: none;
	font-family: var(--cmr-font-text); transition: bottom .28s var(--cmr-ease), opacity .2s, transform .2s, visibility 0s; }
.cmr-dock > * { pointer-events: auto; }
.cmr-dock [hidden] { display: none !important; }

.cmr-dock__kormi { position: relative; }
.cmr-dock__launcher { position: relative; display: block; width: var(--cmr-float-size); height: var(--cmr-float-size); padding: 0; border: 0; border-radius: 50%; cursor: pointer;
	background: radial-gradient(circle at 50% 40%, #fff 0%, var(--cmr-sand) 70%); box-shadow: 0 0 0 3px var(--cmr-paper), 0 10px 28px rgba(4, 20, 33, .32);
	transition: transform .15s var(--cmr-ease), box-shadow .15s var(--cmr-ease); -webkit-tap-highlight-color: transparent; }
.cmr-dock .cmr-dock__launcher img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; pointer-events: none; -webkit-user-select: none; user-select: none; }
.cmr-dock__launcher::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid var(--cmr-sonar); opacity: 0; pointer-events: none; }
.cmr-dock.is-ping .cmr-dock__launcher::after { animation: cmr-dock-ping 2.4s var(--cmr-ease) 3; }
.cmr-dock__launcher:hover { transform: translateY(-2px) scale(1.03); }
/* Floating buttons sit on light and dark pages: abyss ring + the white halo (3:1 on any surface). */
.cmr-dock__launcher:focus-visible { outline: 3px solid var(--cmr-abyss); outline-offset: 3px; box-shadow: 0 0 0 3px var(--cmr-paper), 0 10px 28px rgba(4, 20, 33, .32); }
.cmr-dock__launcher[aria-expanded="true"] { box-shadow: 0 0 0 3px var(--cmr-buoy), 0 10px 28px rgba(4, 20, 33, .32); }
@keyframes cmr-dock-ping { 0% { opacity: .9; transform: scale(1); } 80%, 100% { opacity: 0; transform: scale(1.45); } }

/* Speech bubble: to the left of Kormi */
.cmr-dock__bubble { position: absolute; right: calc(100% + 14px); bottom: 10px; display: flex; align-items: center; gap: 2px;
	padding: 4px 4px 4px 4px; border-radius: 16px; background: var(--cmr-paper); color: var(--cmr-ink);
	box-shadow: 0 1px 2px rgba(4, 20, 33, .08), 0 14px 34px rgba(4, 20, 33, .22); white-space: nowrap;
	opacity: 0; transform: translateX(8px); transition: opacity .28s var(--cmr-ease), transform .28s var(--cmr-ease); }
.cmr-dock__bubble.is-in { opacity: 1; transform: none; }
.cmr-dock__bubble::after { content: ""; position: absolute; right: -6px; bottom: 16px; width: 12px; height: 12px; background: inherit; transform: rotate(45deg); border-radius: 2px; }
.cmr-dock__bubble-text { position: relative; z-index: 1; min-height: 44px; padding: 8px 12px 8px 6px; border: 0; background: none; color: inherit; font: 800 15px/1.2 var(--cmr-font-text); cursor: pointer; border-radius: 12px; }
.cmr-dock__bubble-text:hover { color: var(--cmr-marlin); }
.cmr-dock__bubble-x { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%;
	background: var(--cmr-foam); color: var(--cmr-slate); cursor: pointer; }
.cmr-dock__bubble-x::after { content: ""; position: absolute; inset: -4px; } /* 44px hit area */
.cmr-dock__bubble-x:hover { background: var(--cmr-line); color: var(--cmr-ink); }
.cmr-dock__bubble-text:focus-visible, .cmr-dock__bubble-x:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: -3px; box-shadow: none; }

/* Fallback panel when the chat backend is not available */
.cmr-dock__panel { position: absolute; right: calc(100% + 14px); bottom: 0; width: min(320px, calc(100vw - 120px)); padding: 16px; border-radius: var(--cmr-r-panel);
	background: var(--cmr-sand); color: var(--cmr-ink); box-shadow: 0 1px 2px rgba(4, 20, 33, .08), 0 18px 44px rgba(4, 20, 33, .3); text-align: right; }
.cmr-dock__panel-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.cmr-dock__panel-head img { width: 44px; height: 44px; border-radius: 50%; background: var(--cmr-paper); object-fit: cover; flex: none; }
.cmr-dock__panel-t { flex: 1; margin: 0; font: 400 30px/1 var(--cmr-font-display); color: var(--cmr-ink); outline: none; }
.cmr-dock__panel-x { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(11, 27, 42, .06); color: var(--cmr-ink); cursor: pointer; }
.cmr-dock__panel-x:hover { background: rgba(11, 27, 42, .12); }
.cmr-dock__panel-x:focus-visible, .cmr-dock__cta:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-dock__panel-text { margin: 0 0 12px; font-size: 16px; line-height: 1.55; }
.cmr-dock__panel-q { margin: -4px 0 12px; padding: 8px 12px; border-radius: 12px; background: rgba(255, 255, 255, .7); font-size: 14px; color: var(--cmr-slate); }
.cmr-dock__panel-actions { display: grid; gap: 8px; }
.cmr-dock__cta { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 8px 16px; border-radius: 999px; font: 800 16px/1.2 var(--cmr-font-text); text-decoration: none; transition: filter .15s, transform .15s; }
.cmr-dock__cta:hover { filter: brightness(1.06); transform: translateY(-1px); }
.cmr-dock__cta-svg { width: 20px; height: 20px; flex: none; }
.cmr-dock__cta--wa { background: var(--cmr-abyss); color: var(--cmr-foam); }
.cmr-dock__cta--wa .cmr-dock__cta-svg { color: var(--cmr-go); }
.cmr-dock__cta--tel { background: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-dock__cta-num { font-family: var(--cmr-font-data); font-weight: 500; font-size: 14px; }
.cmr-dock.is-panel .cmr-dock__bubble { display: none; }

/* Phones and tablets: the bubble opens ABOVE Kormi (the row to his left belongs to the pill and the cart). */
@media (max-width: 1024px) {
	.cmr-dock__bubble { right: 0; bottom: calc(100% + 12px); max-width: calc(100vw - 32px); transform: translateY(8px); }
	.cmr-dock__bubble::after { right: 22px; bottom: -6px; }
	.cmr-dock__bubble-text { font-size: 15px; }
}

/* =========================================================
   2b. Bottom-LEFT of the floating row: ONE horizontal pill (contact toggle / cookie settings / accessibility)
   + the floating cart. Vertically centred on Kormi's line, safe-area aware, never vh/top based.
   cmr-chrome.js adds the cookie + accessibility buttons when the Cookiez / Ally plugins are on the
   page and hides the plugins' own floating buttons (their dialogs still open from the unit).
   Without JS the plugins keep their own buttons. Visual order, left to right: contact, cookies, accessibility, cart.
   ========================================================= */
.cmr-corner { position: fixed; z-index: 72; left: calc(var(--cmr-float-gap) + env(safe-area-inset-left));
	bottom: calc(var(--cmr-float-gap) + (var(--cmr-float-size) - 44px) / 2 + env(safe-area-inset-bottom) + var(--cmr-float-lift, 0px));
	display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; width: auto; direction: rtl; font-family: var(--cmr-font-text);
	transition: bottom .28s var(--cmr-ease), opacity .2s, transform .2s, visibility 0s; }
.cmr-corner__pill { display: flex; flex-direction: row-reverse; align-items: stretch; height: 44px; overflow: hidden; border-radius: 999px; background: var(--cmr-marlin, #2B6CC4);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .92), 0 8px 22px rgba(4, 20, 33, .32); }
.cmr-corner .cmr-corner__btn, .cmr-corner .cmr-corner__toggle { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; min-height: 0; margin: 0; padding: 0;
	border: 0; border-radius: 0; background: transparent; color: #fff; box-shadow: none; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color .15s; }
.cmr-corner .cmr-corner__btn[hidden] { display: none; }
/* Thin dividers between the buttons (a later button sits to the right of the one before it) */
.cmr-corner__btn + .cmr-corner__btn::before { content: ""; position: absolute; left: 0; top: 9px; bottom: 9px; width: 1px; background: rgba(255, 255, 255, .38); pointer-events: none; }
.cmr-corner .cmr-corner__btn:hover { background: rgba(4, 20, 33, .22); color: #fff; }
.cmr-corner .cmr-corner__btn:focus-visible { outline: 3px solid var(--cmr-paper); outline-offset: -5px; box-shadow: inset 0 0 0 2px var(--cmr-abyss); }
.cmr-corner__pill:has(:focus-visible) { box-shadow: 0 0 0 2px var(--cmr-paper), 0 0 0 5px var(--cmr-abyss), 0 8px 22px rgba(4, 20, 33, .32); }
.cmr-corner__btn svg { display: block; width: 22px; height: 22px; }
.cmr-corner__i-close { display: none !important; }
.cmr-corner.is-open .cmr-corner__i-open { display: none !important; }
.cmr-corner.is-open .cmr-corner__i-close { display: block !important; width: 20px; height: 20px; }
.cmr-corner.is-open .cmr-corner__toggle { background: var(--cmr-abyss); }
/* Social logos: open above the unit on click */
.cmr-corner__stack { position: absolute; left: 0; bottom: calc(100% + 12px); visibility: hidden; pointer-events: none; transition: visibility 0s linear .3s; }
.cmr-corner.is-open .cmr-corner__stack { visibility: visible; pointer-events: auto; transition: visibility 0s; }
.cmr-corner__list { flex-direction: column-reverse; flex-wrap: nowrap; gap: 10px; }
.cmr-corner__list li { opacity: 0; transform: translateY(14px) scale(.6); transition: opacity .22s var(--cmr-ease), transform .26s var(--cmr-ease); }
.cmr-corner__list li[hidden] { display: none; }
.cmr-corner.is-open .cmr-corner__list li { opacity: 1; transform: none; }
.cmr-corner.is-open .cmr-corner__list li:nth-child(2) { transition-delay: .04s; }
.cmr-corner.is-open .cmr-corner__list li:nth-child(3) { transition-delay: .08s; }
.cmr-corner.is-open .cmr-corner__list li:nth-child(4) { transition-delay: .12s; }
.cmr-corner.is-open .cmr-corner__list li:nth-child(5) { transition-delay: .16s; }
.cmr-corner .cmr-soc { --cmr-soc-size: 44px; box-shadow: inset 0 0 0 1px rgba(159, 179, 196, .3), 0 4px 14px rgba(4, 20, 33, .28); }
/* First-visit cookie banner open: only the accessibility button stays (44px, inside the space the banner keeps free). */
.cmr-corner.is-banner .cmr-corner__toggle, .cmr-corner.is-banner [data-cmr-corner-cookie], .cmr-corner.is-banner .cmr-corner__stack { display: none !important; }
.cmr-corner.is-banner [data-cmr-corner-a11y]::before { display: none; }
@keyframes cmr-dock-pop { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Floating chrome states (cmr-chrome.js, sections 4 and 7):
   - cmr-float-hide: a menu / dialog / map sheet is open, the visitor is typing on a phone, or a bottom app bar
     marked [data-cmr-bottom-bar="hide"] (the intel time slider) is on screen: everything hides.
   - cmr-float-chat: the Kormi chat is open on a phone (full-screen sheet, its X closes it): dock + left unit hide.
   - Client rule ("קורמי והעגלה תמיד מופיעים... הנגישות והעוגיות והחברתי לא נעלמים"): NOTHING in the floating row
     disappears on scroll. cmr-float-away is never set by cmr-chrome.js; overlap is handled by layout (section 2c).
   - .is-away on the corner: the accessibility panel is open (an overlay): the pill steps away.
   - .is-dim on the corner: the pill sits on a button / field: it stays, slightly see-through and click-through. */
html.cmr-float-hide .cmr-corner, html.cmr-float-hide .cmr-dock:not(.is-panel), html.cmr-float-chat .cmr-corner, html.cmr-float-chat .cmr-dock { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(16px);
	transition: bottom .28s var(--cmr-ease), opacity .2s, transform .2s, visibility 0s linear .2s; }
.cmr-corner__pill { transition: opacity .2s, visibility 0s; }
.cmr-corner.is-away .cmr-corner__pill, .cmr-corner.is-away .cmr-corner__stack { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s, visibility 0s linear .2s; }
.cmr-corner.is-dim:not(:focus-within) .cmr-corner__pill { opacity: .55; pointer-events: none; }
.cmr-dock.is-chat .cmr-dock__bubble { display: none; }

/* =========================================================
   2c. Reserved bottom zone: the end of every page (footer) gets a dark strip as tall as the floating row,
   so the footer's last lines are never under a float, also when the row comes back at the end of the page.
   ========================================================= */
body.cmr-has-dock .elementor-location-footer::after { content: ""; display: block; height: calc(var(--cmr-float-zone) + env(safe-area-inset-bottom) + var(--cmr-float-lift, 0px)); background: var(--cmr-abyss, #041421); }

/* Kormi chat (team B widget) when the dock is present: the dock is the launcher; the panel opens on the dock side. */
.cmr-has-dock .cmr-kchat__launcher { display: none !important; }
/* Desktop: the panel opens above the avatar, which stays visible and closes it again (toggle). */
@media (min-width: 768px) {
	.cmr-has-dock .cmr-kchat__panel { inset-inline-end: auto; inset-inline-start: 24px; bottom: calc(var(--cmr-bar-h) + var(--cmr-float-lift, 0px) + 104px); }
}

/* =========================================================
   3. Live sea ticker (top stripe)
   ========================================================= */
.cmr-tick { display: flex; align-items: center; gap: 16px; min-height: 40px; padding: 0 16px; background: var(--cmr-abyss); color: var(--cmr-mist);
	font: 600 14px/1.2 var(--cmr-font-text); border-bottom: 1px solid var(--cmr-trench); overflow: hidden; direction: rtl; }
.cmr-tick__label { display: inline-flex; align-items: center; gap: 8px; flex: none; margin: 0; color: var(--cmr-foam); font: 800 13px/1.2 var(--cmr-font-text); letter-spacing: .02em; }
.cmr-tick__ping { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--cmr-sonar); flex: none; }
.cmr-tick__ping::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1.5px solid var(--cmr-sonar); opacity: 0; animation: cmr-tick-ping 3s var(--cmr-ease) infinite; }
@keyframes cmr-tick-ping { 0% { opacity: .8; transform: scale(.6); } 70%, 100% { opacity: 0; transform: scale(1.6); } }
.cmr-tick__viewport { position: relative; flex: 1; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
	-webkit-mask-image: linear-gradient(to left, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%); mask-image: linear-gradient(to left, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%); }
.cmr-tick__viewport::-webkit-scrollbar { display: none; }
.cmr-tick__track { display: flex; align-items: center; gap: 0; width: max-content; margin: 0; padding: 0; list-style: none; }
.cmr-tick__item { display: flex; margin: 0; padding: 0 20px; list-style: none; position: relative; }
.cmr-tick__item + .cmr-tick__item::before { content: ""; position: absolute; right: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: var(--cmr-current); }
.cmr-tick__link { display: inline-flex; align-items: center; gap: 12px; min-height: 40px; color: var(--cmr-mist); text-decoration: none; white-space: nowrap; border-radius: 4px; }
.cmr-tick__link:hover .cmr-tick__name { text-decoration: underline; text-underline-offset: 3px; }
.cmr-tick__link:focus-visible { outline: 2px solid var(--cmr-sonar); outline-offset: -2px; }
.cmr-tick__name { color: var(--cmr-foam); font-weight: 800; }
.cmr-tick__m { display: inline-flex; align-items: baseline; gap: 5px; }
.cmr-tick__k { color: var(--cmr-mist); font-size: 12px; font-weight: 600; }
.cmr-tick__v { color: var(--cmr-sonar); font-weight: 600; }
.cmr-tick__v .cmr-num, .cmr-tick__ix .cmr-num { font-family: var(--cmr-font-data); font-weight: 500; font-variant-numeric: tabular-nums; }
.cmr-tick__na { color: var(--cmr-mist); font-size: 12px; font-weight: 600; opacity: .9; }
.cmr-tick__ix { display: inline-flex; align-items: baseline; gap: 5px; padding: 2px 8px; border-radius: 4px; background: rgba(18, 50, 77, .9); color: var(--cmr-foam); }
.cmr-tick__ix .cmr-num { font-size: 14px; }
.cmr-tick__ix--good .cmr-num { color: var(--cmr-go); } .cmr-tick__ix--fair .cmr-num { color: var(--cmr-caution); } .cmr-tick__ix--poor .cmr-num, .cmr-tick__ix--danger .cmr-num { color: var(--cmr-danger); }
.cmr-tick__lvl { font-size: 12px; font-weight: 700; }
.cmr-tick__empty { margin: 0; color: var(--cmr-mist); white-space: nowrap; }
.cmr-tick__meta { display: inline-flex; align-items: center; gap: 12px; flex: none; }
.cmr-tick__ago { color: var(--cmr-mist); font-size: 12px; white-space: nowrap; }
.cmr-tick__all { color: var(--cmr-foam); font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.cmr-tick__all:hover { color: var(--cmr-paper); }
.cmr-tick__all:focus-visible, .cmr-tick__pause:focus-visible { outline: 2px solid var(--cmr-sonar); outline-offset: 2px; }
.cmr-tick__pause { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: var(--cmr-deep); color: var(--cmr-foam); cursor: pointer; }
.cmr-tick__pause::after { content: ""; position: absolute; inset: -8px; } /* 44px hit area, same look */
.cmr-tick__pause[hidden] { display: none; }
.cmr-tick__pause:hover { background: var(--cmr-trench); }
.cmr-tick__i-play { display: none; }
.cmr-tick__pause[aria-pressed="true"] .cmr-tick__i-play { display: block; }
.cmr-tick__pause[aria-pressed="true"] .cmr-tick__i-pause { display: none; }

/* Marquee (desktop) - JS clones the items once and sets --cmr-tick-dur */
.cmr-tick.is-marquee .cmr-tick__viewport { overflow: hidden; }
.cmr-tick.is-marquee .cmr-tick__track { animation: cmr-tick-marquee var(--cmr-tick-dur, 40s) linear infinite; will-change: transform; }
.cmr-tick.is-marquee:hover .cmr-tick__track, .cmr-tick.is-marquee:focus-within .cmr-tick__track, .cmr-tick.is-paused .cmr-tick__track { animation-play-state: paused; }
@keyframes cmr-tick-marquee { from { transform: translateX(0); } to { transform: translateX(50%); } }

/* One spot at a time (mobile): all items share one grid cell and cross-fade (no empty frame between spots). */
.cmr-tick--one .cmr-tick__viewport { overflow: hidden; -webkit-mask-image: none; mask-image: none; touch-action: pan-y; }
.cmr-tick--one .cmr-tick__track { display: grid; width: auto; }
.cmr-tick--one .cmr-tick__item { grid-area: 1 / 1; display: flex; padding: 0; opacity: 0; visibility: hidden; transition: opacity .45s var(--cmr-ease), visibility 0s linear .45s; }
.cmr-tick--one .cmr-tick__item::before { display: none; }
.cmr-tick--one .cmr-tick__item.is-active { opacity: 1; visibility: visible; transition: opacity .45s var(--cmr-ease), visibility 0s; }

@media (max-width: 767px) {
	.cmr-tick { gap: 10px; padding: 0 12px; font-size: 14px; }
	.cmr-tick__label > span:last-child, .cmr-tick__ago, .cmr-tick__all, .cmr-tick__lvl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.cmr-tick__link { gap: 9px; }
	.cmr-tick__k { font-size: 12px; }
	.cmr-tick__ix { padding: 1px 6px; }
}

/* =========================================================
   4. Kormi ask bar (hero)
   ========================================================= */
.cmr-ask { width: 100%; max-width: 780px; color: var(--cmr-foam); direction: rtl; font-family: var(--cmr-font-text); }
.cmr-ask--center { margin-inline: auto; }
.cmr-ask--start { margin-inline-end: auto; }
.cmr-ask--end { margin-inline-start: auto; }
.cmr-ask__form { display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 10px 10px 10px; border-radius: var(--cmr-r-panel);
	background: rgba(10, 34, 54, .62); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
	box-shadow: inset 0 0 0 1px rgba(159, 179, 196, .28), 0 18px 48px rgba(0, 0, 0, .32); transition: box-shadow .15s var(--cmr-ease); }
.cmr-ask__form:focus-within { box-shadow: inset 0 0 0 1px rgba(159, 179, 196, .4), 0 0 0 3px var(--cmr-sonar), 0 18px 48px rgba(0, 0, 0, .32); }
.cmr-ask .cmr-ask__ava { width: 56px; height: 56px; border-radius: 50%; flex: none; object-fit: cover; background: var(--cmr-sand); box-shadow: 0 0 0 2px rgba(255, 255, 255, .85); pointer-events: none; -webkit-user-select: none; user-select: none; }
.cmr-ask__field { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; padding-inline-start: 4px; text-align: start; }
.cmr-nw { white-space: nowrap; unicode-bidi: isolate; }
.cmr-ask__label { color: var(--cmr-mist); font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; }
.cmr-ask .cmr-ask__input, .cmr-ask .cmr-ask__input:focus { width: 100%; min-height: 40px; margin: 0; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; box-shadow: none;
	color: var(--cmr-foam); font: 400 20px/1.3 var(--cmr-font-text); text-overflow: ellipsis; -webkit-appearance: none; appearance: none; }
.cmr-ask__input::placeholder { color: rgba(242, 246, 248, .72); opacity: 1; }
.cmr-ask__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.cmr-ask .cmr-ask__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: none; min-height: 56px; padding: 0 24px; border: 0; border-radius: 14px;
	background: var(--cmr-buoy); color: var(--cmr-abyss); font: 800 18px/1 var(--cmr-font-text); cursor: pointer; transition: background-color .15s, transform .15s; }
.cmr-ask .cmr-ask__btn:hover { background: var(--cmr-buoy-hover, #FFA352); color: var(--cmr-abyss); transform: translateY(-1px); }
.cmr-ask .cmr-ask__btn:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: 3px; }
.cmr-ask__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.cmr-ask--center .cmr-ask__chips { justify-content: center; }
.cmr-ask__chips li { margin: 0; list-style: none; }
.cmr-ask .cmr-ask__chip { min-height: 40px; padding: 8px 16px; border: 0; border-radius: 999px; background: rgba(4, 20, 33, .6); color: var(--cmr-foam);
	box-shadow: inset 0 0 0 1px rgba(159, 179, 196, .34); font: 600 15px/1.2 var(--cmr-font-text); cursor: pointer; transition: box-shadow .15s, background-color .15s; }
.cmr-ask .cmr-ask__chip:hover { background: rgba(10, 34, 54, .85); color: var(--cmr-paper); box-shadow: inset 0 0 0 1px var(--cmr-foam); }
.cmr-ask .cmr-ask__chip:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: 2px; }

.cmr-ask__answer { margin-top: 12px; padding: 16px; border-radius: var(--cmr-r-card); background: rgba(4, 20, 33, .78); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
	box-shadow: inset 0 0 0 1px rgba(159, 179, 196, .26); text-align: right; font-size: 16px; line-height: 1.55; animation: cmr-dock-pop .25s var(--cmr-ease); }
.cmr-ask__answer[hidden] { display: none; }
.cmr-ask__answer p { margin: 0 0 8px; color: var(--cmr-foam); }
.cmr-ask__answer p:last-child { margin-bottom: 0; }
.cmr-ask__answer a:not(.cmr-ask__go) { color: var(--cmr-foam); text-decoration: underline; text-underline-offset: 3px; }
.cmr-ask__answer a:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: 2px; }
.cmr-ask__who { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: var(--cmr-mist); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.cmr-ask__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.cmr-ask__go { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border-radius: 999px; background: var(--cmr-buoy); color: var(--cmr-abyss); font-weight: 800; text-decoration: none; }
.cmr-ask__go--ghost { background: transparent; color: var(--cmr-foam); box-shadow: inset 0 0 0 1px rgba(242, 246, 248, .5); }
.cmr-ask__go:hover { filter: brightness(1.06); }
.cmr-ask__go svg { width: 18px; height: 18px; }
.cmr-ask__sea-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 12px; margin-bottom: 10px; }
.cmr-ask__sea-name { color: var(--cmr-foam); font-weight: 800; font-size: 18px; }
.cmr-ask__sea-dist { color: var(--cmr-mist); font-size: 13px; }
.cmr-ask__read { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.cmr-ask__read li { margin: 0; padding: 10px 12px; border-radius: 8px; background: rgba(18, 50, 77, .7); list-style: none; }
.cmr-ask__read-k { display: block; color: var(--cmr-mist); font-size: 12px; font-weight: 700; }
.cmr-ask__read-v { display: block; margin-top: 2px; white-space: nowrap; color: var(--cmr-sonar); font: 500 22px/1.1 var(--cmr-font-data); font-variant-numeric: tabular-nums; }
.cmr-ask__read-v small { font: 600 12px var(--cmr-font-text); color: var(--cmr-mist); margin-inline-start: 4px; }
.cmr-ask__read-v.is-na { color: var(--cmr-mist); font: 600 14px/1.6 var(--cmr-font-text); }
.cmr-ask__read-v--good { color: var(--cmr-go); } .cmr-ask__read-v--fair { color: var(--cmr-caution); } .cmr-ask__read-v--poor, .cmr-ask__read-v--danger { color: var(--cmr-danger); }
.cmr-ask__src { margin-top: 10px !important; color: var(--cmr-mist) !important; font-size: 12px; line-height: 1.5; }

@media (max-width: 767px) {
	.cmr-ask__form { gap: 8px; padding: 8px; border-radius: 16px; }
	.cmr-ask .cmr-ask__ava { width: 40px; height: 40px; }
	.cmr-ask .cmr-ask__input, .cmr-ask .cmr-ask__input:focus { font-size: 17px; }
	.cmr-ask .cmr-ask__btn { min-height: 48px; padding: 0 14px; font-size: 16px; border-radius: 12px; }
	.cmr-ask .cmr-ask__btn svg { display: none; }
	.cmr-ask__read { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cmr-ask--center .cmr-ask__chips { justify-content: flex-start; }
	.cmr-ask__chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: -4px; padding: 2px 4px 4px; scrollbar-width: none; }
	.cmr-ask__chips::-webkit-scrollbar { display: none; }
	.cmr-ask .cmr-ask__chip { white-space: nowrap; font-size: 14px; }
}

/* =========================================================
   5. Reduced motion (OS setting or the accessibility toolbar "stop animations")
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
	.cmr-dock, .cmr-dock__bubble, .cmr-soc, .cmr-dock__launcher, .cmr-ask__form, .cmr-ask__answer, .cmr-corner, .cmr-corner__btn, .cmr-corner__stack, .cmr-corner__list li { transition: none !important; animation: none !important; }
	.cmr-dock__launcher::after, .cmr-tick__ping::after { animation: none !important; opacity: 0; }
	.cmr-tick .cmr-tick__track, .cmr-tick--one .cmr-tick__item.is-active { animation: none !important; }
	.cmr-tick--one .cmr-tick__item { transition: none !important; }
	.cmr-soc:hover, .cmr-dock__launcher:hover { transform: none; }
}
html.cmr-motion-off .cmr-tick .cmr-tick__track, html.cmr-motion-off .cmr-dock__launcher::after, html.cmr-motion-off .cmr-tick__ping::after { animation: none !important; }
html.cmr-motion-off .cmr-corner, html.cmr-motion-off .cmr-corner__list li, html.cmr-motion-off .cmr-dock, html.cmr-motion-off .cmr-dock__bubble { transition: none !important; }
.cmr-ask img.cmr-ask__ava, .cmr-dock img, .cmr-dock__panel-head img { border-radius: 50% !important; }

/* Header cart count badge (added by cmr-core.js to header links to the cart) */
.cmr-has-cart-badge { position: relative; }
.cmr-cart-badge { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; margin-inline-start: 8px; border-radius: 999px; background: var(--cmr-abyss, #041421); color: #fff; font: 800 13px/1 var(--cmr-font-data, "Assistant"); font-variant-numeric: tabular-nums; box-sizing: border-box; }
.cmr-cart-badge[data-count="0"], .cmr-cart-badge:empty { display: none; }

/* Floating cart: in the floating row, next to the pill. Only while the cart has items (the header has a cart too). */
.cmr-corner .cmr-fcart { margin: 0; }
.cmr-corner.is-banner .cmr-fcart { display: none; }
.cmr-fcart { position: relative; display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--cmr-buoy, #FF8A2B); color: var(--cmr-abyss, #041421); box-shadow: 0 0 0 3px var(--cmr-paper, #fff), 0 8px 22px rgba(4, 20, 33, .3); text-decoration: none; transition: transform .15s var(--cmr-ease), background .15s; -webkit-tap-highlight-color: transparent; }
.cmr-fcart:has(.cmr-fcart__n[data-count="0"]), .cmr-fcart:has(.cmr-fcart__n:empty) { display: none; }
.cmr-fcart:hover { background: var(--cmr-buoy-hover, #FFA352); transform: translateY(-2px); }
.cmr-fcart:focus-visible { outline: 3px solid var(--cmr-abyss, #041421); outline-offset: 3px; box-shadow: 0 0 0 3px var(--cmr-paper, #fff), 0 8px 22px rgba(4, 20, 33, .3); }
.cmr-fcart__n { position: absolute; top: -6px; right: -8px; min-width: 22px; height: 22px; padding: 0 6px; display: grid; place-items: center; border-radius: 999px; background: var(--cmr-abyss, #041421); color: #fff; border: 2px solid var(--cmr-paper, #fff); font: 800 12px/1 var(--cmr-font-data, "Assistant"); font-variant-numeric: tabular-nums; box-sizing: border-box; }
.cmr-fcart__n:empty, .cmr-fcart__n[data-count="0"] { display: none; }
.cmr-fcart.is-bump { animation: cmr-fcart-bump .5s var(--cmr-ease); }
@keyframes cmr-fcart-bump { 40% { transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .cmr-fcart { transition: none; } .cmr-fcart.is-bump { animation: none; } }

/* =========================================================
   6. Header: ONE stacked sticky unit (cmr-chrome.js section 6).
   - The sea stripe sticks to the top as soon as its slot scrolls away (client request).
   - The header row (logo, menu, search, account, cart) pins right under it in a compact size the moment it
     would slide under the stripe. Desktop: always there. Phones / tablets: it slides away under the stripe while
     the visitor scrolls down and comes back on any scroll up, on keyboard focus and while the menu is open.
   - The category bar stays in the page (top of the page only), so the pinned unit is 40px + one compact row.
   - Placeholders keep the natural heights, so nothing jumps. Without JS the header simply scrolls with the page.
   ========================================================= */
/* Nothing scrolls behind the header at the top of the page, so the blur only made the header the containing block of
   the fixed stripe and row. */
.elementor-location-header .e-con { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.cmr-tick.is-stuck { position: fixed; left: 0; right: 0; z-index: 70; box-shadow: 0 6px 18px rgba(4, 20, 33, .28); }
.cmr-hdr__ph { display: none; }
.cmr-hdr__ph.is-on { display: block; height: var(--cmr-hdr-row-h, 0px); }
.cmr-hdr__row.is-pinned { position: fixed !important; top: var(--cmr-hdr-top, 0px); left: 0; right: 0; z-index: 69; margin-block: 0 !important; padding-block: 6px !important;
	transition: transform .28s var(--cmr-ease), padding .2s var(--cmr-ease); }
/* full-bleed background (the row itself keeps the 1320px container width on desktop) */
.cmr-hdr__row.is-pinned::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -100vw; right: -100vw; width: auto !important; height: auto !important; border-radius: 0 !important; opacity: 1 !important; mix-blend-mode: normal !important; background: rgba(4, 20, 33, .97); border-bottom: 1px solid var(--cmr-trench, #12324D); box-shadow: 0 10px 24px rgba(4, 20, 33, .32); pointer-events: none; }
.cmr-hdr__row.is-pinned.is-hidden { transform: translateY(calc(-100% - 12px)); }
.cmr-hdr__row.is-pinned.is-hidden::before { box-shadow: none; }
.cmr-hdr__logo img { transition: height .2s var(--cmr-ease); }
.cmr-hdr__row.is-pinned .cmr-hdr__logo img { height: 52px !important; margin-block: 0 !important; }
@media (max-width: 1024px) {
	.cmr-hdr__row.is-pinned { padding-block: 4px !important; padding-left: max(12px, env(safe-area-inset-left)) !important; padding-right: max(12px, env(safe-area-inset-right)) !important; }
	.cmr-hdr__row.is-pinned .cmr-hdr__logo img { height: 44px !important; }
	.cmr-tick.is-stuck { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
}
/* Auto-hide (phones / tablets, body.cmr-hdr-autohide, cmr-chrome.js hdrShow): scrolling down, the sea stripe leaves with the
   row (html.cmr-hdr-away); any scroll up brings both back, compact. Transforms only: nothing in the page moves. */
@media (max-width: 1024px) {
	.cmr-tick.is-stuck { transition: transform .28s var(--cmr-ease), box-shadow .2s; }
	html.cmr-hdr-away .cmr-tick.is-stuck { transform: translateY(calc(-100% - var(--cmr-hdr-top, 0px))); box-shadow: none; }
	html.cmr-hdr-away .cmr-hdr__row.is-pinned.is-hidden { transform: translateY(calc(-100% - var(--cmr-hdr-top, 0px) - 12px)); }
}
@media (prefers-reduced-motion: reduce) {
	.cmr-hdr__row.is-pinned, .cmr-hdr__logo img, .cmr-tick.is-stuck { transition: none !important; }
}
html.cmr-motion-off .cmr-hdr__row.is-pinned, html.cmr-motion-off .cmr-hdr__logo img, html.cmr-motion-off .cmr-tick.is-stuck { transition: none !important; }

/* 6b. Header search (widget "חיפוש חכם": a field on desktop, an icon that opens the full-screen search dialog on
   phones and tablets). Suggestions come from the shop search (GET cormorant/v1/search/suggest). */
.elementor-location-header .elementor-widget-cmr-search { flex: none; }
.elementor-location-header .cmr-search--bar { width: 210px; }
/* Room for the search on laptops, so the main menu stays on one line: tighter gaps; the phone number (also in the
   floating contact list, the footer and the contact page) leaves the row below 1366px; below 1200px the field
   becomes the search icon (the same dialog as on phones). */
@media (min-width: 1025px) {
	.elementor-location-header :has(> .elementor-widget-nav-menu) { column-gap: 16px !important; }
}
@media (min-width: 1025px) and (max-width: 1365px) {
	.elementor-location-header :has(> .elementor-widget-cmr-account-link) > a[href^="tel:"] { display: none !important; }
}
@media (min-width: 1025px) and (max-width: 1199px) {
	.elementor-location-header .elementor-widget-cmr-search.elementor-hidden-desktop { display: block !important; }
	.elementor-location-header .elementor-widget-cmr-search.elementor-hidden-tablet { display: none !important; }
}
.elementor-location-header .cmr-search--bar .cmr-search__field { min-height: 44px; padding-inline: 16px 4px; gap: 4px; border-radius: 999px; }
.elementor-location-header .cmr-search--bar .cmr-search__input { height: 40px; font-size: 16px; }
.elementor-location-header .cmr-search--bar .cmr-search__ico { display: none; }
/* compact field: the submit is a round search button (its text stays as the accessible name) */
.elementor-location-header .cmr-search--bar .cmr-search__submit { width: 36px; min-width: 36px; min-height: 36px; height: 36px; padding: 0; border-radius: 50%; font-size: 0; }
.elementor-location-header .cmr-search--bar .cmr-search__submit::before { content: ""; width: 18px; height: 18px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / contain no-repeat; }
.elementor-location-header .cmr-search--bar .cmr-search__clear { width: 32px; height: 32px; }
.elementor-location-header .cmr-search--bar .cmr-search__panel { inset-inline: 0 auto; width: min(560px, calc(100vw - 48px)); }
/* The suggestions panel is white even inside the dark header: use the light-surface text colors (not the header's on-dark mist). */
.elementor-location-header .cmr-search__panel, .cmr-search__dialog .cmr-search__panel { color: var(--cmr-ink); }
.elementor-location-header .cmr-search__panel :is(.cmr-label, .cmr-search__cnt, .cmr-search__ex, .cmr-search__pm, .cmr-search__pb, .cmr-search__none, .cmr-search__recent),
.cmr-search__dialog .cmr-search__panel :is(.cmr-label, .cmr-search__cnt, .cmr-search__ex, .cmr-search__pm, .cmr-search__pb, .cmr-search__none, .cmr-search__recent) { color: var(--cmr-slate); }
.elementor-location-header .cmr-search__panel :is(.cmr-search__pn, .cmr-search__opt), .cmr-search__dialog .cmr-search__panel :is(.cmr-search__pn, .cmr-search__opt) { color: var(--cmr-ink); }
/* Idle state (popular / recent searches): chips on the white panel use the light-surface chip colors. */
:is(.elementor-location-header, .cmr-search__dialog) .cmr-search__panel :is(.cmr-chip, .cmr-chips a, .cmr-chips button) { color: var(--cmr-ink); background: var(--cmr-foam); border-color: var(--cmr-line); }
:is(.elementor-location-header, .cmr-search__dialog) .cmr-search__panel :is(.cmr-chip, .cmr-chips a, .cmr-chips button):is(:hover, :focus-visible) { color: var(--cmr-marlin); background: #fff; border-color: var(--cmr-marlin); }
.elementor-location-header .cmr-search .cmr-search__open { width: 44px; height: 44px; border: 1px solid rgba(242, 246, 248, .32); background: transparent; color: var(--cmr-foam, #F2F6F8); }
.elementor-location-header .cmr-search .cmr-search__open:hover { border-color: var(--cmr-sonar, #38E1D3); background: rgba(56, 225, 211, .08); color: #fff; }
.elementor-location-header .cmr-search__open:focus-visible { outline: 2px solid var(--cmr-sonar, #38E1D3); outline-offset: 2px; }
/* the dialog is in the top layer: always light, full screen, in the site fonts */
.cmr-search__dialog { font-family: var(--cmr-font-text); }
.cmr-search__dialog .cmr-sheet__head { padding-top: calc(12px + env(safe-area-inset-top)); }

/* =========================================================
   7. Short screens: 400% zoom (320x256 CSS px) and phones in landscape (WCAG 1.4.10 Reflow, 1.4.4).
   The header does not pin (cmr-chrome.js section 6), the speech bubble stays away and the floating row shrinks
   to one low 44px line close to the edge (it still steps away while scrolling down).
   ========================================================= */
@media (max-height: 500px) {
	:root { --cmr-float-gap: 8px; --cmr-float-size: 44px; }
	.cmr-dock__bubble { display: none !important; }
	.cmr-dock { gap: 6px; }
	.cmr-dock__launcher { box-shadow: 0 0 0 2px var(--cmr-paper), 0 6px 16px rgba(4, 20, 33, .3); }
	.cmr-corner { gap: 6px; }
	.cmr-tick.is-stuck, .cmr-hdr__row.is-pinned { position: static !important; box-shadow: none; transform: none !important; }
	.cmr-hdr__ph.is-on { display: none; }
}

/* widget-nav-menu */
/*! elementor-pro - v4.4.0 - 09-11-2026 */
.site-main .menu-navigation-container{overflow:visible}.elementor-item:after,.elementor-item:before{display:block;position:absolute;transition:.3s;transition-timing-function:cubic-bezier(.58,.3,.005,1)}.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{opacity:0}.elementor-item-active:after,.elementor-item-active:before,.elementor-item.highlighted:after,.elementor-item.highlighted:before,.elementor-item:focus:after,.elementor-item:focus:before,.elementor-item:hover:after,.elementor-item:hover:before{transform:scale(1)}.e--pointer-double-line .elementor-item:after,.e--pointer-double-line .elementor-item:before,.e--pointer-overline .elementor-item:after,.e--pointer-overline .elementor-item:before,.e--pointer-underline .elementor-item:after,.e--pointer-underline .elementor-item:before{background-color:#3f444b;height:3px;left:0;width:100%;z-index:2}.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{height:0;left:50%;width:0}.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:10px}.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{bottom:10px}.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:-10px}.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{bottom:-10px}.e--pointer-double-line.e--animation-none,.e--pointer-double-line.e--animation-none .elementor-item,.e--pointer-double-line.e--animation-none .elementor-item:after,.e--pointer-double-line.e--animation-none .elementor-item:before,.e--pointer-double-line.e--animation-none .elementor-item:focus,.e--pointer-double-line.e--animation-none .elementor-item:hover,.e--pointer-double-line.e--animation-none:after,.e--pointer-double-line.e--animation-none:before,.e--pointer-double-line.e--animation-none:focus,.e--pointer-double-line.e--animation-none:hover,.e--pointer-overline.e--animation-none,.e--pointer-overline.e--animation-none .elementor-item,.e--pointer-overline.e--animation-none .elementor-item:after,.e--pointer-overline.e--animation-none .elementor-item:before,.e--pointer-overline.e--animation-none .elementor-item:focus,.e--pointer-overline.e--animation-none .elementor-item:hover,.e--pointer-overline.e--animation-none:after,.e--pointer-overline.e--animation-none:before,.e--pointer-overline.e--animation-none:focus,.e--pointer-overline.e--animation-none:hover,.e--pointer-underline.e--animation-none,.e--pointer-underline.e--animation-none .elementor-item,.e--pointer-underline.e--animation-none .elementor-item:after,.e--pointer-underline.e--animation-none .elementor-item:before,.e--pointer-underline.e--animation-none .elementor-item:focus,.e--pointer-underline.e--animation-none .elementor-item:hover,.e--pointer-underline.e--animation-none:after,.e--pointer-underline.e--animation-none:before,.e--pointer-underline.e--animation-none:focus,.e--pointer-underline.e--animation-none:hover{transition-duration:0s}.e--pointer-double-line .elementor-item:before,.e--pointer-overline .elementor-item:before{content:"";top:0}.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:-20px;width:10px}.e--pointer-double-line .elementor-item:after,.e--pointer-underline .elementor-item:after{bottom:0;content:""}.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{inset-inline-start:100%;width:10px}.e--pointer-framed .elementor-item:after,.e--pointer-framed .elementor-item:before{background:transparent;border:3px solid #3f444b;bottom:0;left:0;right:0;top:0}.e--pointer-framed .elementor-item:before{content:""}.e--pointer-framed.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(.75)}.e--pointer-framed.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(1.25)}.e--pointer-framed.e--animation-grow .elementor-item:before,.e--pointer-framed.e--animation-shrink .elementor-item:before{transition:opacity .2s,transform .4s}.e--pointer-framed.e--animation-draw .elementor-item:after,.e--pointer-framed.e--animation-draw .elementor-item:before{height:3px;width:3px}.e--pointer-framed.e--animation-draw .elementor-item:before{border-block-end-width:3px;border-block-start-width:0;border-inline-end-width:0;border-inline-start-width:3px;transition:width .1s .2s,height .1s .3s,opacity .12s .22s}.e--pointer-framed.e--animation-draw .elementor-item:after{border-block-end-width:0;border-block-start-width:3px;border-inline-end-width:3px;border-inline-start-width:0;content:"";inset-block-end:0;inset-block-start:auto;inset-inline-end:0;inset-inline-start:auto;transition:width .1s,height .1s .1s,opacity .02s .18s}.e--pointer-framed.e--animation-draw .elementor-item-active:after,.e--pointer-framed.e--animation-draw .elementor-item-active:before,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,.e--pointer-framed.e--animation-draw .elementor-item:focus:after,.e--pointer-framed.e--animation-draw .elementor-item:focus:before,.e--pointer-framed.e--animation-draw .elementor-item:hover:after,.e--pointer-framed.e--animation-draw .elementor-item:hover:before{height:100%;width:100%}.e--pointer-framed.e--animation-draw .elementor-item-active:before,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,.e--pointer-framed.e--animation-draw .elementor-item:focus:before,.e--pointer-framed.e--animation-draw .elementor-item:hover:before{transition:opacity .02s,height .1s,width .1s .1s}.e--pointer-framed.e--animation-draw .elementor-item-active:after,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,.e--pointer-framed.e--animation-draw .elementor-item:focus:after,.e--pointer-framed.e--animation-draw .elementor-item:hover:after{transition:opacity .02s .2s,height .1s .2s,width .1s .3s}.e--pointer-framed.e--animation-corners .elementor-item:after,.e--pointer-framed.e--animation-corners .elementor-item:before{height:3px;width:3px}.e--pointer-framed.e--animation-corners .elementor-item:before{border-block-end-width:0;border-block-start-width:3px;border-inline-end-width:0;border-inline-start-width:3px}.e--pointer-framed.e--animation-corners .elementor-item:after{border-block-end-width:3px;border-block-start-width:0;border-inline-end-width:3px;border-inline-start-width:0;content:"";inset-block-end:0;inset-block-start:auto;inset-inline-end:0;inset-inline-start:auto}.e--pointer-framed.e--animation-corners .elementor-item-active:after,.e--pointer-framed.e--animation-corners .elementor-item-active:before,.e--pointer-framed.e--animation-corners .elementor-item.highlighted:after,.e--pointer-framed.e--animation-corners .elementor-item.highlighted:before,.e--pointer-framed.e--animation-corners .elementor-item:focus:after,.e--pointer-framed.e--animation-corners .elementor-item:focus:before,.e--pointer-framed.e--animation-corners .elementor-item:hover:after,.e--pointer-framed.e--animation-corners .elementor-item:hover:before{height:100%;transition:opacity 2ms,width .4s,height .4s;width:100%}.e--pointer-framed.e--animation-none,.e--pointer-framed.e--animation-none .elementor-item,.e--pointer-framed.e--animation-none .elementor-item:after,.e--pointer-framed.e--animation-none .elementor-item:before,.e--pointer-framed.e--animation-none .elementor-item:focus,.e--pointer-framed.e--animation-none .elementor-item:hover,.e--pointer-framed.e--animation-none:after,.e--pointer-framed.e--animation-none:before,.e--pointer-framed.e--animation-none:focus,.e--pointer-framed.e--animation-none:hover{transition-duration:0s}.e--pointer-background .elementor-item:after,.e--pointer-background .elementor-item:before{content:"";transition:.3s}.e--pointer-background .elementor-item:before{background:#3f444b;inset:0;z-index:-1}.e--pointer-background .elementor-item-active,.e--pointer-background .elementor-item.highlighted,.e--pointer-background .elementor-item:focus,.e--pointer-background .elementor-item:hover{color:#fff}.e--pointer-background.e--animation-grow .elementor-item:before{transform:scale(.5)}.e--pointer-background.e--animation-grow .elementor-item-active:before,.e--pointer-background.e--animation-grow .elementor-item.highlighted:before,.e--pointer-background.e--animation-grow .elementor-item:focus:before,.e--pointer-background.e--animation-grow .elementor-item:hover:before{opacity:1;transform:scale(1)}.e--pointer-background.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(1.2);transition:.3s}.e--pointer-background.e--animation-shrink .elementor-item-active:before,.e--pointer-background.e--animation-shrink .elementor-item.highlighted:before,.e--pointer-background.e--animation-shrink .elementor-item:focus:before,.e--pointer-background.e--animation-shrink .elementor-item:hover:before{transition:opacity .15s,transform .4s}.e--pointer-background.e--animation-sweep-left .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:100%}.e--pointer-background.e--animation-sweep-right .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{right:100%}.e--pointer-background.e--animation-sweep-up .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:100%}.e--pointer-background.e--animation-sweep-down .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{bottom:100%}.e--pointer-background.e--animation-shutter-out-vertical .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{bottom:50%;top:50%}.e--pointer-background.e--animation-shutter-out-horizontal .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:50%;right:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after{background:#3f444b;inset:0;z-index:-1}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:before{bottom:100%;top:0}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after{bottom:0;top:100%}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:before{bottom:50%}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:after{top:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:before{left:100%;right:0}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after{left:0;right:100%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:before{left:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:after{right:50%}.e--pointer-background.e--animation-none,.e--pointer-background.e--animation-none .elementor-item,.e--pointer-background.e--animation-none .elementor-item:after,.e--pointer-background.e--animation-none .elementor-item:before,.e--pointer-background.e--animation-none .elementor-item:focus,.e--pointer-background.e--animation-none .elementor-item:hover,.e--pointer-background.e--animation-none:after,.e--pointer-background.e--animation-none:before,.e--pointer-background.e--animation-none:focus,.e--pointer-background.e--animation-none:hover{transition-duration:0s}.e--pointer-text.e--animation-skew .elementor-item:focus,.e--pointer-text.e--animation-skew .elementor-item:hover{transform:skew(-8deg)}.e--pointer-text.e--animation-grow .elementor-item:focus,.e--pointer-text.e--animation-grow .elementor-item:hover{transform:scale(1.2)}.e--pointer-text.e--animation-shrink .elementor-item:focus,.e--pointer-text.e--animation-shrink .elementor-item:hover{transform:scale(.8)}.e--pointer-text.e--animation-float .elementor-item:focus,.e--pointer-text.e--animation-float .elementor-item:hover{transform:translateY(-8px)}.e--pointer-text.e--animation-sink .elementor-item:focus,.e--pointer-text.e--animation-sink .elementor-item:hover{transform:translateY(8px)}.e--pointer-text.e--animation-rotate .elementor-item:focus,.e--pointer-text.e--animation-rotate .elementor-item:hover{transform:rotate(6deg)}.e--pointer-text.e--animation-none,.e--pointer-text.e--animation-none .elementor-item,.e--pointer-text.e--animation-none .elementor-item:after,.e--pointer-text.e--animation-none .elementor-item:before,.e--pointer-text.e--animation-none .elementor-item:focus,.e--pointer-text.e--animation-none .elementor-item:hover,.e--pointer-text.e--animation-none:after,.e--pointer-text.e--animation-none:before,.e--pointer-text.e--animation-none:focus,.e--pointer-text.e--animation-none:hover{transition-duration:0s}.elementor-nav-menu--main .elementor-nav-menu a{transition:.4s}.elementor-nav-menu--main .elementor-nav-menu a,.elementor-nav-menu--main .elementor-nav-menu a.highlighted,.elementor-nav-menu--main .elementor-nav-menu a:focus,.elementor-nav-menu--main .elementor-nav-menu a:hover{padding:13px 20px}.elementor-nav-menu--main .elementor-nav-menu a.current{background:#1f2124;color:#fff}.elementor-nav-menu--main .elementor-nav-menu a.disabled{background:#3f444b;color:#88909b}.elementor-nav-menu--main .elementor-nav-menu ul{border-style:solid;border-width:0;padding:0;position:absolute;width:12em}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down,.elementor-nav-menu--main .elementor-nav-menu span.scroll-up{background:#fff;display:none;height:20px;overflow:hidden;position:absolute;visibility:hidden}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down-arrow,.elementor-nav-menu--main .elementor-nav-menu span.scroll-up-arrow{border:8px dashed transparent;border-bottom:8px solid #33373d;height:0;inset-block-start:-2px;inset-inline-start:50%;margin-inline-start:-8px;overflow:hidden;position:absolute;width:0}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down-arrow{border-color:#33373d transparent transparent;border-style:solid dashed dashed;top:6px}.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow .e-font-icon-svg,.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow i{transform:rotate(calc(-90deg * var(--direction-multiplier, 1)))}.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow .e-font-icon-svg{fill:currentColor;height:1em;width:1em}.elementor-nav-menu--layout-horizontal{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu{display:flex;flex-wrap:wrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu a{flex-grow:1;white-space:nowrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>.scroll-down{top:100%!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a{margin-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul{inset-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a{margin-inline-end:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after{align-self:center;border-color:var(--e-nav-menu-divider-color,#000);border-left-style:var(--e-nav-menu-divider-style,solid);border-left-width:var(--e-nav-menu-divider-width,2px);content:var(--e-nav-menu-divider-content,none);height:var(--e-nav-menu-divider-height,35%)}.elementor-nav-menu__align-right .elementor-nav-menu{justify-content:flex-start;margin-left:auto}.elementor-nav-menu__align-right .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-start}.elementor-nav-menu__align-left .elementor-nav-menu{justify-content:flex-end;margin-right:auto}.elementor-nav-menu__align-left .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-end}.elementor-nav-menu__align-start .elementor-nav-menu{justify-content:flex-start;margin-inline-end:auto}.elementor-nav-menu__align-start .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-start}.elementor-nav-menu__align-end .elementor-nav-menu{justify-content:flex-end;margin-inline-start:auto}.elementor-nav-menu__align-end .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-end}.elementor-nav-menu__align-center .elementor-nav-menu{justify-content:center;margin-inline-end:auto;margin-inline-start:auto}.elementor-nav-menu__align-center .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:center}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu{width:100%}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{flex-grow:1}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>a{justify-content:center}.elementor-widget-nav-menu:not(.elementor-nav-menu--toggle) .elementor-menu-toggle{display:none}.elementor-widget-nav-menu .elementor-widget-container,.elementor-widget-nav-menu:not(:has(.elementor-widget-container)):not([class*=elementor-hidden-]){display:flex;flex-direction:column}.elementor-nav-menu{position:relative;z-index:2}.elementor-nav-menu:after{clear:both;content:" ";display:block;font:0/0 serif;height:0;overflow:hidden;visibility:hidden}.elementor-nav-menu,.elementor-nav-menu li,.elementor-nav-menu ul{display:block;line-height:normal;list-style:none;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.elementor-nav-menu ul{display:none}.elementor-nav-menu ul ul a,.elementor-nav-menu ul ul a:active,.elementor-nav-menu ul ul a:focus,.elementor-nav-menu ul ul a:hover{border-left:16px solid transparent}.elementor-nav-menu ul ul ul a,.elementor-nav-menu ul ul ul a:active,.elementor-nav-menu ul ul ul a:focus,.elementor-nav-menu ul ul ul a:hover{border-left:24px solid transparent}.elementor-nav-menu ul ul ul ul a,.elementor-nav-menu ul ul ul ul a:active,.elementor-nav-menu ul ul ul ul a:focus,.elementor-nav-menu ul ul ul ul a:hover{border-left:32px solid transparent}.elementor-nav-menu ul ul ul ul ul a,.elementor-nav-menu ul ul ul ul ul a:active,.elementor-nav-menu ul ul ul ul ul a:focus,.elementor-nav-menu ul ul ul ul ul a:hover{border-left:40px solid transparent}.elementor-nav-menu a,.elementor-nav-menu li{position:relative}.elementor-nav-menu li{border-width:0}.elementor-nav-menu a{align-items:center;display:flex}.elementor-nav-menu a,.elementor-nav-menu a:focus,.elementor-nav-menu a:hover{line-height:20px;padding:10px 20px}.elementor-nav-menu a.current{background:#1f2124;color:#fff}.elementor-nav-menu a.disabled{color:#88909b;cursor:not-allowed}.elementor-nav-menu .e-plus-icon:before{content:"+"}.elementor-nav-menu .sub-arrow{align-items:center;display:flex;line-height:1;margin-block-end:-10px;margin-block-start:-10px;padding:10px;padding-inline-end:0}.elementor-nav-menu .sub-arrow i{pointer-events:none}.elementor-nav-menu .sub-arrow .fa.fa-chevron-down,.elementor-nav-menu .sub-arrow .fas.fa-chevron-down{font-size:.7em}.elementor-nav-menu .sub-arrow .e-font-icon-svg{height:1em;width:1em}.elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down{height:.7em;width:.7em}.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,.elementor-nav-menu--dropdown .elementor-item.highlighted,.elementor-nav-menu--dropdown .elementor-item:focus,.elementor-nav-menu--dropdown .elementor-item:hover,.elementor-sub-item.elementor-item-active,.elementor-sub-item.highlighted,.elementor-sub-item:focus,.elementor-sub-item:hover{background-color:#3f444b;color:#fff}.elementor-menu-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#33373d;cursor:pointer;display:flex;font-size:var(--nav-menu-icon-size,22px);justify-content:center;padding:.25em}.elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close{display:none}.elementor-menu-toggle .e-font-icon-svg{fill:#33373d;height:1em;width:1em}.elementor-menu-toggle svg{fill:var(--nav-menu-icon-color,currentColor);height:auto;width:1em}span.elementor-menu-toggle__icon--close,span.elementor-menu-toggle__icon--open{line-height:1}.elementor-nav-menu--dropdown{background-color:#fff;font-size:13px}.elementor-nav-menu--dropdown-none .elementor-menu-toggle,.elementor-nav-menu--dropdown-none .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:10px;overflow-x:hidden;overflow-y:auto;transform-origin:top;transition:max-height .3s,transform .3s}.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item{font-size:.85em}.elementor-nav-menu--dropdown a{color:#33373d}.elementor-nav-menu--dropdown a.current{background:#1f2124;color:#fff}.elementor-nav-menu--dropdown a.disabled{color:#b3b3b3}ul.elementor-nav-menu--dropdown a,ul.elementor-nav-menu--dropdown a:focus,ul.elementor-nav-menu--dropdown a:hover{border-inline-start:8px solid transparent;text-shadow:none}.elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a{justify-content:center}.elementor-nav-menu--toggle{--menu-height:100vh}.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container{max-height:0;overflow:hidden;transform:scaleY(0)}.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container{animation:hide-scroll .3s backwards;max-height:var(--menu-height);transform:scaleY(1)}.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute;z-index:9997}@media (max-width:767px){.elementor-nav-menu--dropdown-mobile .elementor-nav-menu--main{display:none}}@media (min-width:768px){.elementor-nav-menu--dropdown-mobile .elementor-menu-toggle,.elementor-nav-menu--dropdown-mobile .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-mobile nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:-1){.elementor-nav-menu--dropdown-mobile_extra .elementor-nav-menu--main{display:none}}@media (min-width:-1){.elementor-nav-menu--dropdown-mobile_extra .elementor-menu-toggle,.elementor-nav-menu--dropdown-mobile_extra .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-mobile_extra nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:1024px){.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}}@media (min-width:1025px){.elementor-nav-menu--dropdown-tablet .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:-1){.elementor-nav-menu--dropdown-tablet_extra .elementor-nav-menu--main{display:none}}@media (min-width:-1){.elementor-nav-menu--dropdown-tablet_extra .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet_extra .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet_extra nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@keyframes hide-scroll{0%,to{overflow:hidden}}
/* cmr-search */
/* Smart search additions (cmr-search.js + includes/catalog/ai-search.php): the neutral "what is shown" line and the
   removable chips inside the suggestions panel, a quiet loading bar, and the line above the results toolbar.
   Colors from the design tokens (docs/design-system.md); fallbacks only for pages without the tokens. */

.cmr-search__intent { margin: 0 0 8px; padding: 4px 8px 10px; border-bottom: 1px solid var(--cmr-line, #D5DEE5); }
.cmr-search__intent[hidden] { display: none; }
.cmr-search__sum { margin: 0 0 8px; font: 600 14px/1.45 var(--cmr-font-text, inherit); color: var(--cmr-slate, #4A5D6E); }
.cmr-search__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.cmr-search__chip { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 4px 12px; border: 1px solid var(--cmr-line, #D5DEE5); border-radius: 999px; background: var(--cmr-foam, #F2F6F8); color: var(--cmr-ink, #0B1B2A); font: 600 13px/1.2 var(--cmr-font-text, inherit); cursor: pointer; }
.cmr-search__chip:hover { border-color: var(--cmr-marlin, #2B6CC4); }
.cmr-search__chip:focus-visible { outline: 2px solid var(--cmr-marlin, #2B6CC4); outline-offset: 2px; }
.cmr-search__chip svg { width: 14px; height: 14px; flex: none; opacity: .7; }

/* Quiet "refreshing" state: a thin bar above the list (no text). */
.cmr-search__results { position: relative; }
.cmr-search.is-thinking .cmr-search__results::before { content: ""; position: absolute; inset: -6px 0 auto; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--cmr-marlin, #2B6CC4), transparent); background-size: 200% 100%; opacity: .7; }
@media (prefers-reduced-motion: no-preference) {
	.cmr-search.is-thinking .cmr-search__results::before { animation: cmr-search-bar 1.1s linear infinite; }
}
@keyframes cmr-search-bar { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.cmr-search.is-thinking .cmr-search__group--products { opacity: .75; transition: opacity .2s; }

/* Results page opened from the search: one neutral line inside the toolbar. */
.cmr-ais-note { margin: 0 0 10px; font: 600 15px/1.45 var(--cmr-font-text, inherit); color: var(--cmr-slate, #4A5D6E); }

/* cmr-acclink */
/* Widget "כפתור אזור אישי" (header). Sits on the dark header next to the phone and the cart button. */
.cmr-acclink { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(242, 246, 248, .32); color: var(--cmr-foam, #F2F6F8); background: transparent; font: 700 15px/1.2 var(--cmr-font-text, "Assistant", system-ui, sans-serif); text-decoration: none; white-space: nowrap; transition: border-color .2s, background .2s, color .2s; }
.cmr-acclink:hover { border-color: var(--cmr-sonar, #38E1D3); background: rgba(56, 225, 211, .08); color: #fff; }
.cmr-acclink:focus-visible { outline: 2px solid var(--cmr-sonar, #38E1D3); outline-offset: 2px; }
.cmr-acclink[aria-current="page"] { border-color: var(--cmr-sonar, #38E1D3); }
.cmr-acclink__i, .cmr-acclink svg { width: 20px; height: 20px; flex: none; }
.cmr-acclink__dot { position: absolute; top: 8px; inset-inline-start: 26px; width: 8px; height: 8px; border-radius: 50%; background: var(--cmr-go, #2BD48B); box-shadow: 0 0 0 2px var(--cmr-deep, #0A2236); }
/* Light surfaces (if the widget is placed on a light section). */
.cmr-light .cmr-acclink, .cmr-acclink--light { color: var(--cmr-ink, #0B1B2A); border-color: var(--cmr-line, #D7E1E8); }
@media (max-width: 767px) {
	.cmr-acclink:not(.has-mtext) { width: 44px; padding: 0; justify-content: center; }
	.cmr-acclink:not(.has-mtext) .cmr-acclink__t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.cmr-acclink:not(.has-mtext) .cmr-acclink__dot { top: 9px; inset-inline-start: 26px; }
}
@media (prefers-reduced-motion: reduce) { .cmr-acclink { transition: none; } }
/* Mobile header: the actions group (phone, account, cart) is hidden on phones by the header design. Show only the
   account icon there; the floating cart covers the cart on phones. */
@media (max-width: 767px) {
	.elementor-location-header :has(> .elementor-widget-cmr-account-link) { display: flex !important; align-items: center; }
	.elementor-location-header :has(> .elementor-widget-cmr-account-link) > :not(.elementor-widget-cmr-account-link) { display: none !important; }
}

/* cmr-kormi */
/* Cormorant - Kormi (animated mascot, tip, chat) + Google reviews. Tokens: cmr-core.css. RTL-first (logical properties). */

/* ---------- Mascot media (download-blocking, see docs/kormi-character.md) ---------- */
.cmr-kanim, .cmr-kimg { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.cmr-kanim { position: relative; display: inline-block; width: var(--cmr-kanim-size, 160px); max-width: 100%; aspect-ratio: 1; line-height: 0; vertical-align: middle; }
.cmr-kanim img, .cmr-kanim video { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.cmr-kanim__media { position: absolute; inset: 0; opacity: 0; transition: opacity .25s var(--cmr-ease); }
.cmr-kanim.is-playing .cmr-kanim__media { opacity: 1; }
.cmr-kanim.is-playing .cmr-kanim__poster { opacity: 0; }
/* Motion off (OS setting or the accessibility toolbar "pause animations", cmr-core.js): the still poster only. */
html.cmr-motion-off .cmr-kanim__media { display: none; }
html.cmr-motion-off .cmr-kanim.is-playing .cmr-kanim__poster { opacity: 1; }
html.cmr-motion-off .cmr-kchat.is-open .cmr-kchat__panel, html.cmr-motion-off .cmr-kdots i { animation: none; }
.cmr-kimg { display: block; max-width: 100%; height: auto; pointer-events: none; }
.cmr-kanim-w { line-height: 0; }
.cmr-kanim-w .cmr-kanim { width: var(--cmr-kanim-size, 260px); }
/* Toast with a short Kormi animation (Cormorant.toast(msg, { kormi: 'success' })) */
.cmr-toast--kormi { display: flex; align-items: center; gap: 10px; width: max-content; line-height: 1.35; padding-block: 6px; padding-inline: 8px 18px; }
.cmr-toast__k { flex: none; line-height: 0; }
.cmr-toast__k .cmr-kanim { width: 44px; }
/* WooCommerce "added to cart" notice (product page form): small 'success' Kormi at the start */
.cmr-wcmsg__k { display: inline-block; vertical-align: middle; margin-inline-end: 8px; line-height: 0; }
.cmr-wcmsg__k .cmr-kanim { width: 40px; }
video::-webkit-media-controls { display: none !important; }

/* ---------- Kormi tip ---------- */
.cmr-ktip { --ktip-bg: var(--cmr-sand); --ktip-fg: var(--cmr-ink); --ktip-sub: var(--cmr-slate); --ktip-line: rgba(11, 27, 42, .1);
	display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px 24px; padding: 24px; border-radius: var(--cmr-r-panel);
	background: var(--ktip-bg); color: var(--ktip-fg); border: 1px solid var(--ktip-line); }
.cmr-ktip--light { --ktip-bg: var(--cmr-paper); --ktip-line: var(--cmr-line); box-shadow: var(--cmr-shadow); }
.cmr-ktip--dark { --ktip-bg: var(--cmr-deep); --ktip-fg: var(--cmr-foam); --ktip-sub: var(--cmr-mist); --ktip-line: var(--cmr-trench); }
.cmr-ktip--stack { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.cmr-ktip__media { line-height: 0; }
.cmr-ktip--sm .cmr-ktip__media .cmr-kimg { width: 96px; }
.cmr-ktip--md .cmr-ktip__media .cmr-kimg { width: 160px; }
.cmr-ktip--lg .cmr-ktip__media .cmr-kimg { width: 240px; }
.cmr-ktip__body { min-width: 0; }
.cmr-ktip__label { margin: 0 0 6px; font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; color: var(--ktip-sub); }
.cmr-ktip__title { margin: 0 0 8px; font: 800 22px/1.25 var(--cmr-font-text); color: inherit; }
.cmr-ktip__text { margin: 0; font: 400 17px/1.7 var(--cmr-font-text); color: inherit; }
.cmr-ktip__cta { margin: 16px 0 0; }
.cmr-ktip--dark .cmr-button--ghost:hover { background: var(--cmr-foam); color: var(--cmr-abyss); border-color: var(--cmr-foam); }
@media (max-width: 600px) {
	.cmr-ktip { grid-template-columns: 1fr; padding: 20px; }
	.cmr-ktip--row .cmr-ktip__media .cmr-kimg, .cmr-ktip--row .cmr-kanim { width: 112px; }
}

/* ---------- Chat: launcher ---------- */
.cmr-kchat { --kc-gap: 16px; }
.cmr-kchat__launcher { position: fixed; z-index: 75; bottom: calc(var(--cmr-bar-h) + var(--kc-gap)); inset-inline-end: var(--kc-gap);
	display: inline-flex; align-items: center; gap: 10px; min-height: 56px; padding-block: 6px; padding-inline: 6px 18px; border-radius: 999px; border: 1px solid var(--cmr-trench);
	background: var(--cmr-abyss); color: var(--cmr-foam); font: 800 15px/1 var(--cmr-font-text); cursor: pointer; box-shadow: var(--cmr-glow); transition: transform .15s var(--cmr-ease), background-color .15s; }
.cmr-kchat--start .cmr-kchat__launcher { inset-inline-end: auto; inset-inline-start: var(--kc-gap); }
.cmr-kchat__launcher:hover { background: var(--cmr-deep); transform: translateY(-1px); }
.cmr-kchat__launcher:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: 3px; }
.cmr-kchat__launcher-ava { width: 44px; height: 44px; border-radius: 50%; background: var(--cmr-sand); object-fit: cover; pointer-events: none; }
.cmr-kchat.is-open .cmr-kchat__launcher { background: var(--cmr-deep); }
@media (max-width: 767px) {
	.cmr-kchat__launcher { padding: 4px; min-height: 0; width: 56px; height: 56px; justify-content: center; }
	.cmr-kchat__launcher-ava { width: 48px; height: 48px; }
	.cmr-kchat__launcher-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ---------- Chat: panel ---------- */
.cmr-kchat__panel { position: fixed; z-index: 90; bottom: calc(var(--cmr-bar-h) + var(--kc-gap) + 68px); inset-inline-end: var(--kc-gap);
	width: min(420px, calc(100vw - 2 * var(--kc-gap))); height: min(660px, calc(100vh - var(--cmr-bar-h) - 120px)); height: min(660px, calc(100dvh - var(--cmr-bar-h) - 120px));
	display: flex; flex-direction: column; overflow: hidden; border-radius: var(--cmr-r-panel); background: var(--cmr-foam); color: var(--cmr-ink);
	box-shadow: 0 0 0 1px rgba(4, 20, 33, .08), 0 24px 64px rgba(4, 20, 33, .28); }
.cmr-kchat--start .cmr-kchat__panel { inset-inline-end: auto; inset-inline-start: var(--kc-gap); }
.cmr-kchat__panel[hidden] { display: none; }
@media (prefers-reduced-motion: no-preference) {
	.cmr-kchat.is-open .cmr-kchat__panel { animation: cmr-kc-in .28s var(--cmr-ease); }
}
@keyframes cmr-kc-in { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) {
	.cmr-kchat__panel { inset: 0; width: 100%; height: 100%; height: 100dvh; border-radius: 0; z-index: 100; }
	.cmr-kchat.is-open .cmr-kchat__launcher { display: none; }
	html.cmr-kchat-lock, html.cmr-kchat-lock body { overflow: hidden; }
	html.cmr-kchat-lock .cmr-toast { z-index: 110; bottom: 96px; }
}

.cmr-kchat__head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; padding-top: max(12px, env(safe-area-inset-top)); background: var(--cmr-abyss); color: var(--cmr-foam); }
.cmr-kchat__ava { flex: none; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: var(--cmr-sand); line-height: 0; }
.cmr-kchat__ava .cmr-kanim { width: 48px; }
.cmr-kchat__ava-img { width: 48px; height: 48px; object-fit: cover; pointer-events: none; }
.cmr-kchat__id { flex: 1; min-width: 0; }
.cmr-kchat__title { margin: 0; font: 700 26px/1 var(--cmr-font-display); color: var(--cmr-foam); }
/* Subtitle (QA A-26): it was cut to "המדריך והמ..." at 390 because the name column is narrow next to the mode switch.
   It now has its own row under the name, spanning to the far edge of the header; if it is still too long it wraps (max 2 lines). */
.cmr-kchat__head { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto auto auto; column-gap: 10px; row-gap: 2px; }
.cmr-kchat__head > .cmr-kchat__ava { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
.cmr-kchat__head > .cmr-kchat__id { display: contents; }
.cmr-kchat__head .cmr-kchat__title { grid-column: 2; grid-row: 1; align-self: center; min-width: 0; }
.cmr-kchat__head > .cmr-kchat__mode, .cmr-kchat__head > .cmr-kchat__icon { grid-row: 1; align-self: center; }
.cmr-kchat__head .cmr-kchat__sub { grid-column: 2 / -1; grid-row: 2; }
.cmr-kchat__sub { margin: 2px 0 0; display: flex; align-items: flex-start; gap: 6px; font: 600 12px/1.3 var(--cmr-font-text); color: var(--cmr-mist); white-space: normal; overflow-wrap: anywhere; }
.cmr-kchat__sub > [data-cmr-kchat-status] { min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.cmr-kchat__dot { flex: none; width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--cmr-go); }
.cmr-kchat.is-offline .cmr-kchat__dot { background: var(--cmr-mist); }
.cmr-kchat__mode { flex: none; background: rgba(242, 246, 248, .06); border-color: var(--cmr-trench); }
.cmr-kchat__mode button { min-height: 32px; padding: 4px 10px; font-size: 13px; color: var(--cmr-mist); }
.cmr-kchat__mode button[aria-pressed="true"] { background: var(--cmr-foam); color: var(--cmr-abyss); }
.cmr-kchat__icon { flex: none; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 0; background: transparent; color: var(--cmr-mist); cursor: pointer; }
.cmr-kchat__icon:hover { background: var(--cmr-trench); color: var(--cmr-foam); }
.cmr-kchat__icon svg { width: 20px; height: 20px; }
.cmr-kchat__head :focus-visible { outline-color: var(--cmr-sonar); }
@media (max-width: 380px) { .cmr-kchat__mode button { padding: 4px 8px; } .cmr-kchat__title { font-size: 22px; } }

.cmr-kchat__log { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 16px 14px 8px; display: flex; flex-direction: column; gap: 12px; scroll-behavior: smooth; }
.cmr-kchat__log:focus-visible { outline-offset: -3px; }
/* Safari: in a scrolling flex column the messages must not shrink (otherwise there is nothing to scroll), and
   vertical swipes belong to the list. */
.cmr-kchat__log { min-height: 0; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
.cmr-kchat__log > * { flex-shrink: 0; }
.cmr-kchat__panel { overscroll-behavior: contain; }

/* messages */
.cmr-kmsg { display: flex; flex-direction: column; gap: 8px; max-width: 92%; }
.cmr-kmsg--user { align-self: flex-start; }
.cmr-kmsg--bot { align-self: flex-end; align-items: stretch; }
.cmr-kmsg__bubble { padding: 10px 14px; border-radius: 16px; font: 400 16px/1.6 var(--cmr-font-text); overflow-wrap: anywhere; }
.cmr-kmsg__bubble p { margin: 0 0 6px; } .cmr-kmsg__bubble p:last-child { margin-bottom: 0; }
.cmr-kmsg__bubble ul { margin: 4px 0 6px; padding-inline-start: 20px; }
.cmr-kmsg__bubble li { margin: 2px 0; }
.cmr-kmsg__bubble a { color: var(--cmr-marlin); text-decoration: underline; }
.cmr-kmsg--user .cmr-kmsg__bubble { background: var(--cmr-ink); color: var(--cmr-foam); border-end-start-radius: 4px; }
.cmr-kmsg--bot .cmr-kmsg__bubble { background: var(--cmr-sand); color: var(--cmr-ink); border-end-end-radius: 4px; }
.cmr-kmsg--error .cmr-kmsg__bubble { background: var(--cmr-paper); border: 1px solid var(--cmr-danger-ink); }
.cmr-kmsg--offline .cmr-kmsg__bubble { background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.cmr-kmsg__links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px !important; }
.cmr-kmsg__note { margin: 0; font: 600 13px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-kmsg--thinking { flex-direction: row; align-items: center; gap: 8px; }
.cmr-kchat__think-ava { width: 32px; height: 32px; border-radius: 50%; background: var(--cmr-sand); object-fit: cover; pointer-events: none; }
.cmr-kmsg--thinking .cmr-kmsg__bubble { display: inline-flex; align-items: center; gap: 8px; color: var(--cmr-slate); font-weight: 600; }
.cmr-kdots { display: inline-flex; gap: 4px; }
.cmr-kdots i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .5; }
@media (prefers-reduced-motion: no-preference) {
	.cmr-kdots i { animation: cmr-kdot 1.2s infinite ease-in-out; }
	.cmr-kdots i:nth-child(2) { animation-delay: .15s; } .cmr-kdots i:nth-child(3) { animation-delay: .3s; }
}
@keyframes cmr-kdot { 0%, 80%, 100% { opacity: .25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.cmr-kmsg__bubble[aria-busy="true"]::after { content: "▍"; color: var(--cmr-marlin); margin-inline-start: 2px; }

/* product cards inside answers */
.cmr-kprods { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cmr-kprod { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "link link" "price add" "why why"; gap: 6px 10px; align-items: center; padding: 10px; border-radius: var(--cmr-r-card); background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.cmr-kprod__link { grid-area: link; display: flex; align-items: center; gap: 10px; color: var(--cmr-ink); text-decoration: none; min-width: 0; }
.cmr-kprod__link:hover .cmr-kprod__name { color: var(--cmr-marlin); text-decoration: underline; }
.cmr-kprod__link img { flex: none; width: 56px; height: 56px; border-radius: 8px; object-fit: cover; background: var(--cmr-foam); }
.cmr-kprod__name { font: 800 15px/1.3 var(--cmr-font-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cmr-kprod__price { grid-area: price; font: 800 15px/1.2 var(--cmr-font-text); }
.cmr-kprod__price del { color: var(--cmr-slate); font-weight: 400; margin-inline-end: 6px; }
.cmr-kprod__price ins { text-decoration: none; }
.cmr-kprod__add { grid-area: add; }
.cmr-kprod__why { grid-area: why; font: 600 13px/1.45 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-button.is-done { background: var(--cmr-go-ink); color: #fff; }

/* guide cards ("קורמי ממליץ לקרוא", [[g:id]] protocol): sand card, book icon or the guide's image, same tab */
.cmr-kguides { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 8px; }
.cmr-kguide { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 12px; border-radius: var(--cmr-r-card); background: var(--cmr-sand); border: 1px solid rgba(11, 27, 42, .08); border-inline-start: 4px solid var(--cmr-marlin); color: var(--cmr-ink); text-decoration: none; transition: background-color .15s var(--cmr-ease), border-color .15s var(--cmr-ease); }
.cmr-kguide:hover { background: #E8DFCB; border-inline-start-color: var(--cmr-current); }
.cmr-kguide:hover .cmr-kguide__t { text-decoration: underline; }
.cmr-kguide:focus-visible { outline: 3px solid var(--cmr-focus); outline-offset: 2px; }
.cmr-kguide img { flex: none; width: 56px; height: 56px; border-radius: 8px; object-fit: cover; background: var(--cmr-foam); }
.cmr-kguide__ico { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: var(--cmr-paper); color: var(--cmr-current); }
.cmr-kguide__txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cmr-kguide__kick { font: 800 12px/1.3 var(--cmr-font-text); letter-spacing: .02em; color: var(--cmr-link-on-sand, var(--cmr-current)); }
.cmr-kguide__t { font: 800 15px/1.3 var(--cmr-font-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cmr-kguide__sec { font: 600 13px/1.35 var(--cmr-font-text); color: var(--cmr-slate); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cmr-kguide__go { flex: none; font: 800 18px/1 var(--cmr-font-text); color: var(--cmr-current); }

/* offers: kit / upsell / cross-sell / view / compare */
.cmr-koffers { display: grid; gap: 8px; }
.cmr-koffer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 12px; border-radius: var(--cmr-r-card); background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.cmr-koffer--add_bundle { border-color: var(--cmr-buoy); border-inline-start-width: 4px; }
.cmr-koffer__txt { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.cmr-koffer__tag { align-self: flex-start; padding: 2px 8px; border-radius: var(--cmr-r-chip); background: var(--cmr-foam); border: 1px solid var(--cmr-line); font: 800 11px/1.4 var(--cmr-font-text); letter-spacing: .04em; color: var(--cmr-slate); }
.cmr-koffer__why { font: 600 14px/1.45 var(--cmr-font-text); }
.cmr-koffer__items { margin: 0; padding-inline-start: 18px; font: 400 14px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }
/* plain links (compare, forecast, intel): one compact row, no card */
.cmr-klinks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.cmr-klinks__item { display: contents; }
.cmr-klinks .cmr-button { min-height: 40px; }

/* chips */
.cmr-kchat__chips { display: flex; gap: 8px; overflow-x: auto; padding: 8px 14px; scrollbar-width: none; }
.cmr-kchat__chips::-webkit-scrollbar { display: none; }
.cmr-kchat__chips[hidden] { display: none; }
.cmr-kchip { flex: none; min-height: 36px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--cmr-marlin); background: var(--cmr-paper); color: var(--cmr-marlin); font: 700 14px/1.2 var(--cmr-font-text); cursor: pointer; white-space: nowrap; }
.cmr-kchip:hover { background: var(--cmr-marlin); color: #fff; }

/* composer */
.cmr-kchat__form { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; padding-bottom: max(10px, env(safe-area-inset-bottom)); border-top: 1px solid var(--cmr-line); background: var(--cmr-paper); }
.cmr-kchat__input { flex: 1; min-height: 44px; max-height: 140px; resize: none; padding: 10px 14px; border-radius: 22px; border: 1px solid var(--cmr-line); background: var(--cmr-foam); color: var(--cmr-ink); font: 400 16px/1.4 var(--cmr-font-text); }
.cmr-kchat__input:focus { border-color: var(--cmr-marlin); outline: none; box-shadow: 0 0 0 3px rgba(43, 108, 196, .25); }
.cmr-kchat__input:disabled { opacity: .6; }
.cmr-kchat__send { flex: none; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--cmr-buoy); color: var(--cmr-abyss); cursor: pointer; }
.cmr-kchat__send svg { width: 20px; height: 20px; transform: scaleX(-1); }
.cmr-kchat__send:disabled { background: var(--cmr-line); color: var(--cmr-slate); cursor: not-allowed; }
.cmr-kchat__foot { margin: 0; padding: 6px 14px 10px; background: var(--cmr-paper); font: 600 11px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }
@media (max-width: 767px) { .cmr-kchat__foot { padding-bottom: max(10px, env(safe-area-inset-bottom)); } .cmr-kchat__form { padding-bottom: 10px; } }

/* editor-only note */
.cmr-w-note { padding: 10px 14px; border-radius: 8px; border: 1px dashed var(--cmr-marlin); background: rgba(43, 108, 196, .06); color: var(--cmr-ink); font: 600 14px/1.5 var(--cmr-font-text); }

/* ---------- Google reviews ---------- */
.cmr-reviews { --rv-bg: var(--cmr-paper); --rv-fg: var(--cmr-ink); --rv-sub: var(--cmr-slate); --rv-line: var(--cmr-line); color: var(--rv-fg); }
.cmr-reviews.cmr-on-dark { --rv-bg: var(--cmr-deep); --rv-fg: var(--cmr-foam); --rv-sub: var(--cmr-mist); --rv-line: var(--cmr-trench); }
.cmr-reviews__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin-bottom: 24px; }
.cmr-reviews__score { display: flex; align-items: center; gap: 14px; }
.cmr-reviews__num { font: 500 48px/1 var(--cmr-font-data); font-variant-numeric: tabular-nums; }
.cmr-reviews__meta { display: flex; flex-direction: column; gap: 4px; font: 600 14px/1.3 var(--cmr-font-text); color: var(--rv-sub); }
.cmr-rv-stars { display: inline-flex; gap: 2px; color: var(--cmr-caution, #FFC145); line-height: 0; }
.cmr-rv-stars svg { width: 18px; height: 18px; }
.cmr-rv-stars .is-off { color: var(--rv-line); }
.cmr-reviews__links { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-reviews__viewport { position: relative; }
.cmr-reviews__track { list-style: none; margin: 0; padding: 4px 2px 12px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, calc((100% - 32px) / 3)); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; overscroll-behavior-x: contain; }
.cmr-reviews__track:focus-visible { outline-offset: 2px; }
@media (max-width: 1024px) { .cmr-reviews__track { grid-auto-columns: minmax(260px, calc((100% - 16px) / 2)); } }
@media (max-width: 600px) { .cmr-reviews__track { grid-auto-columns: 86%; } }
.cmr-review { scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; padding: 20px; border-radius: var(--cmr-r-card); background: var(--rv-bg); border: 1px solid var(--rv-line); box-shadow: var(--cmr-shadow); }
.cmr-on-dark .cmr-review { box-shadow: none; }
.cmr-review__who { display: flex; align-items: center; gap: 10px; }
.cmr-review__photo { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--cmr-foam); }
.cmr-review__name { font: 800 15px/1.2 var(--cmr-font-text); color: inherit; }
a.cmr-review__name { text-decoration: none; } a.cmr-review__name:hover { text-decoration: underline; }
.cmr-review__time { font: 600 13px/1.2 var(--cmr-font-text); color: var(--rv-sub); }
.cmr-review__text { margin: 0; font: 400 16px/1.65 var(--cmr-font-text); overflow-wrap: anywhere; }
.cmr-review__text.is-clamped { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.cmr-review__more { align-self: flex-start; padding: 0; border: 0; background: none; color: var(--cmr-marlin); font: 700 14px/1.4 var(--cmr-font-text); text-decoration: underline; cursor: pointer; }
.cmr-on-dark .cmr-review__more { color: var(--cmr-sonar); }
.cmr-review__more[hidden] { display: none; }
.cmr-reviews__nav { display: flex; gap: 8px; }
.cmr-reviews__nav button[disabled] { opacity: .4; cursor: default; }
.cmr-reviews__nav svg { transform: scaleX(-1); }
.cmr-reviews__nav button + button svg { transform: none; }
.cmr-reviews__attr { margin: 12px 0 0; font: 600 12px/1.4 var(--cmr-font-text); color: var(--rv-sub); }
.cmr-reviews__attr a { color: inherit; }
/* Score block, Google attribution, avatar, owner reply (manual + Places sources). Cards are positioned so their
   visually-hidden (.cmr-sr) text stays inside the scroller instead of widening the page on mobile. */
.cmr-review { position: relative; }
.cmr-reviews__nav[hidden] { display: none; }
.cmr-reviews__score { padding: 14px 18px; border-radius: var(--cmr-r-panel); background: var(--rv-bg); border: 1px solid var(--rv-line); box-shadow: var(--cmr-shadow); }
.cmr-on-dark .cmr-reviews__score { box-shadow: none; }
.cmr-reviews__num { font-size: clamp(44px, 6vw, 60px); font-weight: 600; color: var(--rv-fg); letter-spacing: -.02em; }
.cmr-reviews__count { color: var(--rv-fg); font-weight: 700; }
.cmr-reviews__src, .cmr-reviews__attr { display: inline-flex; align-items: center; gap: 6px; }
.cmr-reviews__g { flex: none; }
.cmr-review__avatar { flex: none; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--cmr-marlin); color: var(--cmr-foam); font: 800 17px/1 var(--cmr-font-text); }
.cmr-on-dark .cmr-review__avatar { background: var(--cmr-trench); color: var(--cmr-sonar); }
.cmr-review__reply { margin-top: auto; padding: 10px 12px; border-inline-start: 3px solid var(--cmr-marlin); border-radius: var(--cmr-r-chip); border-start-start-radius: 0; border-end-start-radius: 0; background: color-mix(in srgb, var(--cmr-marlin) 7%, transparent); }
.cmr-on-dark .cmr-review__reply { border-color: var(--cmr-sonar); background: color-mix(in srgb, var(--cmr-sonar) 8%, transparent); }
.cmr-review__reply-by { display: block; font: 800 13px/1.3 var(--cmr-font-text); color: var(--rv-sub); margin-bottom: 4px; }
.cmr-review__reply p { margin: 0; font: 400 14px/1.6 var(--cmr-font-text); }
.cmr-review__more:focus-visible, .cmr-reviews__track:focus-visible { outline: 2px solid var(--cmr-marlin); }
@media (prefers-reduced-motion: reduce) { .cmr-reviews__track { scroll-behavior: auto; } }
@media (max-width: 600px) { .cmr-reviews__head { align-items: stretch; } .cmr-reviews__links { width: 100%; } .cmr-reviews__links .cmr-button { flex: 1 1 auto; justify-content: center; } }
/* Reviews agent edition: headline, summary, recurring themes, verbatim highlight in featured reviews */
.cmr-reviews__digest { margin: -8px 0 20px; max-width: 72ch; }
.cmr-reviews__headline { margin: 0 0 6px; font: 800 clamp(19px, 2.2vw, 23px)/1.3 var(--cmr-font-text); color: var(--rv-fg); }
.cmr-reviews__summary { margin: 0; font: 400 16px/1.65 var(--cmr-font-text); color: var(--rv-fg); }
.cmr-reviews__themes { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-reviews__themes li { padding: 5px 12px; border-radius: 999px; border: 1px solid var(--rv-line); background: var(--rv-bg); font: 700 14px/1.3 var(--cmr-font-text); color: var(--rv-fg); }
.cmr-reviews__theme-n { font-weight: 600; color: var(--rv-sub); }
.cmr-reviews__ai { margin: 10px 0 0; font: 600 12px/1.4 var(--cmr-font-text); color: var(--rv-sub); }
.cmr-review__hl { background: color-mix(in srgb, var(--cmr-caution) 32%, transparent); color: inherit; font-weight: 700; padding: 0 2px; border-radius: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.cmr-on-dark .cmr-review__hl { background: color-mix(in srgb, var(--cmr-sonar) 22%, transparent); }

/* cmr-shopbar */
/* Widget "שורת קטגוריות בכותרת" (cmr-shop-bar): the header's second row.
   Desktop: navy bar = "כל הקטגוריות" trigger + short quick links + "כל המוצרים"; the trigger opens a two-pane mega
   panel (<dialog> shown non-modal under the bar). Phones / tablets (<= 1024px): trigger + scrolling chips; the same
   <dialog> opens modal as a full-height drawer with an accordion per department. JS: assets/js/cmr-shopbar.js. */
.elementor-widget-cmr-shop-bar { align-self: stretch; width: 100%; }
.cmr-sb {
	--sb-bg: #0B2438; --sb-h: 52px; --sb-ink: rgba(242, 246, 248, .84); --sb-hair: rgba(242, 246, 248, .16);
	--cmr-focus: var(--cmr-sonar, #38E1D3); --cmr-focus-halo: transparent;
	position: relative; z-index: 60; background: var(--sb-bg); border-top: 1px solid rgba(159, 179, 196, .12); border-bottom: 1px solid rgba(56, 225, 211, .16);
	font-family: var(--cmr-font-text, "Assistant", system-ui, sans-serif);
}
.cmr-sb .cmr-ico { width: 20px; height: 20px; flex: none; }

/* ---------- bar ---------- */
.cmr-sb__bar { display: flex; align-items: center; gap: 6px; height: var(--sb-h); margin: 0 auto; padding: 0 max(16px, calc((100% - 1272px) / 2)); }
.cmr-sb__trigger { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border: 1px solid var(--sb-hair); border-radius: 999px; background: rgba(242, 246, 248, .07); color: #fff; font: 700 15px/1 var(--cmr-font-text); white-space: nowrap; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s; }
.cmr-sb__trigger:hover { background: rgba(242, 246, 248, .14); }
.cmr-sb__trigger .cmr-sb__tico { width: 18px; height: 18px; }
.cmr-sb__trigger .cmr-sb__tchev { width: 14px; height: 14px; margin-inline-start: 2px; transform: rotate(-90deg); transition: transform .2s var(--cmr-ease, ease); }
.cmr-sb__trigger[aria-expanded="true"] { background: var(--cmr-paper, #fff); border-color: var(--cmr-paper, #fff); color: var(--cmr-ink, #0B1B2A); }
.cmr-sb__trigger[aria-expanded="true"] .cmr-sb__tchev { transform: rotate(90deg); }
.cmr-sb__trigger[aria-expanded="true"] .cmr-sb__tico { color: var(--cmr-marlin, #2B6CC4); }
.cmr-sb__tlabel-m { display: none; }

.cmr-sb__quick { display: flex; flex: 1 1 auto; align-items: stretch; min-width: 0; height: 100%; margin: 0 0 0 0; margin-inline-start: 10px; padding: 0; padding-inline-start: 8px; border-inline-start: 1px solid var(--sb-hair); list-style: none; overflow: hidden; }
.cmr-sb__quick li { flex: none; display: flex; }
.cmr-sb__quick li[hidden] { display: none; }
.cmr-sb__link { position: relative; display: flex; align-items: center; padding: 0 12px; color: var(--sb-ink); font: 600 15px/1 var(--cmr-font-text); text-decoration: none; white-space: nowrap; transition: color .15s; }
.cmr-sb__link::after { content: ""; position: absolute; inset-inline: 12px; bottom: 0; height: 2px; border-radius: 2px 2px 0 0; background: var(--cmr-foam, #F2F6F8); transform: scaleX(0); transition: transform .2s var(--cmr-ease, ease); }
.cmr-sb__link:hover, .cmr-sb__link[aria-current], .cmr-sb__link.is-active { color: #fff; }
.cmr-sb__link:hover::after, .cmr-sb__link[aria-current]::after, .cmr-sb__link.is-active::after { transform: scaleX(1); }
.cmr-sb__link:focus-visible { outline-offset: -3px; border-radius: 8px; }

.cmr-sb__shopall { flex: none; display: inline-flex; align-items: center; gap: 6px; margin-inline-start: auto; padding: 0 4px 0 0; color: var(--sb-ink); font: 600 14px/1 var(--cmr-font-text); text-decoration: none; white-space: nowrap; }
.cmr-sb__shopall .cmr-ico { width: 16px; height: 16px; transition: transform .15s var(--cmr-ease, ease); }
.cmr-sb__shopall:hover, .cmr-sb__shopall[aria-current] { color: #fff; }
.cmr-sb__shopall:hover .cmr-ico { transform: translateX(-3px); }
.cmr-sb__shopall:focus-visible { border-radius: 6px; }

/* ---------- mega panel (desktop) ---------- */
.cmr-sb__mega {
	--cmr-focus: var(--cmr-marlin, #2B6CC4); --cmr-focus-halo: var(--cmr-paper, #fff);
	position: absolute; top: 100%; left: 0; right: 0; z-index: 2; width: min(1304px, calc(100% - 32px)); max-width: none; max-height: calc(100vh - var(--sb-top, 180px) - 16px); max-height: calc(100dvh - var(--sb-top, 180px) - 16px);
	margin: 0 auto; padding: 0; border: 0; border-radius: 0 0 var(--cmr-r-panel, 20px) var(--cmr-r-panel, 20px); background: var(--cmr-paper, #fff); color: var(--cmr-ink, #0B1B2A);
	box-shadow: 0 2px 6px rgba(4, 20, 33, .08), 0 32px 72px rgba(4, 20, 33, .30); overflow: hidden auto; overscroll-behavior: contain;
}
.cmr-sb__mega[open] { display: block; animation: cmr-sb-in .22s var(--cmr-ease, ease); }
@keyframes cmr-sb-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.cmr-sb__mhead, .cmr-sb__mfoot { display: none; }
.cmr-sb__scrim { position: fixed; inset: 0; top: var(--sb-top, 0); z-index: 1; background: rgba(4, 20, 33, .38); animation: cmr-sb-fade .22s var(--cmr-ease, ease); }
.cmr-sb__scrim[hidden] { display: none; }
@keyframes cmr-sb-fade { from { opacity: 0; } to { opacity: 1; } }

.cmr-sb__grid { position: relative; display: grid; grid-template-columns: 296px minmax(0, 1fr); grid-template-rows: repeat(var(--n, 12), auto) minmax(0, 1fr) auto; }
.cmr-sb__grid::before { content: ""; grid-column: 1; grid-row: 1 / -1; background: var(--cmr-foam, #F2F6F8); border-inline-end: 1px solid var(--cmr-line, #D7E1E8); }

.cmr-sb__dept { grid-column: 1; grid-row: var(--r); position: relative; display: flex; align-items: center; gap: 12px; min-height: 42px; margin: 0 12px; padding: 0 10px; border: 0; border-radius: 10px; background: transparent; color: var(--cmr-ink, #0B1B2A); font: 600 15px/1.25 var(--cmr-font-text); text-align: start; cursor: pointer; transition: background-color .15s, box-shadow .15s; }
.cmr-sb__grid > .cmr-sb__dept:first-child { margin-top: 12px; }
.cmr-sb__dept:hover { background: rgba(43, 108, 196, .07); }
.cmr-sb__dept[aria-expanded="true"] { background: var(--cmr-paper, #fff); font-weight: 800; box-shadow: 0 1px 2px rgba(4, 20, 33, .06), 0 6px 18px rgba(4, 20, 33, .07); }
.cmr-sb__dept:focus-visible { outline-offset: -2px; }
.cmr-sb__dico { display: grid; place-items: center; width: 28px; height: 28px; flex: none; color: var(--cmr-slate, #4A5D6E); }
.cmr-sb__dept .cmr-sb__dico .cmr-ico { width: 20px; height: 20px; }
.cmr-sb__dept[aria-expanded="true"] .cmr-sb__dico { color: var(--cmr-marlin, #2B6CC4); }
.cmr-sb__dname { flex: 1; min-width: 0; }
.cmr-sb__dept[data-here] .cmr-sb__dname::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-inline-start: 8px; vertical-align: middle; border-radius: 50%; background: var(--cmr-marlin, #2B6CC4); }
.cmr-sb__dept .cmr-sb__dchev { width: 14px; height: 14px; color: var(--cmr-marlin, #2B6CC4); opacity: 0; transition: opacity .15s; }
.cmr-sb__dept[aria-expanded="true"] .cmr-sb__dchev { opacity: 1; }

/* Kormi: one small line under the departments */
.cmr-sb__kormi { grid-column: 1; grid-row: -2 / -1; display: grid; grid-template-columns: 40px 1fr; align-items: center; column-gap: 10px; margin: 8px 12px 14px; padding: 10px 12px; border-radius: var(--cmr-r-card, 12px); background: var(--cmr-sand, #EFE8D8); }
.cmr-sb__kormi:has(.cmr-sb__ask[hidden]) { display: none; }
.cmr-sb__kormi img { grid-row: span 2; width: 40px; height: 40px; border-radius: 50%; background: #fff; object-fit: cover; }
.cmr-sb__kormi p { margin: 0; font: 700 13px/1.35 var(--cmr-font-text); color: var(--cmr-ink, #0B1B2A); }
.cmr-sb__ask { justify-self: start; display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 0; border: 0; background: none; color: var(--cmr-link-on-sand, #1E4E78); font: 800 13px/1.2 var(--cmr-font-text); cursor: pointer; }
.cmr-sb__ask .cmr-ico { width: 14px; height: 14px; }
.cmr-sb__ask:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Department pane */
.cmr-sb__pane { grid-column: 2; grid-row: 1 / -1; display: flex; flex-direction: column; min-width: 0; padding: 22px 32px 26px; }
.cmr-sb__pane[hidden] { display: none; }
.cmr-sb__phead { display: flex; align-items: baseline; gap: 12px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--cmr-line, #D7E1E8); }
.cmr-sb__ptitle { color: var(--cmr-ink, #0B1B2A); font: 800 24px/1.2 var(--cmr-font-text); text-decoration: none; }
.cmr-sb__ptitle:hover { color: var(--cmr-marlin, #2B6CC4); }
.cmr-sb__pcount { color: var(--cmr-slate, #4A5D6E); font: 600 14px/1.2 var(--cmr-font-text); }
.cmr-sb__all { display: inline-flex; align-items: center; gap: 6px; margin-inline-start: auto; color: var(--cmr-marlin, #2B6CC4); font: 700 15px/1.2 var(--cmr-font-text); text-decoration: none; white-space: nowrap; }
.cmr-sb__all .cmr-ico { width: 16px; height: 16px; transition: transform .15s var(--cmr-ease, ease); }
.cmr-sb__all:hover { text-decoration: underline; text-underline-offset: 4px; }
.cmr-sb__all:hover .cmr-ico { transform: translateX(-3px); }

.cmr-sb__subs { columns: 3 190px; column-gap: 40px; margin: 0; padding: 0; list-style: none; }
.cmr-sb__subs li { break-inside: avoid; }
.cmr-sb__sub { display: flex; align-items: baseline; gap: 8px; padding: 6px 0; color: var(--cmr-ink, #0B1B2A); font: 500 15px/1.4 var(--cmr-font-text); text-decoration: none; }
.cmr-sb__sub:hover .cmr-sb__sname, .cmr-sb__sub[aria-current] .cmr-sb__sname { color: var(--cmr-marlin, #2B6CC4); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.cmr-sb__sub[aria-current] { font-weight: 700; }
.cmr-sb__sub:focus-visible { border-radius: 4px; }
/* third level (category tree v2): sub-categories listed under their category */
.cmr-sb__subs li:has(> .cmr-sb__leaves) { margin-bottom: 10px; }
.cmr-sb__subs li:has(> .cmr-sb__leaves) > .cmr-sb__sub { font-weight: 700; }
.cmr-sb__leaves { margin: 0 0 4px; padding: 0 14px 0 0; list-style: none; border-inline-start: 2px solid var(--cmr-line, #d8e0e6); }
.cmr-sb__leaf { display: flex; align-items: baseline; gap: 8px; padding: 3px 0; color: var(--cmr-slate, #3c4f5f); font: 500 14px/1.4 var(--cmr-font-text); text-decoration: none; }
.cmr-sb__leaf:hover .cmr-sb__sname, .cmr-sb__leaf[aria-current] .cmr-sb__sname { color: var(--cmr-marlin, #2B6CC4); text-decoration: underline; text-underline-offset: 3px; }
.cmr-sb__leaf[aria-current] { font-weight: 700; }
.cmr-sb__n { color: var(--cmr-slate, #4A5D6E); font: 600 12px/1 var(--cmr-font-text); font-variant-numeric: tabular-nums; }
.cmr-sb__more { color: var(--cmr-marlin, #2B6CC4); font-weight: 700; }

.cmr-sb__shelf { margin-top: auto; padding-top: 22px; }
.cmr-sb__label { margin: 0 0 10px; color: var(--cmr-slate, #4A5D6E); font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; }
.cmr-sb__shelf ul { display: grid; grid-template-columns: repeat(4, minmax(0, 148px)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.cmr-sb__prod { display: grid; gap: 8px; color: var(--cmr-ink, #0B1B2A); text-decoration: none; }
.cmr-sb__pimg { display: block; aspect-ratio: 1; padding: 10px; border-radius: var(--cmr-r-card, 12px); background: var(--cmr-foam, #F2F6F8); overflow: hidden; transition: background-color .15s; }
.cmr-sb__pimg img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .28s var(--cmr-ease, ease); }
.cmr-sb__pname { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font: 600 13px/1.35 var(--cmr-font-text); }
.cmr-sb__prod:hover .cmr-sb__pimg { background: #E7EEF2; }
.cmr-sb__prod:hover .cmr-sb__pimg img { transform: scale(1.04); }
.cmr-sb__prod:hover .cmr-sb__pname { color: var(--cmr-marlin, #2B6CC4); }
.cmr-sb__prod:focus-visible { border-radius: var(--cmr-r-card, 12px); }

@media (min-width: 1025px) and (max-width: 1279px) {
	.cmr-sb__grid { grid-template-columns: 260px minmax(0, 1fr); }
	.cmr-sb__pane { padding-inline: 24px; }
	.cmr-sb__subs { column-gap: 28px; }
	.cmr-sb__shelf ul { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
}
/* Short laptop screens: tighter rows; very short ones drop the photos (the panel scrolls if it still does not fit). */
@media (min-width: 1025px) and (max-height: 820px) {
	.cmr-sb__dept { min-height: 36px; font-size: 14px; }
	.cmr-sb__grid > .cmr-sb__dept:first-child { margin-top: 8px; }
	.cmr-sb__pane { padding-block: 18px 20px; }
	.cmr-sb__phead { margin-bottom: 12px; padding-bottom: 12px; }
	.cmr-sb__sub { padding: 4px 0; }
	.cmr-sb__kormi { margin-block: 6px 10px; padding-block: 8px; }
	.cmr-sb__shelf { padding-top: 16px; }
	.cmr-sb__shelf ul { grid-template-columns: repeat(4, minmax(0, 104px)); gap: 12px; }
}
@media (min-width: 1025px) and (max-height: 700px) {
	.cmr-sb__shelf { display: none; }
}

/* ---------- phones and tablets: trigger + chips, full-height drawer ---------- */
@media (max-width: 1024px) {
	.cmr-sb__bar { gap: 8px; height: 56px; padding: 0 16px; }
	.cmr-sb__trigger { height: 40px; padding: 0 14px; }
	.cmr-sb__tlabel { display: none; }
	.cmr-sb__tlabel-m { display: inline; }
	.cmr-sb__quick { gap: 6px; align-items: center; margin-inline-start: 0; padding: 0 0 0 0; border: 0; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-mask-image: linear-gradient(to left, transparent, #000 28px); mask-image: linear-gradient(to left, transparent, #000 28px); padding-inline-end: 24px; }
	.cmr-sb__quick::-webkit-scrollbar { display: none; }
	.cmr-sb__quick li[hidden] { display: flex; }
	.cmr-sb__link { height: 40px; padding: 0 14px; border: 1px solid var(--sb-hair); border-radius: 999px; font-size: 14px; }
	.cmr-sb__link::after { display: none; }
	.cmr-sb__link[aria-current] { border-color: rgba(242, 246, 248, .6); background: rgba(242, 246, 248, .1); }
	.cmr-sb__link:focus-visible { outline-offset: 2px; border-radius: 999px; }
	.cmr-sb__shopall { display: none; }
	.cmr-sb--m-noquick .cmr-sb__quick { display: none; }
	.cmr-sb__scrim { display: none !important; }

	.cmr-sb__mega { position: fixed; inset: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; border-radius: 0; box-shadow: none; overflow: hidden; }
	.cmr-sb__mega[open] { display: flex; flex-direction: column; animation: cmr-sb-up .28s var(--cmr-ease, ease); }
	.cmr-sb__mega::backdrop { background: rgba(4, 20, 33, .55); }
	@keyframes cmr-sb-up { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
	.cmr-sb__mhead { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: calc(8px + env(safe-area-inset-top)) 16px 8px; padding-inline-end: 8px; border-bottom: 1px solid var(--cmr-line, #D7E1E8); }
	.cmr-sb__mtitle { margin: 0; font: 800 20px/1.2 var(--cmr-font-text); }
	.cmr-sb__close { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 12px; background: var(--cmr-foam, #F2F6F8); color: var(--cmr-ink, #0B1B2A); cursor: pointer; }
	.cmr-sb__close .cmr-ico { width: 22px; height: 22px; }
	.cmr-sb__grid { display: block; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 8px; }
	.cmr-sb__grid::before { display: none; }
	.cmr-sb__dept { width: 100%; min-height: 60px; margin: 0 !important; padding: 0 16px; border-radius: 0; border-bottom: 1px solid var(--cmr-line, #D7E1E8); font-size: 17px; font-weight: 700; box-shadow: none !important; }
	.cmr-sb__dept:hover { background: transparent; }
	.cmr-sb__dept[aria-expanded="true"] { background: var(--cmr-foam, #F2F6F8); border-bottom-color: transparent; }
	.cmr-sb__dico { width: 36px; height: 36px; border-radius: 50%; background: var(--cmr-foam, #F2F6F8); color: var(--cmr-marlin, #2B6CC4); }
	.cmr-sb__dept[aria-expanded="true"] .cmr-sb__dico { background: #fff; }
	.cmr-sb__dept .cmr-sb__dchev { width: 18px; height: 18px; opacity: 1; color: var(--cmr-slate, #4A5D6E); transform: rotate(-90deg); transition: transform .2s var(--cmr-ease, ease); }
	.cmr-sb__dept[aria-expanded="true"] .cmr-sb__dchev { transform: rotate(90deg); color: var(--cmr-marlin, #2B6CC4); }
	.cmr-sb__pane { padding: 0 16px 12px; padding-inline-start: 64px; background: var(--cmr-foam, #F2F6F8); border-bottom: 1px solid var(--cmr-line, #D7E1E8); }
	.cmr-sb__phead { display: block; margin: 0; padding: 0; border: 0; }
	.cmr-sb__ptitle, .cmr-sb__pcount { display: none; }
	.cmr-sb__all { display: flex; min-height: 48px; font-size: 16px; }
	.cmr-sb__subs { columns: auto; }
	.cmr-sb__sub { justify-content: space-between; align-items: center; min-height: 48px; padding: 0; border-top: 1px solid rgba(215, 225, 232, .8); font-size: 16px; }
	.cmr-sb__n { min-width: 28px; padding: 3px 8px; border-radius: 999px; background: #fff; text-align: center; }
	.cmr-sb__shelf { display: none; }
	.cmr-sb__kormi { margin: 16px; }
	.cmr-sb__mfoot { display: block; flex: none; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--cmr-line, #D7E1E8); background: var(--cmr-paper, #fff); }
	.cmr-sb__mall { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 999px; background: var(--cmr-abyss, #041421); color: #fff; font: 800 16px/1 var(--cmr-font-text); text-decoration: none; }
	.cmr-sb__mall .cmr-ico { width: 18px; height: 18px; }
	.cmr-sb__mall:focus-visible { outline-offset: 3px; }
}
html.cmr-sb-lock, html.cmr-sb-lock body { overflow: hidden; }

/* Motion: the OS setting and the site's own switch (html.cmr-motion-off, cmr-core.js). */
@media (prefers-reduced-motion: reduce) {
	.cmr-sb__mega[open], .cmr-sb__scrim { animation: none; }
	.cmr-sb *, .cmr-sb *::after { transition: none !important; }
	.cmr-sb__prod:hover .cmr-sb__pimg img { transform: none; }
}
html.cmr-motion-off .cmr-sb__mega[open], html.cmr-motion-off .cmr-sb__scrim { animation: none; }
html.cmr-motion-off .cmr-sb *, html.cmr-motion-off .cmr-sb *::after { transition: none !important; }
html.cmr-motion-off .cmr-sb__prod:hover .cmr-sb__pimg img { transform: none; }

/* cmr-intel */
/* Cormorant - fishing intelligence widgets (conditions brief, intel app, spot forecast). Tokens: cmr-core.css. */

.cmr-intel { --in-bg: transparent; --in-card: var(--cmr-paper); --in-fg: var(--cmr-ink); --in-sub: var(--cmr-slate); --in-line: var(--cmr-line); --in-live: var(--cmr-marlin); --in-track: var(--cmr-line);
	--cmr-map-h: 520px; color: var(--in-fg); }
.cmr-intel.cmr-on-dark { --in-card: var(--cmr-deep); --in-fg: var(--cmr-foam); --in-sub: var(--cmr-mist); --in-line: var(--cmr-trench); --in-live: var(--cmr-sonar); --in-track: var(--cmr-trench); }
.cmr-intel .cmr-w-title { color: inherit; }
.cmr-intel .cmr-w-intro { color: var(--in-sub); }
.cmr-intel a { color: inherit; }
.cmr-intel.cmr-on-dark .cmr-button--ghost:hover { background: var(--cmr-foam); color: var(--cmr-abyss); border-color: var(--cmr-foam); }
.cmr-intel .cmr-mode { flex: none; }
.cmr-intel.cmr-on-dark .cmr-icon-btn { background: transparent; border-color: var(--cmr-trench); color: var(--cmr-foam); }
.cmr-intel.cmr-on-dark .cmr-icon-btn[aria-pressed="true"] { background: var(--cmr-buoy); border-color: var(--cmr-buoy); color: var(--cmr-abyss); }

/* states */
.cmr-unavail { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; border-radius: var(--cmr-r-card); border: 1px dashed var(--in-line, var(--cmr-line)); background: transparent; color: inherit; }
.cmr-unavail__t { font: 800 17px/1.3 var(--cmr-font-text); }
.cmr-unavail__r { font: 400 15px/1.55 var(--cmr-font-text); color: var(--in-sub, var(--cmr-slate)); }
.cmr-skel--cond { min-height: 300px; }
.cmr-skel--row { min-height: 56px; margin-bottom: 6px; list-style: none; }
.cmr-skel--detail { min-height: 420px; }
.cmr-safety { margin: 16px 0 0; font: 600 13px/1.5 var(--cmr-font-text); color: var(--in-sub); }
.cmr-src { display: block; font: 600 11.5px/1.4 var(--cmr-font-text); color: var(--in-sub); }
.cmr-src--stale { color: var(--cmr-caution-ink); }
.cmr-on-dark .cmr-src--stale { color: var(--cmr-caution); }

/* ---------- brief ---------- */
.cmr-brief__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: 24px; }
.cmr-conds { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.cmr-conds__mine { margin: 0 0 10px; font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; color: var(--in-sub); }
.cmr-cond { padding: 22px; border-radius: var(--cmr-r-card); background: var(--in-card); border: 1px solid var(--in-line); color: var(--in-fg); }
.cmr-on-light .cmr-cond { box-shadow: var(--cmr-shadow); }
.cmr-cond > article { display: flex; flex-direction: column; gap: 16px; height: 100%; }
.cmr-cond__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.cmr-cond__spot { margin: 0; font: 800 20px/1.25 var(--cmr-font-text); }
.cmr-cond__spot a { text-decoration: none; }
.cmr-cond__spot a:hover { text-decoration: underline; }
.cmr-cond__region { font: 600 13px/1.2 var(--cmr-font-text); color: var(--in-sub); }
.cmr-cond__index { display: flex; align-items: center; gap: 14px; }
.cmr-brief__cta { margin: 24px 0 0; }
@media (prefers-reduced-motion: no-preference) {
	.cmr-reveal { animation: cmr-rise .6s var(--cmr-ease) both; }
	.cmr-reveal:nth-child(2) { animation-delay: .08s; } .cmr-reveal:nth-child(3) { animation-delay: .16s; } .cmr-reveal:nth-child(4) { animation-delay: .24s; }
}
@keyframes cmr-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* index ring */
.cmr-ring { position: relative; flex: none; width: var(--ring, 112px); height: var(--ring, 112px); display: grid; place-items: center; align-content: center; color: var(--in-fg); }
.cmr-ring svg { position: absolute; inset: 0; }
.cmr-ring__track { fill: none; stroke: var(--in-track); stroke-width: 6; }
.cmr-ring__val { fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; }
.cmr-ring--good .cmr-ring__val { stroke: var(--cmr-go-ink); } .cmr-ring--fair .cmr-ring__val { stroke: var(--cmr-caution-ink); } .cmr-ring--poor .cmr-ring__val, .cmr-ring--danger .cmr-ring__val { stroke: var(--cmr-danger-ink); }
.cmr-on-dark .cmr-ring--good .cmr-ring__val { stroke: var(--cmr-go); } .cmr-on-dark .cmr-ring--fair .cmr-ring__val { stroke: var(--cmr-caution); } .cmr-on-dark .cmr-ring--poor .cmr-ring__val, .cmr-on-dark .cmr-ring--danger .cmr-ring__val { stroke: var(--cmr-danger); }
.cmr-ring__n { position: relative; font: 500 calc(var(--ring, 112px) * .32)/1 var(--cmr-font-data); }
.cmr-ring__l { position: relative; font-size: 13px; margin-top: 4px; }
.cmr-ring__l::before { display: none; }
.cmr-ring.is-na { border: 2px dashed var(--in-line); border-radius: 50%; }
.cmr-ring__na { font: 700 13px/1.2 var(--cmr-font-text); color: var(--in-sub); }

/* readouts */
.cmr-reads { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.cmr-reads--grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.cmr-read { min-width: 0; padding-top: 10px; border-top: 1px solid var(--in-line); }
.cmr-read dt { font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--in-sub); margin-bottom: 6px; }
.cmr-read dd { margin: 0; display: flex; flex-direction: column; gap: 3px; }
.cmr-read__v { font: 500 24px/1.05 var(--cmr-font-data); color: var(--in-live); }
.cmr-read--big .cmr-read__v { font-size: 32px; }
.cmr-read__u { font: 600 13px/1 var(--cmr-font-text); color: var(--in-sub); }
.cmr-read__gust, .cmr-dir { display: inline-flex; align-items: center; gap: 4px; font: 600 13px/1.3 var(--cmr-font-text); color: var(--in-fg); }
.cmr-dir svg { flex: none; color: var(--in-live); }
.cmr-read__na { font: 700 15px/1.3 var(--cmr-font-text); color: var(--in-sub); }
@media (max-width: 420px) { .cmr-reads { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cmr-read__v { font-size: 22px; } }

/* factors */
.cmr-factors { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.cmr-factor { --fc: var(--in-sub); display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "l v" "b b"; align-items: baseline; gap: 4px 12px; min-width: 0; font: 600 14px/1.35 var(--cmr-font-text); }
.cmr-factor__l { grid-area: l; white-space: nowrap; }
.cmr-factor__v { grid-area: v; min-width: 0; text-align: end; color: var(--in-sub); overflow-wrap: break-word; }
.cmr-factor__bar { grid-area: b; height: 6px; border-radius: 3px; background: var(--in-track); overflow: hidden; }
.cmr-factor__bar i { display: block; height: 100%; min-width: 6px; border-radius: 3px; background: var(--fc); }
/* bar colour = the factor's own score, same thresholds as the index (Index::level(): 75 / 50 / 30) */
.cmr-factor__bar--good { --fc: var(--cmr-go-ink); } .cmr-factor__bar--fair { --fc: var(--cmr-caution-ink); } .cmr-factor__bar--poor { --fc: #B4530A; } .cmr-factor__bar--danger { --fc: var(--cmr-danger-ink); }
.cmr-on-dark .cmr-factor__bar--good { --fc: var(--cmr-go); } .cmr-on-dark .cmr-factor__bar--fair { --fc: var(--cmr-caution); } .cmr-on-dark .cmr-factor__bar--poor { --fc: var(--cmr-buoy); } .cmr-on-dark .cmr-factor__bar--danger { --fc: var(--cmr-danger); }

/* warnings */
.cmr-warns { display: grid; gap: 8px; }
.cmr-warn { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--cmr-caution-ink); background: rgba(255, 193, 69, .12); }
.cmr-warn--danger { border-color: var(--cmr-danger-ink); background: rgba(255, 93, 93, .12); }
.cmr-on-dark .cmr-warn { border-color: var(--cmr-caution); } .cmr-on-dark .cmr-warn--danger { border-color: var(--cmr-danger); }
.cmr-warn__tag { font: 800 11px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--in-sub); }
.cmr-warn__t { font: 800 15px/1.35 var(--cmr-font-text); }
.cmr-warn__x { margin: 0; font: 400 14px/1.5 var(--cmr-font-text); }

/* units / mode on dark */
.cmr-on-dark .cmr-mode { background: rgba(242, 246, 248, .06); border-color: var(--cmr-trench); }
.cmr-on-dark .cmr-mode button[aria-pressed="true"] { background: var(--cmr-foam); color: var(--cmr-abyss); }

/* ---------- intel app ---------- */
.cmr-iapp__bar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: 20px; }
.cmr-iapp__tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cmr-iapp__filter select { min-height: 44px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--in-line); background: var(--in-card); color: var(--in-fg); font: 700 14px/1.2 var(--cmr-font-text); }
.cmr-iapp__top { display: grid; grid-template-columns: minmax(240px, 300px) 1fr; gap: 16px; margin-bottom: 24px; }
.cmr-iapp__list { min-width: 0; max-height: var(--cmr-map-h); overflow-y: auto; overscroll-behavior: contain; padding-inline-end: 4px; }
.cmr-iapp__list ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.cmr-iapp__map { position: relative; min-height: var(--cmr-map-h); border-radius: var(--cmr-r-panel); overflow: hidden; border: 1px solid var(--in-line); background: var(--cmr-abyss); isolation: isolate; }
.cmr-iapp__map.is-na { display: grid; place-items: center; padding: 24px; background: transparent; }
.cmr-iapp__canvas { position: absolute; inset: 0; }
.cmr-iapp__canvas:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: -3px; }
@media (max-width: 900px) {
	.cmr-iapp__top { grid-template-columns: 1fr; }
	.cmr-iapp__map { order: -1; min-height: min(var(--cmr-map-h), 52vh); }
	.cmr-iapp__list { max-height: none; overflow: visible; }
	.cmr-iapp__list ul { grid-auto-flow: column; grid-auto-columns: minmax(200px, 72%); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: 2px; padding: 2px 2px 8px; }
	.cmr-iapp__list li { scroll-snap-align: start; }
}

/* spot card: [ name (2 lines) + region | score badge ] [ star ]. Flex with a fixed badge width and nothing positioned, so nothing can overlap. */
.cmr-spotl { position: relative; display: flex; align-items: stretch; min-width: 0; border-radius: var(--cmr-r-card); background: var(--in-card); border: 1px solid var(--in-line); transition: border-color .15s, box-shadow .15s; }
.cmr-spotl.is-cur { border-color: var(--in-live); box-shadow: inset 0 0 0 1px var(--in-live); }
.cmr-on-dark .cmr-spotl.is-cur { background: linear-gradient(rgba(56, 225, 211, .08), rgba(56, 225, 211, .08)), var(--in-card); }
.cmr-spotl__btn { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; min-height: 72px; margin: 0; padding: 10px 12px; border: 0; background: none; color: inherit; text-align: start; white-space: normal; text-transform: none; letter-spacing: normal; cursor: pointer; font: inherit; border-start-start-radius: var(--cmr-r-card); border-end-start-radius: var(--cmr-r-card); -webkit-tap-highlight-color: transparent; }
.cmr-spotl__btn:hover, .cmr-spotl__btn:focus, .cmr-spotl__btn:active, .cmr-spotl__fav:hover, .cmr-spotl__fav:focus, .cmr-spotl__fav:active { background: rgba(56, 225, 211, .06); color: inherit; box-shadow: none; }
.cmr-spotl__fav[aria-pressed="true"]:hover { color: var(--cmr-buoy); }
.cmr-spotl__btn:focus-visible { outline: 3px solid var(--cmr-buoy); outline-offset: -3px; }
.cmr-spotl__txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cmr-spotl__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; overflow-wrap: break-word; font: 800 15px/1.25 var(--cmr-font-text); }
.cmr-spotl__region { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 600 12px/1.25 var(--cmr-font-text); color: var(--in-sub); }
.cmr-spotl__score { --sc: var(--in-sub); flex: none; box-sizing: border-box; width: 50px; min-height: 48px; padding: 4px 2px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: 10px; border: 1.5px solid var(--sc); color: var(--sc); font: 800 11px/1.1 var(--cmr-font-text); text-align: center; }
.cmr-spotl__score .cmr-num, .cmr-spotl__na { font: 600 19px/1 var(--cmr-font-data); }
.cmr-spotl__lv { white-space: nowrap; }
.cmr-spotl__score.is-na { border-style: dashed; opacity: .75; }
.cmr-spotl__score--good { --sc: var(--cmr-go-ink); } .cmr-spotl__score--fair { --sc: var(--cmr-caution-ink); } .cmr-spotl__score--poor { --sc: #B4530A; } .cmr-spotl__score--danger { --sc: var(--cmr-danger-ink); }
.cmr-on-dark .cmr-spotl__score--good { --sc: var(--cmr-go); } .cmr-on-dark .cmr-spotl__score--fair { --sc: var(--cmr-caution); } .cmr-on-dark .cmr-spotl__score--poor { --sc: var(--cmr-buoy); } .cmr-on-dark .cmr-spotl__score--danger { --sc: var(--cmr-danger); }
.cmr-spotl__fav { flex: none; width: 44px; margin: 0; padding: 0; border: 0; border-inline-start: 1px solid var(--in-line); background: none; color: var(--in-sub); cursor: pointer; display: grid; place-items: center; border-start-end-radius: var(--cmr-r-card); border-end-end-radius: var(--cmr-r-card); }
.cmr-spotl__fav:focus-visible { outline: 3px solid var(--cmr-buoy); outline-offset: -3px; }
.cmr-spotl__fav[aria-pressed="true"] { color: var(--cmr-buoy); }
.cmr-spotl__fav[aria-pressed="true"] svg path, .cmr-spotd__fav[aria-pressed="true"] svg path { fill: currentColor; }
.cmr-spotl__empty { padding: 14px; font: 600 14px/1.5 var(--cmr-font-text); color: var(--in-sub); list-style: none; }

/* ---------- map: sonar-ping markers (MapLibre + Leaflet fallback) ----------
   Ring = index level colour. Cyan core + ping waves only for spots with live (non-cached) data. */
.cmr-ping-btn { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; border-radius: 50%; -webkit-tap-highlight-color: transparent; }
.cmr-ping-btn:focus-visible { outline: 3px solid var(--cmr-buoy); outline-offset: 0; }
.cmr-ping-wrap { background: none; border: 0; display: grid; place-items: center; }
.leaflet-marker-icon.cmr-ping-wrap:focus-visible { outline: 3px solid var(--cmr-buoy); outline-offset: 0; border-radius: 50%; }
.cmr-ping { --ring: var(--cmr-mist); --core: var(--cmr-trench); --ink: var(--cmr-mist); position: relative; display: grid; place-items: center; width: 30px; height: 30px; }
.cmr-ping--good { --ring: var(--cmr-go); } .cmr-ping--fair { --ring: var(--cmr-caution); } .cmr-ping--poor, .cmr-ping--danger { --ring: var(--cmr-danger); }
.cmr-ping.is-live { --core: var(--cmr-abyss); --ink: var(--cmr-sonar); }
.cmr-ping__dot { position: relative; z-index: 1; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--core); color: var(--ink); border: 2px solid var(--ring);
	font: 600 12px/1 var(--cmr-font-data); box-shadow: 0 0 0 1px rgba(4, 20, 33, .9), 0 2px 10px rgba(0, 0, 0, .45); transition: transform .18s var(--cmr-ease); }
.cmr-ping.is-live .cmr-ping__dot { box-shadow: 0 0 0 1px rgba(4, 20, 33, .9), 0 0 12px rgba(56, 225, 211, .45), inset 0 0 8px rgba(56, 225, 211, .25); }
.cmr-ping:not(.is-live) .cmr-ping__dot { border-style: dashed; opacity: .85; }
.cmr-ping.is-cur .cmr-ping__dot { background: var(--cmr-buoy); color: var(--cmr-abyss); transform: scale(1.22); box-shadow: 0 0 0 2px var(--cmr-abyss), 0 0 0 4px var(--ring), 0 4px 14px rgba(0, 0, 0, .5); }
.cmr-ping-btn:hover .cmr-ping__dot { transform: scale(1.12); }
.cmr-ping-btn:hover .cmr-ping.is-cur .cmr-ping__dot { transform: scale(1.22); }
.cmr-ping__wave { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid var(--cmr-sonar); opacity: 0; pointer-events: none; }
.cmr-ping.is-live .cmr-ping__wave { animation: cmr-ping 3.2s cubic-bezier(.2, .6, .3, 1) infinite; animation-delay: var(--d, 0s); }
.cmr-ping.is-live .cmr-ping__wave--2 { animation-delay: calc(var(--d, 0s) + 1.1s); }
.cmr-ping.is-cur .cmr-ping__wave { border-color: var(--cmr-buoy); }
.cmr-iapp__canvas.is-far .cmr-ping, .cmr-iapp__canvas.is-far .cmr-ping__dot { width: 24px; height: 24px; }
.cmr-iapp__canvas.is-far .cmr-ping__dot { font-size: 10.5px; border-width: 1.5px; }
@keyframes cmr-ping { 0% { transform: scale(.9); opacity: .75; } 70% { opacity: 0; } 100% { transform: scale(2.6); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
	.cmr-ping .cmr-ping__wave { animation: none !important; opacity: 0; }
	.cmr-ping.is-live .cmr-ping__wave:first-child { opacity: .45; transform: scale(1.45); } /* static sonar halo instead of the ping */
	.cmr-ping__dot { transition: none; }
}

/* ---------- MapLibre in our palette ---------- */
.cmr-iapp .maplibregl-map { font: 600 13px/1.4 var(--cmr-font-text); background: var(--cmr-abyss); }
.cmr-iapp .cmr-iapp__canvas.maplibregl-map { position: absolute; } /* maplibre-gl.css sets relative; the canvas fills the map box */
.cmr-iapp .maplibregl-canvas:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: -3px; }
.cmr-iapp .maplibregl-ctrl-group { background: rgba(4, 20, 33, .88); border: 1px solid var(--cmr-trench); border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, .35); overflow: hidden; }
.cmr-iapp .maplibregl-ctrl-group button { width: 40px; height: 40px; }
.cmr-iapp .maplibregl-ctrl-group button + button { border-top-color: var(--cmr-trench); }
.cmr-iapp .maplibregl-ctrl-group button:hover { background-color: rgba(56, 225, 211, .12); }
.cmr-iapp .maplibregl-ctrl-group button:focus-visible { box-shadow: inset 0 0 0 3px var(--cmr-sonar); }
.cmr-iapp .maplibregl-ctrl-icon { filter: invert(1) brightness(1.4); }
.cmr-iapp .maplibregl-ctrl.maplibregl-ctrl-attrib { direction: ltr; font: 500 11px/1.4 var(--cmr-font-text); background: rgba(4, 20, 33, .82); color: var(--cmr-mist); }
.cmr-iapp .maplibregl-ctrl-attrib a { color: var(--cmr-foam); }
/* attribution links are distinguishable without color (axe link-in-text-block), on every map */
.maplibregl-ctrl-attrib a { text-decoration: underline; text-underline-offset: 2px; }
.cmr-iapp .maplibregl-ctrl-attrib.maplibregl-compact { min-height: 24px; }
.cmr-iapp .maplibregl-ctrl-attrib-button { filter: invert(1); background-color: transparent; }
.cmr-iapp .maplibregl-ctrl.maplibregl-ctrl-attrib.maplibregl-compact-show { background: rgba(4, 20, 33, .9); color: var(--cmr-mist); }
.cmr-iapp .maplibregl-cooperative-gesture-screen { background: rgba(4, 20, 33, .72); color: var(--cmr-foam); font: 700 16px/1.4 var(--cmr-font-text); direction: rtl; }
/* layer panel (custom control) */
.cmr-mapctl { font: 700 13px/1.3 var(--cmr-font-text); color: var(--cmr-foam); }
.cmr-mapctl__d { background: rgba(4, 20, 33, .9); border: 1px solid var(--cmr-trench); border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, .35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.cmr-mapctl__s { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; cursor: pointer; list-style: none; border-radius: 12px; }
.cmr-mapctl__s::-webkit-details-marker { display: none; }
.cmr-mapctl__s:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: 2px; }
.cmr-mapctl__d[open] .cmr-mapctl__s { color: var(--cmr-sonar); }
.cmr-mapctl__hd { display: none; }
.cmr-mapctl__f { margin: 0; padding: 4px 12px 12px; border: 0; display: grid; gap: 4px; min-width: 190px; }
.cmr-mapctl__o { display: flex; align-items: center; gap: 10px; min-height: 36px; cursor: pointer; font-weight: 600; }
.cmr-mapctl__o input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--cmr-sonar); }
@media (max-width: 767px), (pointer: coarse) {
	.cmr-mapctl__s { width: 44px; min-height: 44px; padding: 0; justify-content: center; }
	.cmr-mapctl__st { display: none; }
	.cmr-mapctl__o { min-height: 48px; font-size: 15px; }
	.cmr-mapctl__hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; font: 800 16px/1.3 var(--cmr-font-text); }
	.cmr-mapctl__x { width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(242, 246, 248, .08); color: var(--cmr-foam); font: 400 26px/1 var(--cmr-font-text); cursor: pointer; }
	.cmr-mapctl__x:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: 2px; }
	.cmr-mapctl__f { padding: 0 0 4px; min-width: 0; }
	.cmr-iapp .maplibregl-ctrl-group button { width: 44px; height: 44px; }
	.cmr-iapp .maplibregl-ctrl-attrib.maplibregl-compact { min-height: 44px; min-width: 44px; padding-right: 44px; border-radius: 22px; box-sizing: border-box; }
	.cmr-iapp .maplibregl-ctrl-attrib.maplibregl-compact-show { padding: 6px 48px 6px 12px; }
	.cmr-iapp .maplibregl-ctrl-attrib-button { width: 44px; height: 44px; border-radius: 22px; background-size: 24px 24px; background-repeat: no-repeat; background-position: center; }
}
.cmr-mapctl__o small { color: var(--cmr-mist); font-weight: 500; }
/* phones: the layer panel as a bottom sheet (cmr-intel.js moves it into this body-level host while open) */
.cmr-mapsheet { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; justify-content: flex-end; }
.cmr-mapsheet[hidden] { display: none; }
.cmr-mapsheet__bg { position: absolute; inset: 0; background: rgba(4, 20, 33, .6); }
.cmr-mapsheet .cmr-mapctl__sheet { position: relative; padding: 8px 16px calc(16px + env(safe-area-inset-bottom)); background: var(--cmr-abyss); color: var(--cmr-foam); font: 700 13px/1.3 var(--cmr-font-text); border-top: 1px solid var(--cmr-trench); border-radius: 20px 20px 0 0; box-shadow: 0 -10px 30px rgba(0, 0, 0, .45); animation: cmr-sheet-in .22s ease-out; }
.cmr-mapsheet .cmr-mapctl__hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; font: 800 16px/1.3 var(--cmr-font-text); }
.cmr-mapsheet .cmr-mapctl__f { padding: 0 0 4px; min-width: 0; }
.cmr-mapsheet .cmr-mapctl__o { min-height: 48px; font-size: 15px; }
@keyframes cmr-sheet-in { from { transform: translateY(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .cmr-mapsheet .cmr-mapctl__sheet { animation: none; } }
/* Leaflet fallback */
.cmr-iapp .leaflet-container { font: 600 13px/1.4 var(--cmr-font-text); background: var(--cmr-deep); }
.cmr-iapp .leaflet-control-attribution { direction: ltr; font-size: 11px; }
.cmr-iapp .leaflet-control-layers { direction: rtl; text-align: right; }
.cmr-iapp .leaflet-bar a { width: 36px; height: 36px; line-height: 36px; }

/* ---------- spot detail ---------- */
.cmr-spotd { display: flex; flex-direction: column; gap: 24px; }
.cmr-spotd__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.cmr-spotd__name { margin: 0; font: 700 clamp(36px, 5vw, 56px)/1 var(--cmr-font-display); color: inherit; }
.cmr-spotd__name:focus { outline: none; }
.cmr-spotd__meta { margin: 6px 0 0; font: 600 14px/1.3 var(--cmr-font-text); color: var(--in-sub); }
.cmr-spotd__tools { display: flex; align-items: center; gap: 8px; }
.cmr-spotd__grid { display: grid; grid-template-columns: minmax(260px, 340px) 1fr; gap: 24px; }
@media (max-width: 900px) { .cmr-spotd__grid { grid-template-columns: 1fr; } }
.cmr-spotd__index, .cmr-spotd__now, .cmr-spotd__tl, .cmr-astro { padding: 20px; border-radius: var(--cmr-r-card); background: var(--in-card); border: 1px solid var(--in-line); }
.cmr-spotd__index { display: flex; flex-direction: column; gap: 14px; align-items: stretch; }
.cmr-spotd__index > .cmr-ring { align-self: center; }
.cmr-spotd__index > .cmr-src { text-align: center; }
.cmr-intel__h { margin: 0 0 14px; font: 800 18px/1.3 var(--cmr-font-text); color: inherit; }
.cmr-intel__h5 { margin: 16px 0 8px; font: 800 15px/1.3 var(--cmr-font-text); color: inherit; }
.cmr-spotd__kormi { margin: 0; }
.cmr-spotw__bar { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-bottom: 16px; }

/* index explanation */
.cmr-ixplain { margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--in-line); }
.cmr-ixplain summary { cursor: pointer; font: 800 15px/1.4 var(--cmr-font-text); color: var(--in-live); min-height: 48px; padding: 4px 0; display: flex; align-items: center; }
.cmr-ixplain__t { width: 100%; border-collapse: collapse; margin: 8px 0; font: 400 14px/1.45 var(--cmr-font-text); }
.cmr-ixplain__t th, .cmr-ixplain__t td { padding: 8px 6px; border-bottom: 1px solid var(--in-line); text-align: start; vertical-align: top; }
.cmr-ixplain__t thead th { font: 800 12px/1.2 var(--cmr-font-text); color: var(--in-sub); }
.cmr-ixplain__d { margin: 8px 0 0; font: 600 13px/1.5 var(--cmr-font-text); color: var(--in-sub); }
@media (max-width: 600px) { .cmr-ixplain__t thead { display: none; } .cmr-ixplain__t tr { display: grid; grid-template-columns: 1fr auto; padding: 8px 0; border-bottom: 1px solid var(--in-line); } .cmr-ixplain__t th, .cmr-ixplain__t td { border: 0; padding: 2px 0; } .cmr-ixplain__t td:last-child { grid-column: 1 / -1; color: var(--in-sub); } }

/* astro */
.cmr-astro__days { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.cmr-astro__day strong { display: block; margin-bottom: 6px; font: 800 14px/1.3 var(--cmr-font-text); }
.cmr-astro__day dl { margin: 0; display: grid; gap: 4px; }
.cmr-astro__day dl div { display: flex; justify-content: space-between; gap: 8px; font: 600 13px/1.4 var(--cmr-font-text); }
.cmr-astro__day dt { color: var(--in-sub); }
.cmr-astro__day dt { min-width: 0; }
.cmr-astro__day dd { margin: 0; white-space: nowrap; text-align: end; }
.cmr-astro > .cmr-src { margin-top: 12px; }

/* ---------- timeline ---------- */
.cmr-tl__legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 10px; font: 600 12px/1.2 var(--cmr-font-text); color: var(--in-sub); }
.cmr-tl__k { display: inline-flex; align-items: center; gap: 6px; }
.cmr-tl__k::before { content: ""; width: 16px; height: 3px; border-radius: 2px; background: var(--in-live); }
.cmr-tl__k--gust::before { background: repeating-linear-gradient(90deg, var(--in-sub) 0 4px, transparent 4px 7px); }
.cmr-tl__k--wave::before { height: 10px; width: 8px; background: var(--cmr-current); }
.cmr-on-light .cmr-tl__k--wave::before { background: #9DB9DA; }
.cmr-tl__k--ix::before { height: 8px; background: linear-gradient(90deg, var(--cmr-go) 0 33%, var(--cmr-caution) 33% 66%, var(--cmr-danger) 66%); }
.cmr-tl__k--night::before { height: 10px; background: rgba(127, 150, 170, .25); }
.cmr-tl__scroll { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.cmr-tl__svg { display: block; cursor: crosshair; touch-action: pan-x; }
.cmr-tl__night { fill: rgba(127, 150, 170, .14); }
.cmr-tl__day { stroke: var(--in-line); stroke-width: 1; }
.cmr-tl__dayt { fill: var(--in-fg); font: 800 11px var(--cmr-font-text); }
.cmr-tl__hr, .cmr-tl__ax { fill: var(--in-sub); font: 500 10px var(--cmr-font-data); }
.cmr-tl__wind { fill: none; stroke: var(--in-live); stroke-width: 2.2; stroke-linejoin: round; }
.cmr-tl__gust { fill: none; stroke: var(--in-sub); stroke-width: 1.4; stroke-dasharray: 4 3; }
.cmr-tl__wave { fill: var(--cmr-current); }
.cmr-on-light .cmr-tl__wave { fill: #9DB9DA; }
.cmr-tl__ix--good { fill: var(--cmr-go); } .cmr-tl__ix--fair { fill: var(--cmr-caution); } .cmr-tl__ix--poor, .cmr-tl__ix--danger { fill: var(--cmr-danger); }
.cmr-on-light .cmr-tl__ix--good { fill: var(--cmr-go-ink); } .cmr-on-light .cmr-tl__ix--fair { fill: var(--cmr-caution-ink); } .cmr-on-light .cmr-tl__ix--poor, .cmr-on-light .cmr-tl__ix--danger { fill: var(--cmr-danger-ink); }
.cmr-tl__sel { stroke: var(--cmr-buoy); stroke-width: 2; }
.cmr-tl__range { width: 100%; margin: 12px 0 8px; accent-color: var(--cmr-buoy); min-height: 32px; }
.cmr-tl__at { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; min-height: 48px; font: 600 14px/1.4 var(--cmr-font-text); }
.cmr-tl__when { flex-basis: 100%; font: 800 15px/1.3 var(--cmr-font-text); }
.cmr-tl__at .cmr-num { color: var(--in-live); font-weight: 500; }
.cmr-tl__ixv { font-weight: 800; }
.cmr-tl__ixv::before { width: 8px; height: 8px; }
.cmr-tl__src { margin: 8px 0 0; font: 600 11.5px/1.4 var(--cmr-font-text); color: var(--in-sub); }

/* ---------- freshness + mobile ergonomics ---------- */
.cmr-fresh { margin: -6px 0 12px; font: 600 12.5px/1.4 var(--cmr-font-text); color: var(--in-sub); }
.cmr-spotd__back { display: none; }
@media (max-width: 767px) {
	.cmr-iapp__bar { margin-bottom: 14px; }
	.cmr-iapp__tools { width: 100%; }
	.cmr-iapp__filter { flex: 1 1 100%; }
	.cmr-iapp__filter select { width: 100%; }
	.cmr-intel .cmr-mode { flex: 1 1 auto; }
	.cmr-intel .cmr-mode button { flex: 1 1 0; min-height: 44px; padding-inline: 10px; }
	.cmr-iapp__map { min-height: clamp(300px, 58vh, 480px); }
	.cmr-iapp__top { gap: 12px; margin-bottom: 18px; }
	.cmr-iapp__list ul { grid-auto-columns: minmax(262px, 86%); gap: 8px; }
	.cmr-spotl__btn { min-height: 76px; padding: 10px; }
	.cmr-spotd { gap: 16px; }
	.cmr-spotd__head { flex-wrap: nowrap; }
	.cmr-spotd__name { font-size: clamp(28px, 8.2vw, 36px); line-height: 1.08; overflow-wrap: anywhere; }
	.cmr-spotd__tools { flex: none; flex-direction: column; align-items: flex-end; }
	.cmr-spotd__back { display: inline-flex; }
	.cmr-intel .cmr-icon-btn { width: 44px; height: 44px; }
	.cmr-intel .cmr-button--small { min-height: 44px; }
	.cmr-spotd__index, .cmr-spotd__now, .cmr-spotd__tl, .cmr-astro { padding: 16px; }
	.cmr-spotd__index { padding-bottom: 12px; }
	.cmr-spotd__kormi .cmr-button { width: 100%; justify-content: center; }
	.cmr-tl__range { min-height: 44px; margin: 6px 0; }
	.cmr-tl__at { gap: 4px 12px; font-size: 15px; }
	.cmr-astro__days { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
	.cmr-astro__day dl div { font-size: 13.5px; }
	.cmr-cond { padding: 18px 16px; }
	.cmr-cond__spot a { display: inline-block; padding: 10px 0; }
	.cmr-ixplain__t { font-size: 14px; }
	.cmr-reads--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 360px) {
	.cmr-astro__days { grid-template-columns: 1fr; }
}

/* =====================================================================
   v2: activity index, 7-day view, solunar, target species, navigation, coast radar, map clusters
   ===================================================================== */
.cmr-intel { --act-hi: var(--cmr-marlin); --act-mid: var(--cmr-current); --act-lo: var(--cmr-slate); }
.cmr-intel.cmr-on-dark { --act-hi: var(--cmr-sonar); --act-mid: #8FB8E8; --act-lo: var(--cmr-mist); }
.cmr-free { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 8px 0 0; font: 600 14px/1.45 var(--cmr-font-text); color: var(--in-sub); }
.cmr-free__b { display: inline-flex; align-items: center; min-height: 26px; padding: 2px 10px; border-radius: 999px; border: 1.5px solid var(--cmr-go-ink); color: var(--cmr-go-ink); font: 800 13px/1.2 var(--cmr-font-text); }
.cmr-on-dark .cmr-free__b { border-color: var(--cmr-go); color: var(--cmr-go); }
.cmr-spotw > .cmr-free { margin: 0 0 12px; }

/* two rings side by side: safety/comfort index + fish activity estimate */
.cmr-dual { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.cmr-dual__i { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; text-align: center; }
.cmr-dual__k { margin: 0; display: flex; flex-direction: column; font: 800 14px/1.25 var(--cmr-font-text); }
.cmr-dual__k small { font: 600 12px/1.3 var(--cmr-font-text); color: var(--in-sub); }
.cmr-ring--act .cmr-ring__val { stroke: var(--act-lo); }
.cmr-ring--a-high .cmr-ring__val { stroke: var(--act-hi); } .cmr-ring--a-mid .cmr-ring__val { stroke: var(--act-mid); }
.cmr-ring--act .cmr-ring__l { color: var(--in-sub); font-weight: 700; }

/* small index chips */
.cmr-ichip { display: inline-flex; align-items: center; gap: 4px; min-height: 26px; padding: 2px 9px; border-radius: 999px; border: 1.5px solid var(--in-line); font: 700 12.5px/1.2 var(--cmr-font-text); white-space: nowrap; }
.cmr-ichip .cmr-num { font: 600 14px/1 var(--cmr-font-data); }
.cmr-ichip--good { border-color: var(--cmr-go-ink); color: var(--cmr-go-ink); } .cmr-ichip--fair { border-color: var(--cmr-caution-ink); color: var(--cmr-caution-ink); } .cmr-ichip--poor { border-color: #B4530A; color: #B4530A; } .cmr-ichip--danger { border-color: var(--cmr-danger-ink); color: var(--cmr-danger-ink); }
.cmr-on-dark .cmr-ichip--good { border-color: var(--cmr-go); color: var(--cmr-go); } .cmr-on-dark .cmr-ichip--fair { border-color: var(--cmr-caution); color: var(--cmr-caution); } .cmr-on-dark .cmr-ichip--poor { border-color: var(--cmr-buoy); color: var(--cmr-buoy); } .cmr-on-dark .cmr-ichip--danger { border-color: var(--cmr-danger); color: var(--cmr-danger); }
.cmr-ichip--a-high { border-color: var(--act-hi); color: var(--act-hi); } .cmr-ichip--a-mid { border-color: var(--act-mid); color: var(--act-mid); } .cmr-ichip--a-low { border-style: dashed; color: var(--in-sub); }
.cmr-ichip--season { border-color: var(--in-line); color: var(--in-fg); font-weight: 600; }

/* navigation */
.cmr-nav { display: flex; flex-direction: column; gap: 8px; }
.cmr-nav__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-navbtn { min-height: 44px; }
.cmr-nav__t { margin: 0; font: 400 15px/1.55 var(--cmr-font-text); }
.cmr-nav__t--warn { padding: 8px 12px; border-inline-start: 3px solid var(--cmr-caution-ink); background: rgba(255, 193, 69, .08); border-radius: 6px; }
.cmr-on-dark .cmr-nav__t--warn { border-color: var(--cmr-caution); }

/* timeline activity row */
.cmr-tl__act--high { fill: var(--act-hi); } .cmr-tl__act--mid { fill: var(--act-mid); } .cmr-tl__act--low { fill: var(--act-lo); opacity: .55; }
.cmr-tl__k--act::before { height: 6px; background: linear-gradient(90deg, var(--act-hi) 0 50%, var(--act-mid) 50%); }
.cmr-tl__actv { font-weight: 700; }

/* 7-day view */
.cmr-week { padding: 20px; border-radius: var(--cmr-r-card); background: var(--in-card); border: 1px solid var(--in-line); min-width: 0; }
.cmr-week__days { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(150px, 1fr)); gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; padding-bottom: 6px; }
.cmr-wday { scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 12px; border-radius: 10px; border: 1px solid var(--in-line); border-top: 3px solid var(--in-line); }
.cmr-wday--good { border-top-color: var(--cmr-go-ink); } .cmr-wday--fair { border-top-color: var(--cmr-caution-ink); } .cmr-wday--poor, .cmr-wday--danger { border-top-color: var(--cmr-danger-ink); }
.cmr-on-dark .cmr-wday--good { border-top-color: var(--cmr-go); } .cmr-on-dark .cmr-wday--fair { border-top-color: var(--cmr-caution); } .cmr-on-dark .cmr-wday--poor, .cmr-on-dark .cmr-wday--danger { border-top-color: var(--cmr-danger); }
.cmr-wday__d { margin: 0; font: 800 15px/1.3 var(--cmr-font-text); }
.cmr-wday__part { font-weight: 600; color: var(--in-sub); font-size: 12px; }
.cmr-wday__ix { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.cmr-wday__win { margin: 0; font: 700 13px/1.4 var(--cmr-font-text); }
.cmr-wday__dl { margin: 0; display: grid; gap: 3px; }
.cmr-wday__dl div { display: flex; justify-content: space-between; gap: 8px; font: 600 13px/1.4 var(--cmr-font-text); }
.cmr-wday__dl dt { color: var(--in-sub); }
.cmr-wday__dl dd { margin: 0; text-align: end; }
.cmr-week > .cmr-src { margin-top: 10px; }
@media (max-width: 1100px) { .cmr-week__days { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(168px, 44%); } }
@media (max-width: 600px) { .cmr-week { padding: 16px; } .cmr-week__days { grid-auto-columns: minmax(176px, 72%); } }

/* solunar */
.cmr-sol { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--in-line); }
.cmr-sol__days { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.cmr-sol__days > li > strong { display: block; margin-bottom: 4px; font: 800 14px/1.3 var(--cmr-font-text); }
.cmr-sol__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.cmr-sol__p { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; font: 600 13.5px/1.4 var(--cmr-font-text); }
.cmr-sol__k { min-width: 48px; font-weight: 800; }
.cmr-sol__p--major .cmr-sol__k { color: var(--act-hi); }
.cmr-sol__l { color: var(--in-sub); }

/* target species */
.cmr-species { padding: 20px; border-radius: var(--cmr-r-card); background: var(--in-card); border: 1px solid var(--in-line); }
.cmr-fishes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.cmr-fish > article { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 14px; border-radius: 10px; border: 1px solid var(--in-line); }
.cmr-fish__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.cmr-fish__n { margin: 0; font: 800 18px/1.25 var(--cmr-font-text); }
.cmr-fish__lat { font: italic 400 13px/1.2 var(--cmr-font-text); color: var(--in-sub); }
.cmr-fish__h .cmr-ichip { margin-inline-start: auto; }
.cmr-fish__why { margin: 0; font: 600 14.5px/1.5 var(--cmr-font-text); }
.cmr-fish__dl { margin: 0; display: grid; gap: 4px; }
.cmr-fish__dl div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px; font: 400 14px/1.45 var(--cmr-font-text); }
.cmr-fish__dl dt { font-weight: 700; color: var(--in-sub); }
.cmr-fish__dl dd { margin: 0; }
.cmr-fish__reg { margin: 0; padding: 8px 10px; border-radius: 6px; border-inline-start: 3px solid var(--cmr-caution-ink); background: rgba(255, 193, 69, .08); font: 600 13.5px/1.45 var(--cmr-font-text); }
.cmr-on-dark .cmr-fish__reg { border-color: var(--cmr-caution); }
.cmr-fish__lt, .cmr-fish__shopt { margin: 4px 0 0; font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--in-sub); }
.cmr-lures { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.cmr-lure { display: flex; flex-direction: column; gap: 1px; font: 400 14px/1.4 var(--cmr-font-text); }
.cmr-lure__n { font-weight: 800; }
.cmr-lure__m { color: var(--in-sub); font-size: 13px; }
.cmr-fish__shop { margin-top: auto; padding-top: 8px; border-top: 1px dashed var(--in-line); }
.cmr-cards--fish { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 8px; }
.cmr-cards--fish .cmr-card--mini { padding: 6px; border-radius: 10px; background: var(--cmr-paper); color: var(--cmr-ink); }
.cmr-cards--fish .cmr-card--mini .cmr-card__body { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.cmr-cards--fish .cmr-card__title { flex: 1 1 100%; margin: 0; }
.cmr-cards--fish .cmr-card__title a { color: var(--cmr-ink); }
.cmr-cards--fish .cmr-card__price { font-size: 14px; }
.cmr-cards--fish .cmr-button, .cmr-cards--fish button { min-height: 44px; }
.cmr-fish__plist { margin: 6px 0 0; padding-inline-start: 18px; }
.cmr-fish__more { margin-top: 12px; }
.cmr-fish__more summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font: 800 15px/1.3 var(--cmr-font-text); color: var(--in-live); }
.cmr-species > .cmr-safety { margin-top: 14px; }

/* coast radar */
.cmr-radar { margin-bottom: 24px; padding: 20px; border-radius: var(--cmr-r-panel); background: var(--in-card); border: 1px solid var(--in-line); }
.cmr-on-dark .cmr-radar { background: linear-gradient(135deg, rgba(56, 225, 211, .06), transparent 55%), var(--in-card); }
.cmr-radar__t { margin: 0; font: 700 clamp(28px, 4vw, 40px)/1 var(--cmr-font-display); color: inherit; }
.cmr-radar__x { margin: 8px 0 14px; max-width: 70ch; font: 400 15px/1.55 var(--cmr-font-text); color: var(--in-sub); }
.cmr-radar__f { display: flex; flex-direction: column; gap: 12px; }
.cmr-radar__loc, .cmr-radar__opts { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px; }
.cmr-radar__geo { min-height: 48px; }
.cmr-radar__geo[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--cmr-abyss); }
.cmr-radar__fld { display: flex; flex-direction: column; gap: 4px; min-width: 0; font: 700 13px/1.2 var(--cmr-font-text); color: var(--in-sub); }
.cmr-radar__fld[hidden] { display: none; }
.cmr-radar__fld select { min-height: 44px; min-width: 150px; max-width: 100%; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--in-line); background: var(--in-card); color: var(--in-fg); font: 700 15px/1.2 var(--cmr-font-text); }
.cmr-radar__go { min-height: 44px; }
.cmr-radar__p { margin: 10px 0 0; font: 600 12.5px/1.4 var(--cmr-font-text); color: var(--in-sub); }
.cmr-radar__out:not(:empty) { margin-top: 16px; }
.cmr-radar__msg, .cmr-radar__sum { margin: 0 0 10px; font: 700 15px/1.5 var(--cmr-font-text); }
.cmr-radar__res { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 10px; }
.cmr-rres { display: flex; gap: 12px; min-width: 0; padding: 12px; border-radius: 10px; border: 1px solid var(--in-line); }
.cmr-rres__n { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--cmr-buoy); color: var(--cmr-abyss); font: 700 16px/1 var(--cmr-font-data); }
.cmr-rres__b { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.cmr-rres__b > p { margin: 0; }
.cmr-rres__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.cmr-rres__name { min-height: 44px; margin: -8px 0; padding: 0; border: 0; background: none; color: inherit; cursor: pointer; text-align: start; font: 800 17px/1.3 var(--cmr-font-text); text-decoration: underline; text-underline-offset: 3px; }
.cmr-rres__name:focus-visible { outline: 3px solid var(--cmr-buoy); outline-offset: 2px; }
.cmr-rres__meta { font: 600 13px/1.3 var(--cmr-font-text); color: var(--in-sub); }
.cmr-rres__score { display: flex; align-items: center; gap: 10px; font: 700 13px/1.2 var(--cmr-font-text); }
.cmr-rres__bar { flex: 1 1 auto; height: 6px; border-radius: 3px; background: var(--in-track); overflow: hidden; }
.cmr-rres__bar i { display: block; height: 100%; border-radius: 3px; background: var(--cmr-buoy); }
.cmr-rres__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cmr-rres__win { font: 600 13.5px/1.45 var(--cmr-font-text); }
.cmr-rres__nav { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 767px) {
	.cmr-radar { padding: 16px; }
	.cmr-radar__loc > *, .cmr-radar__opts > * { flex: 1 1 100%; }
	.cmr-radar__fld select { width: 100%; }
	.cmr-radar__geo, .cmr-radar__go { width: 100%; justify-content: center; }
	.cmr-species { padding: 16px; }
	.cmr-fish__dl div { grid-template-columns: 1fr; gap: 0; }
	.cmr-nav__btns .cmr-button { flex: 1 1 0; justify-content: center; }
}

/* map: radar hits + clusters */
.cmr-ping.is-hit .cmr-ping__dot { box-shadow: 0 0 0 2px var(--cmr-abyss), 0 0 0 4px var(--cmr-buoy), 0 2px 10px rgba(0, 0, 0, .45); }
.cmr-ping__rank { position: absolute; z-index: 2; top: -9px; inset-inline-end: -9px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 3px; border-radius: 9px; background: var(--cmr-buoy); color: var(--cmr-abyss); font: 700 11px/1 var(--cmr-font-data); }
.cmr-clu-btn { display: grid; place-items: center; width: 52px; height: 52px; padding: 0; border: 0; background: none; cursor: pointer; border-radius: 50%; -webkit-tap-highlight-color: transparent; }
.cmr-clu-btn:focus-visible { outline: 3px solid var(--cmr-buoy); outline-offset: 0; }
.cmr-clu { --ring: var(--cmr-mist); display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(4, 20, 33, .9); color: var(--cmr-foam); border: 2px solid var(--ring); box-shadow: 0 0 0 5px rgba(4, 20, 33, .45), 0 2px 12px rgba(0, 0, 0, .5); font: 700 14px/1 var(--cmr-font-data); transition: transform .18s var(--cmr-ease); }
.cmr-clu--good { --ring: var(--cmr-go); } .cmr-clu--fair { --ring: var(--cmr-caution); } .cmr-clu--poor, .cmr-clu--danger { --ring: var(--cmr-danger); }
.cmr-clu-btn:hover .cmr-clu { transform: scale(1.08); }
@media (prefers-reduced-motion: reduce) { .cmr-clu { transition: none; } }
.cmr-fish__aka { font: 600 14px/1.2 var(--cmr-font-text); color: var(--in-sub); }
.cmr-fish__caution { margin-top: 14px; }

/* Kormi mood next to the spot name (decorative; team E animations) + while a forecast loads */
.cmr-spotd__ava { flex: none; width: 64px; height: 64px; margin-inline-end: -4px; }
.cmr-spotd__ava[hidden], .cmr-skel__kormi[hidden] { display: none; }
.cmr-spotd__tt { flex: 1 1 auto; min-width: 0; }
.cmr-skel--detail { position: relative; }
.cmr-skel__kormi { position: absolute; top: 50%; inset-inline-start: 50%; width: 96px; height: 96px; transform: translate(50%, -50%); }
@media (max-width: 767px) { .cmr-spotd__ava { width: 52px; height: 52px; } .cmr-spotd__ava .cmr-kanim { --cmr-kanim-size: 52px !important; } }

/* fish guide "כל הדגים" */
.cmr-guide { margin-top: 24px; padding: 20px; border-radius: var(--cmr-r-panel); background: var(--in-card); border: 1px solid var(--in-line); min-width: 0; }
.cmr-guide[hidden] { display: none; }
.cmr-guide__t { margin: 0; font: 700 clamp(28px, 4vw, 40px)/1 var(--cmr-font-display); color: inherit; }
.cmr-guide__x { margin: 8px 0 14px; max-width: 70ch; font: 400 15px/1.55 var(--cmr-font-text); color: var(--in-sub); }
.cmr-guide__f { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.cmr-guide__tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-guide__tab { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 14px; border-radius: 999px; border: 1.5px solid var(--in-line); background: transparent; color: var(--in-fg); cursor: pointer; font: 700 15px/1.2 var(--cmr-font-text); }
.cmr-guide__tab .cmr-num { font: 600 13px/1 var(--cmr-font-data); color: var(--in-sub); }
.cmr-guide__tab[aria-pressed="true"] { background: var(--in-fg); border-color: var(--in-fg); color: var(--in-card); }
.cmr-guide__tab[aria-pressed="true"] .cmr-num { color: inherit; }
.cmr-guide__tab:focus-visible, .cmr-guide__s input:focus-visible, .cmr-guide__chk input:focus-visible { outline: 3px solid var(--cmr-buoy); outline-offset: 2px; }
.cmr-guide__opts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.cmr-guide__s input { min-height: 44px; width: 260px; max-width: 100%; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--in-line); background: var(--in-card); color: var(--in-fg); font: 600 15px/1.2 var(--cmr-font-text); }
.cmr-guide__chk { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font: 700 14px/1.2 var(--cmr-font-text); cursor: pointer; }
.cmr-guide__chk input { width: 20px; height: 20px; accent-color: var(--cmr-buoy); }
.cmr-guide__count { margin: 12px 0; font: 700 14px/1.3 var(--cmr-font-text); color: var(--in-sub); }
.cmr-guide__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.cmr-gfish[hidden] { display: none; }
.cmr-gfish > article { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 14px; border-radius: 10px; border: 1px solid var(--in-line); }
.cmr-gfish.is-caution > article { border-color: var(--cmr-danger-ink); }
.cmr-on-dark .cmr-gfish.is-caution > article { border-color: var(--cmr-danger); }
.cmr-gfish__tags { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.cmr-ichip--water { color: var(--in-sub); font-weight: 600; }
.cmr-ichip--m3 { border-color: var(--act-hi); color: var(--act-hi); } .cmr-ichip--m2 { border-color: var(--act-mid); color: var(--act-mid); } .cmr-ichip--m0 { border-style: dashed; color: var(--in-sub); }
.cmr-ichip--caution { border-color: var(--cmr-danger-ink); color: var(--cmr-danger-ink); font-weight: 800; }
.cmr-on-dark .cmr-ichip--caution { border-color: var(--cmr-danger); color: var(--cmr-danger); }
.cmr-gfish__cau { margin: 0; padding: 10px 12px; font: 600 14px/1.5 var(--cmr-font-text); }
.cmr-gfish__note { margin: 0; font: 400 14.5px/1.55 var(--cmr-font-text); }
.cmr-gfish__sk { margin: 0 0 4px; font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--in-sub); }
.cmr-gseason { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2px; }
.cmr-gseason__m { display: grid; place-items: end center; height: 30px; padding-bottom: 2px; border-radius: 3px; background: var(--in-track, rgba(127, 127, 127, .15)); font: 700 10px/1 var(--cmr-font-text); color: var(--in-sub); }
.cmr-gseason__m--1 { background: color-mix(in srgb, var(--act-mid) 30%, transparent); }
.cmr-gseason__m--2 { background: color-mix(in srgb, var(--act-mid) 65%, transparent); color: var(--in-fg); }
.cmr-gseason__m--3 { background: var(--act-hi); color: var(--cmr-abyss); }
.cmr-gseason__m.is-now { box-shadow: inset 0 0 0 2px var(--cmr-buoy); }
.cmr-gfish__more summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font: 800 14px/1.3 var(--cmr-font-text); color: var(--in-live); }
.cmr-gfish__more[open] > summary { margin-bottom: 6px; }
.cmr-gfish__more .cmr-fish__reg { margin-top: 8px; }
.cmr-gfish__act { margin: auto 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-top: 8px; border-top: 1px dashed var(--in-line); }
.cmr-gfish__spots { font: 600 13px/1.3 var(--cmr-font-text); color: var(--in-sub); }
.cmr-guide__empty { margin: 8px 0; font: 700 15px/1.5 var(--cmr-font-text); }
.cmr-guide > .cmr-safety { margin-top: 16px; }
@media (max-width: 767px) {
	.cmr-guide { padding: 16px; }
	.cmr-guide__f, .cmr-guide__opts { flex-direction: column; align-items: stretch; }
	.cmr-guide__tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cmr-guide__tab { justify-content: center; }
	.cmr-guide__s input { width: 100%; }
	.cmr-gfish__act .cmr-button { width: 100%; justify-content: center; }
}
.cmr-guide__morew { margin: 16px 0 0; display: flex; justify-content: center; }
.cmr-guide__morew[hidden] { display: none; }
@media (max-width: 767px) { .cmr-guide__morew .cmr-button { width: 100%; } }

/* =====================================================================
   v3 "console": deep canvas, glass panels, one accent (sonar) per panel, status colours only for index levels.
   Scope: .cmr-x (the /intel/ app and the spot page widget; the home brief keeps the styles above).
   ===================================================================== */
.cmr-x {
	--x-bg: #031019; --x-glass: rgba(14, 40, 62, .55); --x-glass2: rgba(18, 50, 77, .42); --x-hair: rgba(159, 179, 196, .16); --x-hair2: rgba(159, 179, 196, .28);
	--x-fg: #EAF2F6; --x-sub: #9FB3C4; --x-dim: #7F95A8; --x-acc: var(--cmr-sonar); --x-r: 20px; --x-r2: 14px; --x-gap: 16px;
	--lv-good: var(--cmr-go); --lv-fair: var(--cmr-caution); --lv-poor: var(--cmr-buoy); --lv-danger: var(--cmr-danger); --lv-na: #5D7387;
	position: relative; color: var(--x-fg); font: 400 16px/1.6 var(--cmr-font-text);
	background: radial-gradient(120% 60% at 85% 0%, rgba(56, 225, 211, .07), transparent 60%), radial-gradient(90% 50% at 0% 100%, rgba(43, 108, 196, .10), transparent 60%),
		linear-gradient(rgba(159, 179, 196, .045) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(159, 179, 196, .045) 1px, transparent 1px) 0 0 / 32px 32px, var(--x-bg);
	border-radius: var(--x-r); padding: 24px; isolation: isolate;
}
@media (max-width: 767px) { .cmr-x { padding: 16px 12px; border-radius: 16px; --x-gap: 12px; } }
.cmr-x *, .cmr-x *::before, .cmr-x *::after { box-sizing: border-box; }
.cmr-x a { color: inherit; }
.cmr-x [hidden] { display: none !important; }
.cmr-x .cmr-num, .cmr-x-sheet .cmr-num { font-family: var(--cmr-font-data); font-variant-numeric: tabular-nums; }
.cmr-x :focus-visible, .cmr-x-sheet :focus-visible { outline: 2px solid var(--x-acc, #38E1D3); outline-offset: 2px; }
.cmr-x .cmr-button--ghost { color: var(--x-fg); border-color: var(--x-hair2); }
.cmr-x .cmr-button--ghost:hover { background: rgba(56, 225, 211, .1); color: var(--x-fg); border-color: var(--x-acc); }

/* typography: label (12 / 800 / +.08em, dimmed), h3, readout */
.cmr-x-k { display: block; margin: 0 0 6px; font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; color: var(--x-sub); }
.cmr-x-k span { display: block; margin-top: 2px; font-weight: 600; letter-spacing: .02em; color: var(--x-dim); }
.cmr-x-h2 { margin: 0 0 14px; font: 800 clamp(22px, 3vw, 28px)/1.2 var(--cmr-font-text); color: var(--x-fg); }
.cmr-x-h3 { margin: 24px 0 12px; font: 800 18px/1.3 var(--cmr-font-text); color: var(--x-fg); }
.cmr-x-h3:first-child { margin-top: 0; }
.cmr-x-h4 { margin: 18px 0 8px; font: 800 16px/1.3 var(--cmr-font-text); }
.cmr-x-note { margin: 12px 0 0; font: 400 14px/1.6 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-lead { margin: 0 0 14px; color: var(--x-sub); }
.cmr-x-na { color: var(--x-dim); font-weight: 700; font-size: 15px; }
.cmr-x-row { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 16px 0 0; }
.cmr-x-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: var(--x-acc); font: 700 15px/1.3 var(--cmr-font-text); text-decoration: none; cursor: pointer; }
.cmr-x-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.cmr-x-full { width: 100%; }

/* header + live chip */
.cmr-x-top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: 16px; }
.cmr-x-top__t { margin: 0; font: 800 clamp(26px, 3.4vw, 36px)/1.1 var(--cmr-font-text); color: var(--x-fg); }
.cmr-x-top__s { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 8px 0 0; }
.cmr-x-top__tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.cmr-x-free { display: inline-flex; align-items: center; min-height: 26px; padding: 2px 10px; border-radius: 999px; background: rgba(43, 212, 139, .12); color: var(--cmr-go); font: 800 13px/1.2 var(--cmr-font-text); }
.cmr-x-live { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 2px 10px 2px 8px; border-radius: 999px; border: 1px solid var(--x-hair); background: rgba(3, 16, 25, .5); font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--x-sub); }
.cmr-x-live__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--x-acc); }
.cmr-x-live__dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid var(--x-acc); opacity: 0; }
.cmr-x-live.is-stale .cmr-x-live__dot { background: var(--cmr-caution); }
.cmr-x-live.is-stale .cmr-x-live__dot::after { display: none; }
.cmr-x-live__t { padding: 1px 6px; border-radius: 6px; background: rgba(159, 179, 196, .1); color: var(--x-fg); letter-spacing: .02em; }
.cmr-x-unitsw { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.cmr-x-units__l { color: var(--x-sub, #A9BCCB); font: 700 14px/1.2 var(--cmr-font-text); }
.cmr-x-units { display: inline-flex; padding: 3px; border-radius: 999px; border: 1px solid var(--x-hair); background: rgba(3, 16, 25, .5); }
.cmr-x-units button { min-height: 38px; min-width: 52px; padding: 4px 12px; border: 0; border-radius: 999px; background: none; color: var(--x-sub); font: 800 14px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-x-units button[aria-pressed="true"] { background: var(--x-fg); color: var(--cmr-abyss); }
@media (pointer: coarse) { .cmr-x-units button { min-height: 44px; } }

/* sticky segmented nav (the active item always visible) */
.cmr-x-seg { position: sticky; top: var(--cmr-sticky-top, 8px); z-index: 20; margin: 0 0 var(--x-gap); padding: 4px; border-radius: 999px; border: 1px solid var(--x-hair); background: rgba(3, 16, 25, .86); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 8px 24px rgba(0, 0, 0, .25); }
.cmr-x-seg ul { list-style: none; margin: 0; padding: 0; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; }
.cmr-x-seg a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 6px 10px; border-radius: 999px; color: var(--x-sub); font: 800 15px/1.1 var(--cmr-font-text); text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s; }
.cmr-x-seg a:hover { color: var(--x-fg); }
.cmr-x-seg a[aria-current] { background: var(--x-fg); color: var(--cmr-abyss); }
@media (min-width: 1024px) { .cmr-x-seg { max-width: 560px; } }

/* crumbs (spot page) */
.cmr-x-crumbs { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 12px; }
.cmr-x-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; font: 700 14px/1.3 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-crumbs li + li::before { content: "›"; margin: 0 8px; color: var(--x-dim); }
.cmr-x-crumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--x-acc); text-decoration: none; }
.cmr-x-crumbs a:hover { text-decoration: underline; }
.cmr-x-crumbs [aria-current] { color: var(--x-fg); }

/* glass panels */
.cmr-x-hero, .cmr-x-panel, .cmr-x-view, .cmr-x-gear, .cmr-x-radar { border-radius: var(--x-r); border: 1px solid var(--x-hair); background: linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 40%), var(--x-glass); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 40px rgba(0, 0, 0, .22); padding: 24px; }
.cmr-x-hero { margin-bottom: var(--x-gap); }
.cmr-x-gear { margin-top: var(--x-gap); }
@media (max-width: 767px) { .cmr-x-hero, .cmr-x-panel, .cmr-x-view, .cmr-x-gear, .cmr-x-radar { padding: 18px 16px; border-radius: 18px; } }

/* hero */
.cmr-x-hero__h { display: flex; align-items: flex-start; gap: 12px; }
.cmr-x-hero__tt { flex: 1 1 auto; min-width: 0; }
.cmr-x-hero__name { margin: 0; font: 800 clamp(26px, 4vw, 40px)/1.1 var(--cmr-font-text); color: var(--x-fg); overflow-wrap: anywhere; }
.cmr-x-hero__name:focus { outline: none; }
.cmr-x-hero__meta { margin: 6px 0 0; font: 600 14px/1.4 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-hero__status { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px; }
.cmr-x-ava { flex: none; width: 56px; height: 56px; }
.cmr-x-icon { flex: none; display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--x-hair2); background: none; color: var(--x-fg); cursor: pointer; font: 700 14px/1 var(--cmr-font-text); }
.cmr-x-icon[aria-pressed="true"] { background: var(--cmr-buoy); border-color: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-x-icon[aria-pressed="true"] svg { fill: currentColor; }
.cmr-x-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 12px; }
.cmr-x-duo__i { min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.cmr-x-why { margin: 18px 0 0; text-align: center; font: 600 15px/1.5 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-win { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 4px 10px; margin: 10px 0 0; font: 400 15px/1.4 var(--cmr-font-text); }
.cmr-x-win .cmr-x-k { display: inline; margin: 0; }
.cmr-x-win strong { font: 800 20px/1.2 var(--cmr-font-text); color: var(--x-fg); }
.cmr-x-alert { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; width: 100%; min-height: 44px; margin: 10px 0 0; padding: 10px 14px; border-radius: var(--x-r2); border: 1px solid rgba(255, 193, 69, .45); background: rgba(255, 193, 69, .1); color: var(--x-fg); text-align: start; font: 600 15px/1.4 var(--cmr-font-text); cursor: pointer; }
.cmr-x-alert--danger { border-color: rgba(255, 93, 93, .55); background: rgba(255, 93, 93, .12); }
.cmr-x-alert__tag { font: 800 11px/1.2 var(--cmr-font-text); letter-spacing: .08em; color: var(--x-sub); }
.cmr-x-alert__more { margin-inline-start: auto; color: var(--x-sub); font-size: 13px; }

/* gauge: 270° sonar ring */
.cmr-x-gauge { --g: var(--lv-na); position: relative; width: min(100%, 200px); aspect-ratio: 1; display: grid; place-items: center; color: var(--g); }
.cmr-x-gauge--good { --g: var(--lv-good); } .cmr-x-gauge--fair { --g: var(--lv-fair); } .cmr-x-gauge--poor { --g: var(--lv-poor); } .cmr-x-gauge--danger { --g: var(--lv-danger); }
.cmr-x-gauge svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.cmr-x-gauge__ticks line { stroke: var(--x-hair2); stroke-width: 1.2; }
.cmr-x-gauge__track { fill: none; stroke: rgba(159, 179, 196, .12); stroke-width: 10; stroke-linecap: round; }
.cmr-x-gauge__val { fill: none; stroke: currentColor; stroke-width: 10; stroke-linecap: round; filter: drop-shadow(0 0 6px color-mix(in srgb, currentColor 45%, transparent)); }
.cmr-x-gauge__sweep { position: absolute; inset: 14%; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 300deg, color-mix(in srgb, var(--x-acc) 22%, transparent) 360deg); opacity: .55; -webkit-mask: radial-gradient(circle, #000 64%, transparent 65%); mask: radial-gradient(circle, #000 64%, transparent 65%); }
.cmr-x-gauge__c { position: relative; display: flex; flex-direction: column; align-items: center; }
.cmr-x-gauge__n, .cmr-x-meter__n { font: 800 clamp(44px, 9vw, 60px)/1 var(--cmr-font-data); font-variant-numeric: tabular-nums; color: var(--x-fg); letter-spacing: -.02em; }
.cmr-x-gauge__l { margin-top: 4px; font: 800 13px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--g, var(--x-acc)); }
.cmr-x-gauge__na { font: 700 14px/1.2 var(--cmr-font-text); color: var(--x-dim); }
.cmr-x-gauge--sm { width: 64px; }
/* activity: waveform meter */
.cmr-x-meter { --m: var(--x-acc); width: min(100%, 220px); aspect-ratio: 1.1; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.cmr-x-meter--low { --m: #6E8FB0; }
.cmr-x-meter__top { display: flex; flex-direction: column; align-items: center; }
.cmr-x-meter .cmr-x-gauge__l { color: var(--m); }
.cmr-x-meter__bars { display: flex; align-items: flex-end; gap: 2px; height: 64px; padding: 0 4px; border-bottom: 1px solid var(--x-hair); }
.cmr-x-meter__b { flex: 1 1 0; height: var(--h); min-height: 3px; border-radius: 2px 2px 0 0; background: color-mix(in srgb, var(--m) 38%, transparent); transform-origin: bottom; }
.cmr-x-meter__b.is-now { background: var(--m); box-shadow: 0 0 10px color-mix(in srgb, var(--m) 60%, transparent); }
.cmr-x-meter__b.is-peak:not(.is-now) { background: color-mix(in srgb, var(--m) 70%, transparent); }
.cmr-x-meter__ax { display: flex; justify-content: space-between; font: 700 11px/1 var(--cmr-font-text); color: var(--x-dim); }

/* instrument tiles */
.cmr-x-tiles { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.cmr-x-tile { min-width: 0; padding: 16px; border-radius: var(--x-r2); background: var(--x-glass2); border: 1px solid var(--x-hair); }
.cmr-x-tile dd { margin: 0; display: flex; flex-direction: column; gap: 4px; }
.cmr-x-tile__v { font: 800 34px/1 var(--cmr-font-data); font-variant-numeric: tabular-nums; color: var(--x-fg); }
.cmr-x-tile__v small { margin-inline-start: 4px; font: 700 14px/1 var(--cmr-font-text); color: var(--x-dim); }
.cmr-x-tile__s { font: 600 13.5px/1.4 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-tile--wind .cmr-x-compass { width: 52px; height: 52px; margin-bottom: 2px; }
.cmr-x-tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; }
.cmr-x-tiles--3 .cmr-x-tile { padding: 12px; }
.cmr-x-tiles--3 .cmr-x-tile__v { font-size: 26px; }
.cmr-x-tiles--3 .cmr-x-compass { width: 44px; }
@media (min-width: 1200px) { .cmr-x-panel .cmr-x-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 380px) { .cmr-x-tiles--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cmr-x-tile__v { font-size: 28px; } }
.cmr-x-compass { width: 64px; height: 64px; }
.cmr-x-compass__ring { fill: none; stroke: var(--x-hair2); stroke-width: 1.5; }
.cmr-x-compass__card text { font: 800 9px var(--cmr-font-text); fill: var(--x-dim); text-anchor: middle; }
.cmr-x-compass__needle { fill: var(--x-acc); } .cmr-x-compass__tail { fill: var(--x-dim); } .cmr-x-compass__hub { fill: var(--x-fg); }
.cmr-x-wave { width: 100%; height: 36px; }
.cmr-x-wave path { fill: none; stroke: var(--x-acc); stroke-width: 2; stroke-linecap: round; vector-effect: non-scaling-stroke; }

/* levels (status colours only here) */
.cmr-x-lv--good { --lv: var(--lv-good); } .cmr-x-lv--fair { --lv: var(--lv-fair); } .cmr-x-lv--poor { --lv: var(--lv-poor); } .cmr-x-lv--danger { --lv: var(--lv-danger); } .cmr-x-lv--na { --lv: var(--lv-na); } .cmr-x-lv--a { --lv: var(--x-acc); }

/* chart */
.cmr-x-ch { color: var(--x-acc); }
.cmr-x-ch__read { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; min-height: 64px; margin-bottom: 10px; color: var(--x-fg); font: 600 14px/1.4 var(--cmr-font-text); }
.cmr-x-ch__read b { font-weight: 800; font-size: 16px; }
.cmr-x-ch__when { flex: 1 1 100%; font: 800 13px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--x-sub); }
.cmr-x-pill { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: 999px; background: color-mix(in srgb, var(--lv, var(--x-acc)) 16%, transparent); color: var(--x-fg); }
.cmr-x-pill b { color: var(--lv, var(--x-acc)); }
.cmr-x-pill--act { --lv: var(--x-acc); }
.cmr-x-ch__plot { position: relative; padding-bottom: 22px; }
.cmr-x-ch__plot svg { display: block; width: 100%; height: 180px; }
.cmr-x-ch__night { fill: rgba(0, 0, 0, .22); }
.cmr-x-ch__ix { fill: var(--lv); opacity: .85; }
.cmr-x-ch__wave { fill: rgba(159, 179, 196, .35); }
.cmr-x-ch__wind { fill: none; stroke: var(--x-acc); stroke-width: 2.2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.cmr-x-ch__gust { fill: none; stroke: var(--x-sub); stroke-width: 1.2; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke; }
.cmr-x-ch__sel { stroke: var(--x-fg); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.cmr-x-ch__days { position: absolute; inset-inline: 0; bottom: 0; height: 18px; }
.cmr-x-ch__day { position: absolute; bottom: 0; transform: translateX(50%); padding-inline-end: 4px; border-inline-end: 1px solid var(--x-hair2); font: 800 11px/1 var(--cmr-font-text); letter-spacing: .06em; color: var(--x-sub); white-space: nowrap; }
.cmr-x-ch__range { position: absolute; inset: 0 0 22px; width: 100%; height: calc(100% - 22px); margin: 0; opacity: 0; cursor: ew-resize; touch-action: pan-y; }
.cmr-x-ch__range:focus-visible + * { outline: none; }
.cmr-x-ch__plot:focus-within { outline: 2px solid var(--x-acc); outline-offset: 4px; border-radius: 8px; }
.cmr-x-ch__leg, .cmr-x-sky__k, .cmr-x-week__k { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 10px 0 0; font: 700 12px/1.3 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-ch__leg span::before, .cmr-x-sky__k span::before { content: ""; display: inline-block; width: 14px; height: 3px; margin-inline-end: 6px; vertical-align: middle; border-radius: 2px; background: var(--x-acc); }
.cmr-x-ch__leg .k-gust::before { background: repeating-linear-gradient(90deg, var(--x-sub) 0 4px, transparent 4px 7px); }
.cmr-x-ch__leg .k-wave::before { height: 8px; background: rgba(159, 179, 196, .45); }
.cmr-x-ch__leg .k-ix::before { height: 6px; background: linear-gradient(90deg, var(--lv-good) 0 33%, var(--lv-fair) 33% 66%, var(--lv-danger) 66%); }
.cmr-x-ch__leg .k-night::before { height: 10px; background: rgba(0, 0, 0, .4); border: 1px solid var(--x-hair); }

/* 7 slim columns */
.cmr-x-week { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.cmr-x-day { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 2px; border-radius: 12px; border: 1px solid transparent; background: rgba(3, 16, 25, .35); color: var(--x-fg); cursor: pointer; font: inherit; }
.cmr-x-day:hover { border-color: var(--x-hair2); }
.cmr-x-day__d { font: 800 13px/1 var(--cmr-font-text); color: var(--x-sub); white-space: nowrap; }
.cmr-x-day__col { position: relative; width: 10px; height: 84px; border-radius: 6px; background: rgba(159, 179, 196, .1); overflow: hidden; }
.cmr-x-day__col i { position: absolute; inset-inline: 0; bottom: 0; height: var(--h); border-radius: 6px; background: var(--lv); box-shadow: 0 0 10px color-mix(in srgb, var(--lv) 50%, transparent); }
.cmr-x-day__n { font: 800 17px/1 var(--cmr-font-data); }
.cmr-x-day__a { width: 8px; height: 8px; border-radius: 50%; background: var(--x-acc); opacity: calc(.15 + var(--a) / 120); }
.cmr-x-day__m { font: 700 12px/1 var(--cmr-font-data); color: var(--x-sub); }
.cmr-x-week__k span:nth-child(2)::before { content: "2. "; } .cmr-x-week__k span:nth-child(3)::before { content: "3. "; } .cmr-x-week__k span:first-child::before { content: "1. "; }

/* sky arc */
.cmr-x-sky { margin: 0; }
.cmr-x-sky svg { display: block; width: 100%; height: auto; max-height: 180px; overflow: visible; }
.cmr-x-sky__hz { stroke: var(--x-hair2); stroke-width: 1; }
.cmr-x-sky__sun { fill: none; stroke: var(--cmr-caution); stroke-width: 2.2; }
.cmr-x-sky__moon { fill: none; stroke: #C9D6E2; stroke-width: 1.6; stroke-dasharray: 3 3; }
.cmr-x-sky__band { fill: color-mix(in srgb, var(--x-acc) 45%, transparent); } .cmr-x-sky__band.is-major { fill: var(--x-acc); }
.cmr-x-sky__now { stroke: var(--x-fg); stroke-width: 1.2; stroke-dasharray: 2 3; }
.cmr-x-sky__t text { font: 700 10px var(--cmr-font-data); fill: var(--x-dim); text-anchor: middle; }
.cmr-x-sky__k .k-sun::before { background: var(--cmr-caution); } .cmr-x-sky__k .k-moon::before { background: #C9D6E2; } .cmr-x-sky__k .k-minor::before { background: color-mix(in srgb, #38E1D3 45%, transparent); }
.cmr-x-sky figcaption { margin-top: 12px; }

/* lists (definition rows) */
.cmr-x-list { margin: 0; display: grid; gap: 0; }
.cmr-x-list > div { display: grid; grid-template-columns: minmax(96px, 34%) minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--x-hair); }
.cmr-x-list > div:last-child { border-bottom: 0; }
.cmr-x-list dt { font: 800 13px/1.5 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-list dd { margin: 0; font: 400 15px/1.55 var(--cmr-font-text); color: var(--x-fg, #EAF2F6); }
.cmr-x-list dt { color: var(--x-sub, #9FB3C4); }
.cmr-x-list--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
.cmr-x-list--2 > div { grid-template-columns: 1fr; gap: 2px; }
.cmr-x-code { padding: 2px 8px; border-radius: 6px; background: rgba(159, 179, 196, .1); }
.cmr-x-caution { margin: 14px 0 0; padding: 12px 14px; border-radius: var(--x-r2); background: rgba(255, 193, 69, .08); border: 1px solid rgba(255, 193, 69, .3); font: 400 14.5px/1.6 var(--cmr-font-text); }
.cmr-x-reg { margin: 12px 0 0; font: 400 13.5px/1.6 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-sol { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.cmr-x-sol li { font: 600 14px/1.4 var(--cmr-font-text); }
.cmr-x-sol li > span:first-child { display: inline-block; min-width: 56px; font-weight: 800; color: var(--x-sub); }
.cmr-x-sol li.is-major > span:first-child { color: var(--x-acc); }
.cmr-x-sol small { color: var(--x-dim); }
.cmr-x-navbtns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }

/* fish rows */
.cmr-x-fishes { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cmr-x-fish { border-radius: var(--x-r2); background: var(--x-glass2); border: 1px solid var(--x-hair); }
.cmr-x-fish > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "n b c" "s s s"; align-items: center; gap: 6px 10px; min-height: 56px; padding: 10px 14px; cursor: pointer; list-style: none; }
.cmr-x-fish > summary::-webkit-details-marker { display: none; }
.cmr-x-fish__n { grid-area: n; font: 800 16px/1.3 var(--cmr-font-text); }
.cmr-x-fish .cmr-x-season { grid-area: s; }
.cmr-x-fish .cmr-x-badge { grid-area: b; }
.cmr-x-chev { grid-area: c; width: 10px; height: 10px; border-inline-start: 2px solid var(--x-sub); border-bottom: 2px solid var(--x-sub); transform: rotate(-45deg); transition: transform .2s; }
.cmr-x-fish[open] .cmr-x-chev { transform: rotate(135deg); }
.cmr-x-fish__b { padding: 0 14px 14px; }
.cmr-x-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 10px; border-radius: 999px; background: rgba(159, 179, 196, .12); font: 800 12px/1.2 var(--cmr-font-text); color: var(--x-fg); white-space: nowrap; }
.cmr-x-badge.is-now { background: var(--x-acc); color: var(--cmr-abyss); }
.cmr-x-badge.is-dim { color: var(--x-sub); }
.cmr-x-badge.is-cau { background: rgba(255, 93, 93, .16); color: #FF8A8A; }
.cmr-x-season { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2px; width: 100%; max-width: 240px; }
.cmr-x-season i { height: 6px; border-radius: 2px; background: rgba(159, 179, 196, .14); }
.cmr-x-season i.s1 { background: color-mix(in srgb, var(--x-acc) 30%, transparent); } .cmr-x-season i.s2 { background: color-mix(in srgb, var(--x-acc) 62%, transparent); } .cmr-x-season i.s3 { background: var(--x-acc); }
.cmr-x-season i.is-now { box-shadow: 0 0 0 1.5px var(--x-fg); }
.cmr-x-season-l { margin: 14px 0; }
.cmr-x-season-l .cmr-x-season { max-width: none; }
.cmr-x-season-l .cmr-x-season i { height: 12px; }
.cmr-x-season-l__m { display: flex; justify-content: space-between; margin-top: 4px; font: 700 11px/1 var(--cmr-font-text); color: var(--x-dim); }
.cmr-x-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-x-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--x-hair2); color: var(--x-fg); font: 700 13.5px/1.2 var(--cmr-font-text); text-decoration: none; }
a.cmr-x-chip:hover { border-color: var(--x-acc); color: var(--x-acc); }
.cmr-x-chip.is-plain { color: var(--x-sub); border-style: dashed; }
@media (pointer: coarse) { .cmr-x-chip { min-height: 44px; } }

/* factors (sheet) */
.cmr-x-factors { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.cmr-x-factors li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; }
.cmr-x-factors__l { font: 800 14px/1.3 var(--cmr-font-text); }
.cmr-x-factors__v { text-align: end; font: 600 14px/1.3 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-factors .cmr-x-bar { grid-column: 1 / -1; }
.cmr-x-factors small { grid-column: 1 / -1; font: 400 13px/1.5 var(--cmr-font-text); color: var(--x-dim); }
.cmr-x-bar { display: block; height: 6px; border-radius: 3px; background: rgba(159, 179, 196, .12); overflow: hidden; }
.cmr-x-bar i { display: block; height: 100%; border-radius: 3px; background: var(--lv); }

/* gear row: one compact horizontal list */
.cmr-x-gear .cmr-x-gear__list { list-style: none; margin: 0; padding: 0 0 6px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 260px); gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; }
.cmr-x-gear .cmr-x-gear__list > li { scroll-snap-align: start; }
.cmr-x-gear .cmr-card--mini { height: 100%; padding: 8px; border-radius: 12px; background: var(--cmr-paper); color: var(--cmr-ink); }
.cmr-x-gear .cmr-card--mini a { color: var(--cmr-ink); }
.cmr-x-gear .cmr-button, .cmr-x-gear button { min-height: 44px; }
.cmr-x-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 16px 0 0; font: 600 13px/1.5 var(--cmr-font-text); color: var(--x-dim); }

/* /intel/ console */
.cmr-x-console { display: grid; gap: var(--x-gap); }
@media (min-width: 1024px) {
	.cmr-x-console { grid-template-columns: minmax(380px, 1fr) minmax(0, 1.25fr); align-items: start; }
	.cmr-x-side { position: sticky; top: calc(var(--cmr-sticky-top, 8px) + 70px); }
	.cmr-x-map { height: min(78vh, 720px); }
}
@media (max-width: 1023px) {
	.cmr-x-side { display: none; }
	.cmr-x[data-cmr-x-cur="map"] .cmr-x-side { display: block; order: -1; }
	.cmr-x-map { height: min(56vh, 460px); }
}
.cmr-x-map { position: relative; border-radius: var(--x-r); overflow: hidden; border: 1px solid var(--x-hair); background: var(--cmr-abyss); box-shadow: inset 0 0 0 1px rgba(56, 225, 211, .06), 0 12px 40px rgba(0, 0, 0, .3); isolation: isolate; }
.cmr-x-map.is-na { display: grid; place-items: center; padding: 24px; }
.cmr-x-map__hud { position: absolute; z-index: 2; inset-inline-start: 12px; bottom: 12px; pointer-events: none; }
.cmr-x-legend { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; padding: 6px 10px; border-radius: 999px; background: rgba(3, 16, 25, .8); border: 1px solid var(--x-hair); font: 700 12px/1 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-legend i { width: 8px; height: 8px; border-radius: 50%; background: var(--lv); margin-inline-start: 6px; }
.cmr-x-legend i:first-child { margin-inline-start: 0; }
.cmr-x-filter { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.cmr-x-filter button { min-height: 40px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--x-hair); background: none; color: var(--x-sub); font: 700 14px/1.1 var(--cmr-font-text); cursor: pointer; }
.cmr-x-filter button[aria-pressed="true"] { border-color: var(--x-acc); color: var(--x-fg); background: rgba(56, 225, 211, .1); }
.cmr-x-filter .cmr-num { color: var(--x-dim); margin-inline-start: 2px; }
@media (pointer: coarse) { .cmr-x-filter button { min-height: 44px; } }
.cmr-x-search { display: block; margin: 0 0 12px; }
.cmr-x-search input { width: 100%; min-height: 48px; padding: 10px 16px; border-radius: 14px; border: 1px solid var(--x-hair2); background: rgba(3, 16, 25, .5); color: var(--x-fg); font: 600 16px/1.2 var(--cmr-font-text); }
.cmr-x-search input::placeholder { color: var(--x-dim); }
.cmr-x-count { margin: 0 0 8px; font: 700 13px/1.3 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-top5, .cmr-x-spots { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cmr-x-spots { max-height: 640px; overflow-y: auto; overscroll-behavior: contain; }
.cmr-x-view .cmr-x-spots { max-height: none; }
@media (min-width: 1024px) { .cmr-x-view[data-cmr-x-view="map"] .cmr-x-spots { max-height: 62vh; overflow-y: auto; padding-inline-end: 4px; } }
.cmr-x-spot { position: relative; width: 100%; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 14px; border-radius: var(--x-r2); border: 1px solid var(--x-hair); background: var(--x-glass2); color: var(--x-fg); text-align: start; font: inherit; cursor: pointer; transition: border-color .15s, background-color .15s; }
.cmr-x-spot:hover, li.is-cur > .cmr-x-spot { border-color: var(--x-acc); background: rgba(56, 225, 211, .06); }
.cmr-x-spot__r { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--x-hair2); font: 800 14px/1 var(--cmr-font-data); color: var(--x-sub); }
.cmr-x-top5 li:first-child .cmr-x-spot__r { border-color: var(--x-acc); color: var(--x-acc); }
.cmr-x-spot__tt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cmr-x-spot__n { font: 800 16px/1.3 var(--cmr-font-text); overflow-wrap: anywhere; }
.cmr-x-spot__m { font: 600 13px/1.35 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-spot__ix { flex: none; display: flex; flex-direction: column; align-items: center; min-width: 52px; }
.cmr-x-spot__ix b { font: 800 24px/1 var(--cmr-font-data); color: var(--lv); }
.cmr-x-spot__ix small { margin-top: 3px; font: 700 11px/1 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-spot__a { position: absolute; inset-inline: 14px; bottom: 0; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--x-acc), transparent); transform-origin: right; transform: scaleX(calc(var(--a) / 100)); opacity: .7; }

/* radar */
.cmr-x-radar { position: relative; overflow: hidden; padding: 0; border: 0; background: none; box-shadow: none; }
.cmr-x-radar__scope { position: relative; width: 120px; aspect-ratio: 1; margin: 0 auto 12px; border-radius: 50%; border: 1px solid var(--x-hair2); background: radial-gradient(circle, transparent 0 32%, var(--x-hair) 33% 33.6%, transparent 34% 65%, var(--x-hair) 66% 66.6%, transparent 67%), rgba(3, 16, 25, .5); }
.cmr-x-radar__scope span { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 290deg, rgba(56, 225, 211, .45) 360deg); }
.cmr-x-radar__x { margin: 0 auto 14px; max-width: 46ch; text-align: center; color: var(--x-sub); }
.cmr-x-radar__f { display: grid; gap: 12px; margin-top: 16px; }
.cmr-x-radar__opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; padding-top: 12px; }
.cmr-x-fld { display: flex; flex-direction: column; gap: 6px; font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--x-sub); }
.cmr-x-fld select { width: 100%; min-height: 48px; padding: 8px 12px; border-radius: 14px; border: 1px solid var(--x-hair2); background: rgba(3, 16, 25, .6); color: var(--x-fg); font: 700 15px/1.2 var(--cmr-font-text); letter-spacing: 0; }
.cmr-x-more > summary { display: flex; align-items: center; min-height: 44px; color: var(--x-acc); font: 700 15px/1.3 var(--cmr-font-text); cursor: pointer; }
[data-cmr-radar-out]:not(:empty) { margin-top: 20px; }

/* guide grid */
.cmr-x-guide__opts { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 16px; }
.cmr-x-guide__opts .cmr-x-search { margin: 0; }
.cmr-x-check { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font: 700 14px/1.2 var(--cmr-font-text); cursor: pointer; }
.cmr-x-check input { width: 20px; height: 20px; accent-color: var(--cmr-sonar); }
@media (max-width: 520px) { .cmr-x-guide__opts { grid-template-columns: 1fr; } }
.cmr-x-gl { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 8px; }
.cmr-x-gi { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 76px; padding: 12px 14px; border-radius: var(--x-r2); border: 1px solid var(--x-hair); background: var(--x-glass2); color: var(--x-fg); text-align: start; font: inherit; cursor: pointer; }
.cmr-x-gi:hover { border-color: var(--x-acc); }
.cmr-x-gi.is-cau { border-color: rgba(255, 93, 93, .35); }
.cmr-x-gi__n { font: 800 16px/1.3 var(--cmr-font-text); }
.cmr-x-gi__m { font: 600 12.5px/1.3 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-gi .cmr-x-season { max-width: none; margin-top: auto; }
.cmr-x-lat { margin: -4px 0 8px; font: italic 400 14px/1.3 var(--cmr-font-text); color: var(--x-sub); text-align: end; }
.cmr-x-prose p { margin: 0 0 8px; color: var(--x-sub); }
.cmr-x-prose a { color: var(--cmr-sonar); }
.cmr-x-cta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.cmr-x-icon--text { padding: 0 16px; }

/* skeletons */
.cmr-x-skel { position: relative; min-height: 360px; border-radius: var(--x-r); background: linear-gradient(90deg, rgba(159, 179, 196, .05), rgba(159, 179, 196, .1), rgba(159, 179, 196, .05)) 0 0 / 200% 100%, var(--x-glass, rgba(14, 40, 62, .55)); display: grid; place-items: center; }
.cmr-x-skel--row { min-height: 64px; list-style: none; border-radius: 14px; }
.cmr-x-skel--rows { min-height: 180px; }

/* bottom sheet (dialog in the top layer; it is inside .cmr-x so it inherits the tokens) */
.cmr-x-sheet { position: fixed; inset: auto 0 0 0; width: 100%; max-width: 640px; max-height: 88vh; margin: 0 auto; padding: 0; border: 0; border-radius: 22px 22px 0 0; background: #071A28; color: var(--x-fg, #EAF2F6); box-shadow: 0 -12px 48px rgba(0, 0, 0, .5); overflow: hidden; font: 400 16px/1.6 var(--cmr-font-text); }
.cmr-x-sheet::backdrop { background: rgba(1, 8, 14, .62); }
.cmr-x-sheet__in { display: flex; flex-direction: column; max-height: 88vh; border: 1px solid rgba(159, 179, 196, .16); border-bottom: 0; border-radius: inherit; }
.cmr-x-sheet__grip { width: 44px; height: 4px; margin: 10px auto 0; border-radius: 2px; background: rgba(159, 179, 196, .35); }
.cmr-x-sheet__h { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 20px 8px; }
.cmr-x-sheet__t { margin: 0; font: 800 22px/1.25 var(--cmr-font-text); color: inherit; }
.cmr-x-sheet__x { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(159, 179, 196, .28); background: none; color: inherit; cursor: pointer; }
.cmr-x-sheet__b { overflow-y: auto; overscroll-behavior: contain; padding: 4px 20px 28px; }
.cmr-x-sheet .cmr-x-hero { padding: 0; border: 0; background: none; box-shadow: none; margin: 0; }
@media (min-width: 768px) { .cmr-x-sheet { inset: 0; margin: auto; max-height: 84vh; border-radius: 22px; } .cmr-x-sheet__in { border-bottom: 1px solid rgba(159, 179, 196, .16); max-height: 84vh; } .cmr-x-sheet__grip { display: none; } }

/* motion: sweep, live pulse, sheet slide, bar rise. All off for reduced motion and "stop animations". */
@media (prefers-reduced-motion: no-preference) {
	.cmr-x-gauge__sweep, .cmr-x-radar__scope span { animation: cmr-x-spin 6s linear infinite; }
	.cmr-x-live__dot::after { animation: cmr-x-pulse 2.4s ease-out infinite; }
	.cmr-x-sheet[open] { animation: cmr-x-up .28s var(--cmr-ease, ease-out); }
	.cmr-x-meter__b { animation: cmr-x-rise .6s var(--cmr-ease, ease-out) both; }
	.cmr-x-skel { animation: cmr-shimmer 1.6s linear infinite; }
	@media (min-width: 768px) { .cmr-x-sheet[open] { animation-name: cmr-x-fade; } }
}
.cmr-motion-off .cmr-x *, .cmr-motion-off .cmr-x-sheet, .cmr-motion-off .cmr-x-sheet * { animation: none !important; transition: none !important; }
@keyframes cmr-x-spin { to { transform: rotate(360deg); } }
@keyframes cmr-x-pulse { 0% { opacity: .8; transform: scale(.6); } 100% { opacity: 0; transform: scale(2); } }
@keyframes cmr-x-up { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes cmr-x-fade { from { transform: translateY(12px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes cmr-x-rise { from { transform: scaleY(.1); } to { transform: none; } }

/* theme button states (hover/focus paint every <button> pink): restate ours */
.cmr-x .cmr-x-link:is(:hover, :focus), .cmr-x-sheet .cmr-x-link:is(:hover, :focus), .cmr-x-sheet .cmr-x-sheet__x:is(:hover, :focus), .cmr-x .cmr-x-icon:not([aria-pressed="true"]):is(:hover, :focus),
.cmr-x .cmr-x-units button:not([aria-pressed="true"]):is(:hover, :focus), .cmr-x .cmr-x-filter button:not([aria-pressed="true"]):is(:hover, :focus), .cmr-x-sheet .cmr-x-icon:not([aria-pressed="true"]):is(:hover, :focus) { background-color: transparent; color: inherit; }
.cmr-x .cmr-x-link:is(:hover, :focus), .cmr-x-sheet .cmr-x-link:is(:hover, :focus) { color: var(--x-acc); }
.cmr-x .cmr-x-units button[aria-pressed="true"]:is(:hover, :focus) { background-color: var(--x-fg); color: var(--cmr-abyss); }
.cmr-x .cmr-x-filter button[aria-pressed="true"]:is(:hover, :focus) { background-color: rgba(56, 225, 211, .1); color: var(--x-fg); }
.cmr-x .cmr-x-icon[aria-pressed="true"]:is(:hover, :focus), .cmr-x-sheet .cmr-x-icon[aria-pressed="true"]:is(:hover, :focus) { background-color: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-x .cmr-x-spot:is(:hover, :focus), .cmr-x-sheet .cmr-x-spot:is(:hover, :focus) { background-color: rgba(56, 225, 211, .06); color: var(--x-fg); }
.cmr-x .cmr-x-gi:is(:hover, :focus) { background-color: rgba(18, 50, 77, .6); color: var(--x-fg); }
.cmr-x .cmr-x-day:is(:hover, :focus), .cmr-x-sheet .cmr-x-day:is(:hover, :focus) { background-color: rgba(3, 16, 25, .5); color: var(--x-fg); }
.cmr-x .cmr-x-alert:is(:hover, :focus), .cmr-x-sheet .cmr-x-alert:is(:hover, :focus) { background-color: rgba(255, 193, 69, .14); color: var(--x-fg); }
.cmr-x .cmr-x-alert--danger:is(:hover, :focus) { background-color: rgba(255, 93, 93, .16); }
.cmr-x-temp { position: relative; display: block; height: 6px; margin: 14px 0 12px; border-radius: 3px; background: linear-gradient(to left, #2B6CC4, #38E1D3 45%, #FFC145 75%, #FF5D5D); opacity: .75; }
.cmr-x-temp i { position: absolute; top: 50%; inset-inline-start: var(--p); width: 14px; height: 14px; border-radius: 50%; background: var(--x-fg); border: 3px solid var(--x-bg); transform: translate(50%, -50%); }
.cmr-x-tiles { align-items: start; }
@media (max-width: 767px) { .cmr-x-units button { min-height: 44px; } }
.cmr-x .cmr-button--ghost:is(:hover, :focus), .cmr-x-sheet .cmr-button--ghost:is(:hover, :focus) { background-color: rgba(56, 225, 211, .1); color: var(--x-fg, #EAF2F6); border-color: var(--x-acc, #38E1D3); }
.cmr-x .cmr-button--primary:is(:hover, :focus), .cmr-x-sheet .cmr-button--primary:is(:hover, :focus) { background-color: var(--cmr-buoy-hover); color: var(--cmr-abyss); }
.cmr-x-sheet .cmr-button--ghost { color: var(--x-fg, #EAF2F6); border-color: rgba(159, 179, 196, .28); }

/* =====================================================================
   v4: living sea, time travel, the coast as the interface
   ===================================================================== */
/* living-sea hero (spot page, preview sheet, deck cards) */
.cmr-x-sea { position: relative; overflow: hidden; padding: 0; isolation: isolate; min-height: 520px; background: #04121F; }
.cmr-x-sea__cv { position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: -2; }
.cmr-x-sea__scrim { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(3, 12, 22, .72) 0%, rgba(3, 12, 22, .18) 34%, rgba(3, 12, 22, .1) 52%, rgba(3, 12, 22, .78) 100%); }
.cmr-x-sea__in { position: relative; display: flex; flex-direction: column; min-height: inherit; padding: 22px 24px 20px; }
.cmr-x-sea__main { margin: auto 0 0; padding-top: 28px; }
.cmr-x-sea .cmr-x-hero__status { margin: 10px 0 0; }
.cmr-x-big { display: flex; align-items: flex-end; gap: 14px; margin: 0; }
.cmr-x-big__n { font: 800 clamp(88px, 22vw, 136px)/.82 var(--cmr-font-data); font-variant-numeric: tabular-nums; letter-spacing: -.04em; color: #fff; text-shadow: 0 4px 30px rgba(0, 0, 0, .45); }
.cmr-x-big__l { display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; }
.cmr-x-big__l > span { font: 800 24px/1 var(--cmr-font-text); color: var(--lv, var(--x-acc)); text-shadow: 0 2px 14px rgba(0, 0, 0, .5); }
.cmr-x-big__l small { font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; color: rgba(234, 242, 246, .78); }
.cmr-x-big--sm .cmr-x-big__n { font-size: 52px; text-shadow: none; }
.cmr-x-big--sm .cmr-x-big__l > span { font-size: 17px; text-shadow: none; }
.cmr-x-say { margin: 12px 0 0; font: 800 clamp(20px, 3.2vw, 26px)/1.3 var(--cmr-font-text); color: #fff; text-shadow: 0 2px 16px rgba(0, 0, 0, .55); }
.cmr-x-facts { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 10px 0 0; font: 600 15px/1.4 var(--cmr-font-text); color: rgba(234, 242, 246, .92); }
.cmr-x-facts b { font-weight: 800; color: rgba(234, 242, 246, .7); margin-inline-end: 4px; font-size: 12px; letter-spacing: .06em; }
.cmr-x-facts small { color: rgba(234, 242, 246, .66); }
.cmr-x-sea__act { margin-top: 16px; }
.cmr-x-sea__act .cmr-x-k { color: rgba(234, 242, 246, .78); }
.cmr-x-sea__act .cmr-x-meter { width: 100%; aspect-ratio: auto; }
.cmr-x-sea__act .cmr-x-meter__top { display: none; }
.cmr-x-sea__act .cmr-x-meter__bars { height: 34px; }
.cmr-x-sea .cmr-x-win { justify-content: flex-start; margin-top: 12px; }
.cmr-x-sea .cmr-x-win .cmr-x-k { color: rgba(234, 242, 246, .78); }
.cmr-x-sea .cmr-x-alert { background: rgba(40, 24, 6, .55); }
.cmr-x-sea .cmr-x-live { background: rgba(3, 12, 22, .55); }
.cmr-x-sea--sheet { min-height: 420px; margin: 0 -20px 16px; border-radius: 0; }
.cmr-x-sheet .cmr-x-sea--sheet { padding: 0; }
@media (min-width: 1024px) {
	.cmr-x-hero.cmr-x-sea:not(.cmr-x-sea--sheet) { min-height: 560px; }
	.cmr-x-hero.cmr-x-sea .cmr-x-sea__in { padding: 28px 36px 24px; }
	.cmr-x-hero.cmr-x-sea .cmr-x-sea__main { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: end; column-gap: 32px; }
	.cmr-x-hero.cmr-x-sea .cmr-x-big { grid-row: span 2; }
	.cmr-x-hero.cmr-x-sea .cmr-x-sea__act { max-width: 520px; }
}
@media (max-width: 767px) {
	.cmr-x-hero.cmr-x-sea:not(.cmr-x-sea--sheet) { margin-inline: -12px; border-radius: 0; border-inline: 0; min-height: calc(100svh - 120px); max-height: 760px; }
	.cmr-x-sea__in { padding: 18px 16px 16px; }
}

/* scrubber */
.cmr-x-scrub { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "p t w" ". t n"; align-items: center; gap: 4px 12px; margin-top: 16px; padding: 10px 12px; border-radius: 18px; border: 1px solid rgba(159, 179, 196, .22); background: rgba(3, 12, 22, .62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.cmr-x-scrub[aria-disabled="true"] { opacity: .6; }
.cmr-x-scrub__play { grid-area: p; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--x-acc); color: var(--cmr-abyss); cursor: pointer; }
.cmr-x-scrub__play .i-pause, .cmr-x-scrub__play.is-on .i-play { display: none; }
.cmr-x-scrub__play.is-on .i-pause { display: inline; }
.cmr-x .cmr-x-scrub__play:is(:hover, :focus) { background-color: #6BEADF; color: var(--cmr-abyss); }
.cmr-x-scrub__play:disabled { opacity: .5; cursor: default; }
.cmr-x-scrub__track { grid-area: t; position: relative; padding-bottom: 16px; }
.cmr-x-scrub input[type="range"] { width: 100%; height: 44px; margin: 0; background: none; -webkit-appearance: none; appearance: none; cursor: pointer; }
.cmr-x-scrub input[type="range"]::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: linear-gradient(to left, var(--x-acc), rgba(56, 225, 211, .18)); }
.cmr-x-scrub input[type="range"]::-moz-range-track { height: 6px; border-radius: 3px; background: linear-gradient(to left, var(--x-acc), rgba(56, 225, 211, .18)); }
.cmr-x-scrub input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 28px; height: 28px; margin-top: -11px; border-radius: 50%; border: 3px solid var(--x-acc); background: #fff; box-shadow: 0 0 0 6px rgba(56, 225, 211, .18), 0 4px 14px rgba(0, 0, 0, .4); }
.cmr-x-scrub input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; border: 3px solid var(--x-acc); background: #fff; box-shadow: 0 0 0 6px rgba(56, 225, 211, .18); }
.cmr-x-scrub input[type="range"]:focus-visible { outline: 2px solid var(--x-acc); outline-offset: 2px; border-radius: 8px; }
.cmr-x-scrub__days { position: absolute; inset-inline: 0; bottom: 0; height: 16px; }
.cmr-x-scrub__days i { position: absolute; top: 0; height: 16px; border-inline-start: 1px solid rgba(159, 179, 196, .35); }
.cmr-x-scrub__days span { position: absolute; top: 2px; inset-inline-start: 4px; font: 800 11px/1 var(--cmr-font-text); color: rgba(234, 242, 246, .7); white-space: nowrap; font-style: normal; }
.cmr-x-scrub__when { grid-area: w; min-width: 92px; text-align: center; padding: 6px 10px; border-radius: 10px; background: rgba(159, 179, 196, .12); font: 800 15px/1.2 var(--cmr-font-data); font-variant-numeric: tabular-nums; color: #fff; white-space: nowrap; }
.cmr-x-scrub.is-future .cmr-x-scrub__when { background: rgba(56, 225, 211, .18); color: var(--x-acc); }
.cmr-x-scrub__now { grid-area: n; min-height: 36px; padding: 2px 10px; border: 0; border-radius: 999px; background: none; color: var(--x-acc); font: 800 13px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-x .cmr-x-scrub__now:is(:hover, :focus) { background-color: transparent; color: #fff; }
@media (pointer: coarse) { .cmr-x-scrub__now { min-height: 44px; } }
/* /intel/: the time bar sits in the flow above the cards (QA M-04: never over the number or the buttons) */
.cmr-x-scrubwrap .cmr-x-scrub { margin: 0 0 12px; }

/* deck: swipeable hero cards */
.cmr-x-view--now { padding: 0; border: 0; background: none; box-shadow: none; }
.cmr-x-h2--now { margin-bottom: 10px; }
.cmr-x-deck { position: relative; }
.cmr-x-deck__rail { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: var(--x-r); }
.cmr-x-deck__rail::-webkit-scrollbar { display: none; }
.cmr-x-card { position: relative; scroll-snap-align: center; overflow: hidden; isolation: isolate; min-height: 470px; border-radius: var(--x-r); border: 1px solid var(--x-hair); background: #04121F; }
.cmr-x-card__in { position: relative; display: flex; flex-direction: column; min-height: inherit; padding: 20px 20px 18px; }
.cmr-x-card__tag { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin: 0 0 10px; padding: 4px 12px; border-radius: 999px; background: rgba(3, 12, 22, .55); border: 1px solid rgba(159, 179, 196, .22); font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: #fff; }
.cmr-x-card__n { margin: 0; font: 800 clamp(24px, 6vw, 32px)/1.15 var(--cmr-font-text); color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, .5); }
.cmr-x-card__n:focus { outline: none; }
.cmr-x-card .cmr-x-hero__meta { color: rgba(234, 242, 246, .8); }
.cmr-x-card .cmr-x-big { margin-top: auto; padding-top: 24px; }
.cmr-x-card__cta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 16px 0 0; }
.cmr-x-card__cta .cmr-button { min-height: 48px; padding-inline: 12px; }
.cmr-x-card .cmr-button--ghost { background: rgba(3, 12, 22, .5); }
.cmr-x-deck__nav { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 8px; }
.cmr-x-deck__arr { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--x-hair); background: none; color: var(--x-fg); cursor: pointer; }
.cmr-x .cmr-x-deck__arr:is(:hover, :focus) { background-color: rgba(56, 225, 211, .1); color: var(--x-fg); }
.cmr-x-dots { display: flex; align-items: center; }
.cmr-x-dot { display: grid; place-items: center; width: 28px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; }
.cmr-x-dot::before { content: ""; width: 7px; height: 7px; border-radius: 4px; background: rgba(159, 179, 196, .4); transition: width .2s, background-color .2s; }
.cmr-x-dot[aria-current]::before { width: 20px; background: var(--x-acc); }
.cmr-x .cmr-x-dot:is(:hover, :focus) { background-color: transparent; }
.cmr-x-ping { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--x-acc); }
.cmr-x-ping::before, .cmr-x-ping::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1.5px solid var(--x-acc); opacity: 0; }
.cmr-x-skel--deck { min-height: 470px; }
@media (max-width: 767px) {
	.cmr-x-deck { margin-inline: -12px; }
	.cmr-x-deck__rail { border-radius: 0; gap: 0; }
	.cmr-x-card { border-radius: 0; border-inline: 0; min-height: min(560px, calc(100svh - 230px)); }
}
@media (min-width: 1024px) { .cmr-x-card { min-height: 500px; } .cmr-x-card__in { padding: 26px 28px 22px; } }

/* the coast (desktop hero) */
.cmr-x-coast { position: relative; border-radius: var(--x-r); border: 1px solid var(--x-hair); background: radial-gradient(80% 60% at 30% 40%, rgba(56, 225, 211, .06), transparent 70%), linear-gradient(180deg, #041725, #020B13); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 60px rgba(0, 0, 0, .35); padding: 12px; }
.cmr-x-coast__stage { position: relative; width: min(100%, calc(min(80vh, 1000px) * .76)); aspect-ratio: 760 / 1000; margin: 0 auto; }
.cmr-x-coast__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.cmr-x-coast__land { fill: url(#cmr-x-land); opacity: .9; }
.cmr-x-coast__depth { fill: none; stroke: #38E1D3; stroke-width: 1; stroke-dasharray: 2 6; }
.cmr-x-coast__glow { fill: none; stroke: rgba(56, 225, 211, .22); stroke-width: 12; stroke-linecap: round; filter: blur(5px); }
.cmr-x-coast__line { fill: none; stroke: #7FF3EA; stroke-width: 2; stroke-linecap: round; }
.cmr-x-coast__lake { fill: #062A3D; stroke: #7FF3EA; stroke-width: 1.6; }
.cmr-x-coast__inset { fill: rgba(4, 23, 37, .7); stroke: rgba(159, 179, 196, .22); }
.cmr-x-coast__lbl, .cmr-x-coast__city text { font: 800 15px var(--cmr-font-text); fill: rgba(159, 179, 196, .75); }
.cmr-x-coast__city text { font-weight: 600; font-size: 14px; fill: rgba(159, 179, 196, .55); }
.cmr-x-coast__sea { font: 800 30px var(--cmr-font-text); letter-spacing: .4em; fill: rgba(56, 225, 211, .12); }
.cmr-x-coast__nodes { position: absolute; inset: 0; }
.cmr-x-node { position: absolute; display: grid; place-items: center; width: 26px; height: 26px; margin: -13px 0 0 -13px; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; }
.cmr-x .cmr-x-node:is(:hover, :focus) { background-color: transparent; }
.cmr-x-node__dot { position: relative; width: 11px; height: 11px; border-radius: 50%; background: var(--lv); box-shadow: 0 0 0 2px rgba(2, 11, 19, .9), 0 0 12px color-mix(in srgb, var(--lv) 70%, transparent); transition: transform .2s, background-color .4s; }
.cmr-x-node__dot::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid var(--lv); opacity: 0; }
.cmr-x-node:hover .cmr-x-node__dot, .cmr-x-node:focus-visible .cmr-x-node__dot, .cmr-x-node.is-cur .cmr-x-node__dot { transform: scale(1.6); }
.cmr-x-node:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.cmr-x-node.is-best { z-index: 3; }
.cmr-x-node.is-best .cmr-x-node__dot { width: 14px; height: 14px; }
.cmr-x-node.is-best .cmr-x-node__dot::before { content: ""; position: absolute; inset: -14px; border-radius: 50%; border: 1.5px solid var(--x-acc); opacity: 0; }
.cmr-x-coast__card { position: absolute; z-index: 5; width: 260px; margin: 18px 0 0 18px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(159, 179, 196, .25); background: rgba(5, 22, 36, .86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 18px 48px rgba(0, 0, 0, .5); pointer-events: none; }
.cmr-x-coast__card.is-left { transform: translateX(calc(-100% - 36px)); }
.cmr-x-coast__cn { margin: 0; font: 800 17px/1.25 var(--cmr-font-text); color: #fff; }
.cmr-x-coast__cr { margin: 0 0 6px; font: 600 12.5px/1.3 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-coast__card .cmr-x-say { font-size: 15px; margin-top: 6px; text-shadow: none; }
.cmr-x-coast__card .cmr-x-facts { font-size: 13px; gap: 4px 12px; }
@media (min-width: 1024px) {
	.cmr-x[data-cmr-x-cur="map"] .cmr-x-coast { display: none; }
	.cmr-x:not([data-cmr-x-cur="map"]) .cmr-x-map { display: none; }
	.cmr-x-console { grid-template-columns: minmax(420px, 1fr) minmax(0, 1.15fr); }
}
@media (min-width: 1600px) { .cmr-x-console { grid-template-columns: minmax(520px, 1fr) minmax(0, 1.1fr); } .cmr-x { padding: 32px; } }
@media (max-width: 1023px) { .cmr-x-coast { display: none; } }

/* motion for v4 (off under reduced motion / "stop animations") */
@media (prefers-reduced-motion: no-preference) {
	.cmr-x-node.is-active .cmr-x-node__dot::after { animation: cmr-x-pulse var(--pulse, 3s) ease-out infinite; }
	.cmr-x-node.is-best .cmr-x-node__dot::before, .cmr-x-ping::before { animation: cmr-x-pulse 2.2s ease-out infinite; }
	.cmr-x-ping::after { animation: cmr-x-pulse 2.2s ease-out 1.1s infinite; }
}
@media (max-width: 767px) {
	.cmr-x-top { align-items: center; margin-bottom: 10px; }
	.cmr-x-top__t { font-size: 24px; }
	.cmr-x-top__s { margin-top: 4px; }
	.cmr-x-top__tools .cmr-x-link { display: none; }
	.cmr-x-filter { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -12px; padding-inline: 12px; }
	.cmr-x-filter::-webkit-scrollbar { display: none; }
	.cmr-x-filter button { flex: none; }
	.cmr-x-card { min-height: max(420px, min(540px, calc(100svh - 300px))); }
	.cmr-x-hero.cmr-x-sea:not(.cmr-x-sea--sheet) .cmr-x-sea__in { padding-bottom: 84px; }
}
/* coast v4b: overflowing land, finer nodes, scrubber above the deck on desktop */
.cmr-x-coast { overflow: hidden; background: radial-gradient(70% 50% at 25% 45%, rgba(56, 225, 211, .08), transparent 70%), linear-gradient(180deg, #06243A, #031522); }
.cmr-x-coast__svg { overflow: visible; }
.cmr-x-coast__land { fill: #070F17; opacity: 1; }
.cmr-x-coast__sea { letter-spacing: 0; font-size: 34px; fill: rgba(56, 225, 211, .14); }
.cmr-x-coast__inset { fill: #070F17; stroke: rgba(159, 179, 196, .18); }
.cmr-x-node__dot { width: 9px; height: 9px; }
.cmr-x-node.is-best .cmr-x-node__dot { width: 13px; height: 13px; }
@media (min-width: 1024px) {
	.cmr-x-view--now { display: flex; flex-direction: column; }
	.cmr-x-view--now > * { order: 5; }
	.cmr-x-view--now > .cmr-x-h2--now { order: 1; }
	.cmr-x-view--now > .cmr-x-filter { order: 2; }
	.cmr-x-view--now > .cmr-x-scrubwrap { order: 3; margin-bottom: 14px; }
	.cmr-x-view--now > .cmr-x-scrubwrap .cmr-x-scrub { margin-top: 0; }
	.cmr-x-view--now > .cmr-x-deck { order: 4; }
}
.cmr-x-coast__stage { width: min(100%, calc(min(72vh, 1000px) * .76)); }
.cmr-x-coast__card.is-up { margin-top: -18px; transform: translateY(-100%); }
.cmr-x-coast__card.is-up.is-left { transform: translate(calc(-100% - 36px), -100%); }
@media (max-width: 767px) { .cmr-x-card { min-height: 400px; } .cmr-x-card .cmr-x-big { padding-top: 16px; } .cmr-x-card .cmr-x-big__n { font-size: clamp(76px, 20vw, 112px); } }

/* =====================================================================
   QA phase 2 (M-04, M-08, M-09, M-26, M-28, A-05, A-07, A-15, P1-8)
   ===================================================================== */
/* sticky nav under the site's pinned header (cmr-chrome.js sets --cmr-header-h; our own measure is the fallback) */
.cmr-x-seg { top: calc(var(--cmr-header-h, var(--cmr-sticky-top, 0px)) + 8px); }
/* A-05: dark text on the orange CTA (the link colour rule used to win: 2.07:1) */
.cmr-x .cmr-button--primary, .cmr-x-sheet .cmr-button--primary, .cmr-x a.cmr-button--primary, .cmr-x a.cmr-button--primary:visited { color: var(--cmr-abyss); }
/* A-07: every intel animation stops with the site motion signal / Ally "pause animations" (set by cmr-intel.js) */
.cmr-x--still *, .cmr-x--still *::before, .cmr-x--still *::after, html.cmr-motion-off .cmr-x *, html.cmr-motion-off .cmr-x *::before, html.cmr-motion-off .cmr-x *::after { animation: none !important; transition: none !important; }
/* M-08: nothing under 12px */
.cmr-x-ch__day, .cmr-x-season-l__m, .cmr-x-spot__ix small, .cmr-x-scrub__days span, .cmr-x-meter__ax, .cmr-x-alert__tag, .cmr-x-legend { font-size: 12px; }
.cmr-x-sky__t text { font-size: 12px; }
.cmr-x-gauge__l, .cmr-x-big__l small, .cmr-x-k { font-size: 12.5px; }
.cmr-x-facts, .cmr-x-spot__m { font-size: 14px; }
/* M-09: 44 px targets */
.cmr-x-scrub__now { min-height: 44px; }
.cmr-x-dots { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0; }
.cmr-x-dots__n { font: 800 14px/1.2 var(--cmr-font-data); color: var(--x-sub); }
.cmr-x-dots__d { display: flex; gap: 6px; }
.cmr-x-dots__d .cmr-x-dot { width: 7px; height: 7px; padding: 0; border-radius: 4px; background: rgba(159, 179, 196, .4); }
.cmr-x-dots__d .cmr-x-dot::before { display: none; }
.cmr-x-dots__d .cmr-x-dot.is-on { width: 18px; background: var(--x-acc); }
.cmr-x-deck__nav { gap: 16px; }
.cmr-x-deck__arr { width: 48px; height: 48px; }
/* M-28: the page titles in the site's display face, like every other page */
.cmr-x-top__t, .cmr-x-hero__name, .cmr-x-card__n { font-family: var(--cmr-font-display); font-weight: 700; letter-spacing: .01em; line-height: 1; }
.cmr-x-top__t { font-size: clamp(40px, 5vw, 60px); }
.cmr-x-hero__name { font-size: clamp(42px, 6vw, 64px); }
.cmr-x-card__n { font-size: clamp(36px, 8vw, 48px); }
@media (max-width: 767px) { .cmr-x-top__t { font-size: 40px; } }
.cmr-x-skel--gear { min-height: 196px; }
/* P1-8 CLS: the spot widget reserves its first-view height before the script fills it (hero + nav + "now" + gear) */
.cmr-intel.cmr-spotw { min-height: 1340px; }
@media (max-width: 1023px) { .cmr-intel.cmr-spotw { min-height: 1520px; } }
@media (max-width: 767px) { .cmr-intel.cmr-spotw { min-height: calc(min(100svh - 120px, 760px) + 940px); } }
@media (max-width: 600px) { .cmr-x-top { flex-direction: column; align-items: stretch; gap: 8px; } .cmr-x-top__tools { justify-content: flex-end; } }

/* =====================================================================
   "שאלו את קורמי" (top of /intel/ and under the spot hero): free question, answer text + typed visual blocks
   ===================================================================== */
.cmr-x-ask { position: relative; margin: 0 0 var(--x-gap); padding: 22px 24px; border-radius: var(--x-r); border: 1px solid rgba(56, 225, 211, .28);
	background: radial-gradient(120% 120% at 100% 0%, rgba(56, 225, 211, .10), transparent 55%), linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 50%), var(--x-glass);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 40px rgba(0, 0, 0, .22); }
.cmr-x-ask__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.cmr-x-ask__ava { flex: none; width: 52px; height: 52px; }
.cmr-x-ask__t { margin: 0; font: 800 22px/1.2 var(--cmr-font-text); color: var(--x-fg); }
.cmr-x-ask__s { margin: 2px 0 0; font: 400 14.5px/1.5 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-ask__f { display: flex; gap: 8px; padding: 5px; border-radius: 999px; border: 1px solid var(--x-hair2); background: rgba(3, 16, 25, .72); transition: border-color .2s, box-shadow .2s; }
.cmr-x-ask__f:focus-within { border-color: var(--x-acc); box-shadow: 0 0 0 3px rgba(56, 225, 211, .18); }
.cmr-x-ask__f input { flex: 1 1 auto; min-width: 0; min-height: 48px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; color: var(--x-fg); font: 600 16px/1.3 var(--cmr-font-text); }
.cmr-x-ask__f input::placeholder { color: var(--x-dim); opacity: 1; }
.cmr-x-ask__f input:focus { outline: none; }
.cmr-x .cmr-x-ask__go { flex: none; min-height: 48px; min-width: 88px; padding: 0 22px; border-radius: 999px; }
.cmr-x .cmr-x-ask__go[disabled] { opacity: .6; cursor: progress; }
.cmr-x-ask__ex { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.cmr-x-ask__chip { min-height: 44px; background: rgba(3, 16, 25, .45); cursor: pointer; text-align: start; }
.cmr-x-ask__chip:hover { border-color: var(--x-acc); color: var(--x-acc); }
.cmr-x-ask__geo { border-color: rgba(56, 225, 211, .45); color: var(--x-acc); }
.cmr-x-ask__geo::before { content: ""; width: 8px; height: 8px; margin-inline-end: 8px; border-radius: 50%; background: var(--x-acc); box-shadow: 0 0 0 3px rgba(56, 225, 211, .2); }
.cmr-x-ask__geo[disabled] { opacity: .7; cursor: progress; }
.cmr-x-ask__out:empty { display: none; }
.cmr-x-ask__out { margin-top: 16px; }
.cmr-x-ask__wait { display: flex; align-items: center; gap: 12px; min-height: 84px; padding: 6px 0; }
.cmr-x-ask__wait p { margin: 0; font: 700 15px/1.4 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-ask__think { flex: none; width: 72px; height: 72px; }
.cmr-x-ask__think:not([hidden]) + p::after { content: ""; display: inline-block; width: 1.2em; text-align: start; animation: cmr-x-dots 1.2s steps(4) infinite; }
@keyframes cmr-x-dots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } }
.cmr-x-ask__err { padding: 12px 14px; border-radius: var(--x-r2); border: 1px solid rgba(255, 176, 32, .35); background: rgba(255, 176, 32, .08); color: var(--x-fg); }
.cmr-x-ask__fu { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 16px; }
.cmr-x-ask__fu .cmr-x-link { margin-inline-start: 6px; }

.cmr-x-ans { padding-top: 16px; border-top: 1px solid var(--x-hair); }
@media (prefers-reduced-motion: no-preference) { .cmr-x-ans { animation: cmr-rise .45s var(--cmr-ease) both; } }
.cmr-x-ans__q { display: inline-block; max-width: 100%; margin: 0 0 10px; padding: 6px 14px; border-radius: 16px 16px 4px 16px; background: rgba(159, 179, 196, .12); font: 600 14px/1.45 var(--cmr-font-text); color: var(--x-sub); overflow-wrap: anywhere; }
.cmr-x-ans__t { margin: 0 0 4px; font: 600 clamp(17px, 2vw, 19px)/1.6 var(--cmr-font-text); color: var(--x-fg); max-width: 68ch; }
.cmr-x-ans__src { margin: 14px 0 0; font: 600 12.5px/1.5 var(--cmr-font-text); color: var(--x-dim); }
.cmr-x-ablock { margin: 16px 0 0; }
.cmr-x-ablock > .cmr-x-k { margin-bottom: 8px; }

/* ranked spot cards */
.cmr-x-acards { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
@media (min-width: 768px) { .cmr-x-acards:has(> li:nth-child(2)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cmr-x-acard { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 14px 16px; border-radius: var(--x-r2); border: 1px solid var(--x-hair);
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--lv, var(--x-acc)) 7%, transparent)), rgba(3, 16, 25, .5); }
.cmr-x-acard::before { content: ""; position: absolute; inset-block: 12px; inset-inline-end: 0; width: 3px; border-radius: 3px; background: var(--lv, var(--x-acc)); }
.cmr-x-acard > .cmr-x-spot__r { margin-top: 2px; }
.cmr-x-acard:first-child > .cmr-x-spot__r { border-color: var(--x-acc); color: var(--x-acc); }
.cmr-x-acards > .cmr-x-acard:only-child { grid-template-columns: minmax(0, 1fr) auto; }
.cmr-x-acard__b { min-width: 0; }
.cmr-x-acard__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0; }
.cmr-x-acard__n { font: 800 16.5px/1.3 var(--cmr-font-text); color: var(--x-fg); text-decoration: none; overflow-wrap: anywhere; }
.cmr-x-acard__n:hover { color: var(--x-acc); text-decoration: underline; text-underline-offset: 3px; }
.cmr-x-acard__w { font: 800 13px/1.3 var(--cmr-font-text); color: var(--x-acc); }
.cmr-x-acard__m { margin: 6px 0 0; font: 600 14px/1.5 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-acard__m b { color: var(--x-fg); font-weight: 600; }
.cmr-x-acard__fit { margin: 6px 0 0; font: 400 13.5px/1.5 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-acard__go { display: flex; flex-wrap: wrap; gap: 0 18px; margin: 2px 0 -8px; }
.cmr-x-acard__ix { display: flex; flex-direction: column; align-items: center; min-width: 64px; text-align: center; }
.cmr-x-acard__ix b { font: 500 32px/1 var(--cmr-font-data); color: var(--lv, var(--x-fg)); }
.cmr-x-acard__ix small { margin-top: 3px; font: 800 12px/1.2 var(--cmr-font-text); color: var(--x-fg); }
.cmr-x-acard__ac { display: block; width: 56px; height: 4px; margin-top: 8px; border-radius: 2px; background: rgba(159, 179, 196, .18); overflow: hidden; }
.cmr-x-acard__ac i { display: block; height: 100%; border-radius: 2px; background: var(--x-acc); }
.cmr-x-acard .cmr-x-acard__acl { margin-top: 3px; font-weight: 700; color: var(--x-sub); }

/* value chips */
.cmr-x-achips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.cmr-x-achips > div { flex: 1 1 120px; padding: 10px 14px; border-radius: var(--x-r2); border: 1px solid var(--x-hair); background: rgba(3, 16, 25, .45); }
.cmr-x-achips dt { font: 800 12.5px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--x-sub); }
.cmr-x-achips dd { margin: 4px 0 0; font: 600 14px/1.3 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-achips dd b { font: 500 24px/1 var(--cmr-font-data); color: var(--x-fg); }
.cmr-x-achips dd small { display: block; margin-top: 3px; font-size: 12.5px; }

/* mini timeline */
.cmr-x-achart { margin-inline: 0; }
.cmr-x-achart__plot { position: relative; padding: 8px 0 22px; border-radius: var(--x-r2); }
.cmr-x-achart svg { display: block; width: 100%; height: 120px; overflow: visible; }
.cmr-x-achart rect[class^="cmr-x-lv"] { fill: var(--lv); opacity: .85; }
.cmr-x-achart__win { fill: rgba(56, 225, 211, .12); stroke: rgba(56, 225, 211, .5); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.cmr-x-achart__w { fill: none; stroke: #EAF2F6; stroke-width: 1.6; stroke-linejoin: round; opacity: .85; vector-effect: non-scaling-stroke; }
.cmr-x-achart__days { position: absolute; inset-inline: 0; bottom: 0; height: 18px; }
.cmr-x-achart__days span { position: absolute; top: 0; padding-inline-start: 4px; border-inline-start: 1px solid var(--x-hair2); font: 700 12px/18px var(--cmr-font-text); color: var(--x-sub); white-space: nowrap; }
.cmr-x-achart__k { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 8px 0 0; font: 700 12px/1.4 var(--cmr-font-text); color: var(--x-sub); }
.cmr-x-achart__k span::before { content: ""; display: inline-block; width: 12px; height: 10px; margin-inline-end: 6px; vertical-align: -1px; border-radius: 2px; }
.cmr-x-achart__k .k-ix::before { background: linear-gradient(90deg, var(--lv-good), var(--lv-fair), var(--lv-poor)); }
.cmr-x-achart__k .k-w::before { height: 2px; vertical-align: 3px; background: #EAF2F6; }
.cmr-x-achart__k .k-win::before { background: rgba(56, 225, 211, .2); border: 1px dashed rgba(56, 225, 211, .7); }

/* 7 days */
.cmr-x-adays { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.cmr-x-adays li { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 2px; border-radius: var(--x-r2); border: 1px solid transparent; text-align: center; }
.cmr-x-adays li.is-best { border-color: var(--x-acc); background: rgba(56, 225, 211, .07); }
.cmr-x-adays__d { font: 800 13px/1.2 var(--cmr-font-text); color: var(--x-fg); }
.cmr-x-adays .cmr-x-day__col { height: 56px; }
.cmr-x-adays b { font: 500 17px/1 var(--cmr-font-data); color: var(--lv, var(--x-fg)); }
.cmr-x-adays small { min-height: 1.3em; font: 700 12px/1.3 var(--cmr-font-data); color: var(--x-sub); overflow-wrap: anywhere; }

/* species */
.cmr-x-aspecies { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
@media (min-width: 768px) { .cmr-x-aspecies { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } }
.cmr-x-aspecies li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 10px 14px; border-radius: var(--x-r2); border: 1px solid var(--x-hair); background: rgba(3, 16, 25, .45); }
.cmr-x-aspecies b { font: 800 15px/1.3 var(--cmr-font-text); }
.cmr-x-aspecies small { flex: 1 1 100%; font: 400 13.5px/1.5 var(--cmr-font-text); color: var(--x-sub); }

@media (max-width: 767px) {
	.cmr-x-ask { padding: 16px 14px; border-radius: 18px; }
	.cmr-x-ask__head { margin-bottom: 12px; }
	.cmr-x-ask__ava { width: 44px; height: 44px; }
	.cmr-x-ask__ava .cmr-kanim { --cmr-kanim-size: 44px !important; }
	.cmr-x-ask__t { font-size: 20px; }
	.cmr-x-ask__f input { padding: 0 12px; font-size: 16px; }
	.cmr-x .cmr-x-ask__go { min-width: 72px; padding: 0 16px; }
	/* example chips: one swipeable row inside the box (the page itself never scrolls sideways) */
	.cmr-x-ask__ex { flex-wrap: nowrap; overflow-x: auto; margin-inline: -14px; padding: 0 14px 4px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.cmr-x-ask__ex::-webkit-scrollbar { display: none; }
	.cmr-x-ask__ex .cmr-x-chip { flex: none; scroll-snap-align: start; white-space: nowrap; }
	.cmr-x-acard { padding: 12px; gap: 10px; }
	.cmr-x-acard__ix { min-width: 56px; }
	.cmr-x-acard__ix b { font-size: 28px; }
	.cmr-x-adays { gap: 2px; }
	.cmr-x-adays li { padding: 8px 0; }
	.cmr-x-adays small { font-size: 12px; letter-spacing: -.02em; }
}
@media (max-width: 380px) { .cmr-x-adays small { display: none; } }

/* fishing law: a closed area / reserve / the Kinneret season shows a cross, never a score (v5 + v4 maps) */
.cmr-ping.is-ban .cmr-ping__dot { background: #3A1518; border-color: #FF8A8A; color: #FF9A9A; }
.cmr-ping.is-ban .cmr-ping__wave { display: none; }

/* Product cards inside the dark intel app are white: their buttons use the shop's light-surface colours, not the
   app's light-on-dark ones (the "בחירת אפשרויות" text was pale on white). */
.cmr-x .cmr-card .cmr-button--ghost, .cmr-x-sheet .cmr-card .cmr-button--ghost, .cmr-v5 .cmr-card .cmr-button--ghost { background: #fff; color: var(--cmr-ink, #0b1b2a); border-color: var(--cmr-ink, #0b1b2a); }
.cmr-x .cmr-card .cmr-button--ghost:is(:hover, :focus-visible), .cmr-x-sheet .cmr-card .cmr-button--ghost:is(:hover, :focus-visible), .cmr-v5 .cmr-card .cmr-button--ghost:is(:hover, :focus-visible) { background: var(--cmr-ink, #0b1b2a); color: #fff; border-color: var(--cmr-ink, #0b1b2a); }

/* cmr-intel-app */
/* Cormorant - fishing intel v5 "app inside the site" (assets/intel/cmr-app.js, includes/intel/class-app.php).
   Design system "מכ״ם עומק" (docs/design-system.md): abyss surfaces, sonar for live values, buoy for the main action.
   Time of day: [data-tod] = dawn | morning | noon | golden | dusk | night on .cmr-v5 and on every photo box.
   RTL first, 44 px targets, no sideways page scroll 360-414, motion stops with the site motion signal. */

/* =========================================================
   1. App mode: the site keeps its main header row; the sea ticker and the shop category bar leave (client, 2026-10-24)
   ========================================================= */
body.cmr-app .elementor-location-header .elementor-widget-cmr-intel-ticker,
body.cmr-app .elementor-location-header .elementor-widget-cmr-shop-bar,
body.cmr-app .elementor-location-header .e-con:has(> .elementor-widget-cmr-intel-ticker):not(:has(.elementor-widget-nav-menu)),
body.cmr-app .elementor-location-header .e-con:has(> .elementor-widget-cmr-shop-bar):not(:has(.elementor-widget-nav-menu)) { display: none !important; }
/* the app's boxed container is centred on wide screens (page 332 / template 450 left it at the start edge) */
body.cmr-app .e-con:has(.elementor-widget-cmr-intel-app, .elementor-widget-cmr-spot-forecast) { margin-inline: auto; }
/* the app bar sits right under the site header: no empty band from the page's section padding (client, 2026-10-24) */
body.cmr-app .e-con:has(.elementor-widget-cmr-intel-app, .elementor-widget-cmr-spot-forecast) { padding-top: 0 !important; margin-top: 0 !important; }
body.cmr-app .elementor-widget-cmr-intel-app, body.cmr-app .elementor-widget-cmr-spot-forecast { margin-top: 0 !important; }
@media (max-width: 1023px) { body.cmr-app .cmr-appbar { margin-top: 8px; } }
@media (max-width: 1023px) {
	body.cmr-app { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
}

/* =========================================================
   2. Tokens + time-of-day palettes
   ========================================================= */
.cmr-v5 {
	--v-bg: #041421; --v-card: rgba(10, 34, 54, .72); --v-card2: rgba(14, 44, 68, .55); --v-line: rgba(159, 179, 196, .18); --v-line2: rgba(159, 179, 196, .3);
	--v-fg: #F2F6F8; --v-sub: #A9BCCB; --v-dim: #8297A9; --v-acc: var(--cmr-sonar); --v-r: 22px; --v-r2: 16px; --v-gap: 16px;
	--sky-a: #10345A; --sky-b: #5FA8D3; --sea-a: #0B3D5C; --sea-b: #041421; --glow: rgba(255, 214, 150, .0);
	position: relative; color: var(--v-fg);
}
.cmr-v5.cmr-x { background: none; padding: 0; border-radius: 0; isolation: isolate; }
.cmr-v5 *, .cmr-v5 *::before, .cmr-v5 *::after { box-sizing: border-box; }
[data-tod="dawn"] { --sky-a: #23305E; --sky-b: #E8957A; --sea-a: #3B4F79; --sea-b: #0A1B33; --glow: rgba(255, 170, 130, .45); }
[data-tod="morning"] { --sky-a: #2F78B8; --sky-b: #B9DDF0; --sea-a: #1C6E9A; --sea-b: #06263D; --glow: rgba(255, 236, 190, .25); }
[data-tod="noon"] { --sky-a: #1666B0; --sky-b: #86CBEA; --sea-a: #0F6C96; --sea-b: #04253B; --glow: rgba(255, 255, 230, .12); }
[data-tod="golden"] { --sky-a: #3A2C60; --sky-b: #F2A452; --sea-a: #5A4A6A; --sea-b: #0E1A30; --glow: rgba(255, 180, 90, .55); }
[data-tod="dusk"] { --sky-a: #171A45; --sky-b: #B65D7A; --sea-a: #2A2C58; --sea-b: #070F22; --glow: rgba(240, 120, 140, .35); }
[data-tod="night"] { --sky-a: #02070F; --sky-b: #0E2442; --sea-a: #071A2E; --sea-b: #01060D; --glow: rgba(180, 200, 255, .08); }
[data-scene="kinneret"] { --sea-a: #1F6A6A; }
[data-scene="eilat_reef"], [data-scene="eilat_beach"] { --sea-a: #0C8CA0; }
[data-tod="night"][data-scene] { --sea-a: #071A2E; }
.cmr-v5[data-tod="golden"], .cmr-v5[data-tod="dawn"] { --v-acc: #FFC27A; }
.cmr-v5[data-tod="dusk"] { --v-acc: #FFB0C0; }
.cmr-v5 .cmr-x-live, .cmr-v5 .cmr-num.is-live { --v-acc: var(--cmr-sonar); }

/* a photo box: the time-of-day gradient (sky, glow on the horizon, sea), the manifest image fades in on top */
.cmr-v5-ph, .cmr-v5-stage { position: relative; overflow: hidden;
	background: radial-gradient(60% 40% at 30% 52%, var(--glow), transparent 70%), linear-gradient(180deg, var(--sky-a) 0%, var(--sky-b) 52%, var(--sea-a) 53%, var(--sea-b) 100%); }
.cmr-v5-ph { display: block; flex: none; }
.cmr-v5-ph img, .cmr-v5-stage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cmr-v5-stage img { opacity: 0; transition: opacity .9s var(--cmr-ease); }
.cmr-v5-stage img.is-in { opacity: 1; }

/* =========================================================
   3. App sub-bar (sticky under the site header) + the field's suggestions
   ========================================================= */
.cmr-appbar { position: sticky; top: var(--cmr-header-h, 0px); z-index: 45; margin: 0 0 14px; border-radius: 16px; border: 1px solid rgba(159, 179, 196, .2);
	background: rgba(4, 20, 33, .9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 10px 28px rgba(0, 0, 0, .28); color: #F2F6F8; transition: top .28s var(--cmr-ease); }
.cmr-appbar__in { display: flex; align-items: center; gap: 10px 18px; min-height: 56px; padding: 6px 10px 6px 12px; }
.cmr-appbar__brand { display: inline-flex; align-items: center; gap: 8px; flex: none; min-height: 44px; color: #F2F6F8; text-decoration: none; font: 800 16px/1.1 var(--cmr-font-text); }
.cmr-appbar__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--cmr-sonar); box-shadow: 0 0 0 4px rgba(56, 225, 211, .18); }
.cmr-appbar__free { padding: 2px 8px; border-radius: 999px; background: rgba(43, 212, 139, .14); color: var(--cmr-go); font-size: 12.5px; }
.cmr-appbar__tabs { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.cmr-appbar__tabs li { margin: 0; }
.cmr-appbar__tabs a, .cmr-appbar__kormi { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 12px; border: 0; border-radius: 999px; background: none; color: #A9BCCB; font: 700 15px/1 var(--cmr-font-text); text-decoration: none; cursor: pointer; }
.cmr-appbar__tabs a:hover, .cmr-appbar__kormi:hover { color: #F2F6F8; background: rgba(159, 179, 196, .1); }
.cmr-appbar__tabs a[aria-current] { color: #041421; background: #F2F6F8; }
.cmr-appbar__kormi { color: var(--cmr-sonar); }
.cmr-app-ico, .cmr-v5-i { width: 20px; height: 20px; flex: none; }
.cmr-appbar__q { position: relative; display: flex; align-items: center; flex: 1 1 260px; min-width: 0; margin-inline-start: auto; }
.cmr-appbar__q > .cmr-app-ico { position: absolute; inset-inline-start: 14px; color: #8297A9; pointer-events: none; }
.cmr-appbar__q input[type="search"] { width: 100%; min-height: 44px; padding: 0 44px 0 14px; border-radius: 999px; border: 1px solid rgba(159, 179, 196, .3); background: rgba(10, 34, 54, .8); color: #F2F6F8; font: 600 15px/1.2 var(--cmr-font-text); }
.cmr-appbar__q input::placeholder { color: #8297A9; opacity: 1; }
.cmr-appbar__q input:focus-visible { outline: 2px solid var(--cmr-sonar); outline-offset: 2px; border-color: var(--cmr-sonar); }
.cmr-appbar__list { position: absolute; top: calc(100% + 6px); inset-inline: 0; z-index: 5; max-height: min(60vh, 420px); overflow-y: auto; padding: 6px; border-radius: 16px; border: 1px solid rgba(159, 179, 196, .28); background: #0A2236; box-shadow: 0 18px 40px rgba(0, 0, 0, .45); }
.cmr-appbar__opt { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 10px; border-radius: 12px; cursor: pointer; color: #F2F6F8; }
.cmr-appbar__opt[aria-selected="true"], .cmr-appbar__opt:hover { background: rgba(56, 225, 211, .12); }
.cmr-appbar__opt b { display: block; font: 700 15px/1.3 var(--cmr-font-text); }
.cmr-appbar__opt small { display: block; font: 600 12.5px/1.3 var(--cmr-font-text); color: #A9BCCB; }
.cmr-appbar__opt .cmr-v5-i { color: var(--cmr-sonar); }
.cmr-appbar__opt--shop .cmr-v5-i { color: var(--cmr-buoy); }
@media (max-width: 1023px) {
	.cmr-appbar { margin-inline: -4px; border-radius: 14px; }
	.cmr-appbar__tabs li:not(:last-child), .cmr-appbar__free { display: none; }
	/* keep the link name for screen readers (axe link-name); only the dot is shown */
	.cmr-appbar__brand span:not(.cmr-appbar__dot):not(.cmr-appbar__free) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.cmr-appbar__brand { min-width: 44px; justify-content: center; }
	.cmr-appbar__kormi span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.cmr-appbar__kormi { width: 44px; justify-content: center; padding: 0; background: rgba(56, 225, 211, .12); }
	.cmr-appbar__in { gap: 8px; padding: 6px 8px; }
	.cmr-appbar__q { flex-basis: 0; order: 2; }
	.cmr-appbar__tabs { order: 3; }
}

/* =========================================================
   4. Bottom app nav (phones and tablets)
   ========================================================= */
.cmr-appnav { display: none; }
@media (max-width: 1023px) {
	.cmr-appnav { display: block; position: fixed; inset-inline: 0; bottom: 0; z-index: 60; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); background: rgba(4, 20, 33, .96); border-top: 1px solid rgba(159, 179, 196, .2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 -10px 30px rgba(0, 0, 0, .3); }
	.cmr-appnav ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; max-width: 560px; margin: 0 auto; padding: 0; list-style: none; }
	.cmr-appnav li { margin: 0; }
	.cmr-appnav a, .cmr-appnav button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 100%; min-height: 54px; padding: 4px 2px; border: 0; border-radius: 14px; background: none; color: #A9BCCB; font: 700 12.5px/1.1 var(--cmr-font-text); text-decoration: none; cursor: pointer; }
	.cmr-appnav a[aria-current] { color: var(--cmr-sonar); }
	.cmr-appnav a[aria-current] .cmr-app-ico { filter: drop-shadow(0 0 6px rgba(56, 225, 211, .55)); }
	.cmr-appnav .is-kormi button { color: #F2F6F8; }
	.cmr-appnav__k { display: grid; place-items: center; width: 44px; height: 44px; margin-top: -18px; border-radius: 50%; background: linear-gradient(160deg, var(--cmr-sonar), #1E9FB0); color: #041421; box-shadow: 0 6px 18px rgba(56, 225, 211, .35), 0 0 0 4px rgba(4, 20, 33, .96); }
	.cmr-appnav__k .cmr-app-ico { width: 24px; height: 24px; }
	.cmr-appnav a:focus-visible, .cmr-appnav button:focus-visible { outline: 2px solid var(--cmr-sonar); outline-offset: -2px; }
}

/* =========================================================
   5. Home hero "לאן יוצאים היום?" + spot photo header
   ========================================================= */
.cmr-v5__hero, .cmr-v5__photo { position: relative; overflow: hidden; border-radius: var(--v-r); isolation: isolate;
	background: radial-gradient(60% 40% at 30% 52%, var(--glow), transparent 70%), linear-gradient(180deg, var(--sky-a) 0%, var(--sky-b) 52%, var(--sea-a) 53%, var(--sea-b) 100%); }
.cmr-v5__hero { min-height: clamp(260px, 38vw, 420px); display: flex; align-items: flex-end; }
.cmr-v5__photo { min-height: clamp(280px, 40vw, 440px); display: flex; align-items: stretch; }
.cmr-v5-stage { position: absolute; inset: 0; z-index: -2; background: none; }
.cmr-v5-stage__img { transform: scale(1.04); }
@media (prefers-reduced-motion: no-preference) { .cmr-v5-stage__img.is-in { animation: cmr-v5-drift 26s ease-in-out infinite alternate; } }
@keyframes cmr-v5-drift { from { transform: scale(1.04) translate3d(0, 0, 0); } to { transform: scale(1.1) translate3d(-1.5%, -1%, 0); } }
.cmr-v5__hero::after, .cmr-v5__photo::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(4, 20, 33, .1) 0%, rgba(4, 20, 33, .25) 45%, rgba(4, 20, 33, .9) 100%); }
.cmr-v5__hero-in { position: relative; width: 100%; padding: clamp(20px, 4vw, 44px); }
.cmr-v5__kicker { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 8px; padding: 4px 12px; border-radius: 999px; background: rgba(4, 20, 33, .55); color: #F2F6F8; font: 800 13px/1.2 var(--cmr-font-text); letter-spacing: .04em; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.cmr-v5__kicker::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--cmr-sonar); }
.cmr-v5__title, .cmr-v5__spotname { margin: 0; font: 700 clamp(46px, 7vw, 84px)/.95 var(--cmr-font-display); letter-spacing: .01em; color: #FFFFFF; text-shadow: 0 4px 30px rgba(0, 0, 0, .45); }
.cmr-v5__sub { max-width: 46ch; margin: 10px 0 0; font: 600 clamp(15px, 1.6vw, 18px)/1.5 var(--cmr-font-text); color: rgba(242, 246, 248, .92); text-shadow: 0 2px 12px rgba(0, 0, 0, .5); }
.cmr-v5-illus { position: absolute; top: 12px; inset-inline-start: 12px; z-index: 2; padding: 3px 10px; border-radius: 999px; background: rgba(4, 20, 33, .6); color: #DCE6EE; font: 700 12px/1.4 var(--cmr-font-text); }
.cmr-v5__photo-in { position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 14px clamp(16px, 3vw, 32px) clamp(18px, 3vw, 30px); }
.cmr-v5-ph__bar { position: absolute; top: 12px; inset-inline: 12px; display: flex; align-items: center; gap: 8px; z-index: 3; }
.cmr-v5-ph__sp { flex: 1; }
.cmr-v5__photo .cmr-v5-illus { top: 66px; inset-inline-start: auto; inset-inline-end: 14px; }
.cmr-v5__spotname { font-size: clamp(44px, 7vw, 76px); }
.cmr-v5__spotmeta { margin: 8px 0 0; font: 700 15px/1.4 var(--cmr-font-text); color: rgba(242, 246, 248, .9); }
.cmr-v5__spotlive { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.cmr-v5-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 1px solid var(--v-line2); background: rgba(10, 34, 54, .6); color: var(--v-fg); cursor: pointer; text-decoration: none; }
.cmr-v5-icon--glass { background: rgba(4, 20, 33, .55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-color: rgba(242, 246, 248, .25); }
.cmr-v5-icon[aria-pressed="true"] { color: #FF6B8A; border-color: rgba(255, 107, 138, .6); }
.cmr-v5-icon[aria-pressed="true"] .cmr-v5-i { fill: currentColor; }
.cmr-v5-icon:hover { border-color: var(--cmr-sonar); }

/* =========================================================
   6. Spot chips with thumbnails
   ========================================================= */
.cmr-v5-chips { position: relative; margin: -26px 0 var(--v-gap); padding: 0 12px; z-index: 2; }
.cmr-v5-chips ul { display: flex; gap: 8px; margin: 0; padding: 4px 2px 8px; list-style: none; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.cmr-v5-chips ul::-webkit-scrollbar { display: none; }
.cmr-v5-chips li { flex: none; margin: 0; scroll-snap-align: start; }
.cmr-v5-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 4px 6px 4px 12px; border-radius: 999px; border: 1px solid rgba(159, 179, 196, .3); background: rgba(10, 34, 54, .92); color: var(--v-fg); font: 700 15px/1.1 var(--cmr-font-text); cursor: pointer; box-shadow: 0 8px 20px rgba(0, 0, 0, .25); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); white-space: nowrap; }
.cmr-v5-chip__ph { width: 42px; height: 42px; border-radius: 50%; }
.cmr-v5-chip__fav .cmr-v5-i { width: 14px; height: 14px; margin-inline-end: 4px; color: #FF6B8A; fill: currentColor; vertical-align: -2px; }
.cmr-v5-chip__ix { display: inline-grid; place-items: center; min-width: 32px; height: 26px; padding: 0 6px; border-radius: 999px; background: color-mix(in srgb, var(--lv, #5D7387) 22%, transparent); color: var(--lv, #A9BCCB); font: 800 14px/1 var(--cmr-font-data); }
.cmr-v5-chip[aria-pressed="true"] { border-color: var(--cmr-sonar); background: #F2F6F8; color: #041421; box-shadow: 0 0 0 3px rgba(56, 225, 211, .3), 0 10px 26px rgba(0, 0, 0, .3); }
.cmr-v5-chip[aria-pressed="true"] .cmr-v5-chip__ix { background: #041421; }
.cmr-v5-chip__ix.is-stale { box-shadow: inset 0 0 0 1px currentColor; background: transparent; opacity: .85; }
.cmr-v5-chip--more { padding-inline-end: 14px; color: var(--cmr-sonar); }
.cmr-v5-chip:hover { border-color: var(--cmr-sonar); }

/* =========================================================
   7. Cards, sections, headings
   ========================================================= */
.cmr-v5-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--v-gap); margin-bottom: var(--v-gap); }
.cmr-v5-grid > *, .cmr-v5-card, .cmr-v5-sec, .cmr-v5__screen, .cmr-v5-panel, .cmr-v5-hours { min-width: 0; }
@media (min-width: 1024px) { .cmr-v5-grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); align-items: start; } }
.cmr-v5-card, .cmr-v5-sec { border-radius: var(--v-r); border: 1px solid var(--v-line); background: linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 40%), var(--v-card); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 14px 40px rgba(0, 0, 0, .25); padding: clamp(16px, 2.4vw, 26px); }
.cmr-v5-sec { margin-bottom: var(--v-gap); scroll-margin-top: calc(var(--cmr-header-h, 0px) + 80px); }
.cmr-v5-mapc { scroll-margin-top: calc(var(--cmr-header-h, 0px) + 80px); }
.cmr-v5-sec:focus, .cmr-v5-mapc:focus { outline: none; }
.cmr-v5-sec__h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 12px; }
.cmr-v5-sec__h .cmr-v5-h2 { margin: 0; }
.cmr-v5-sec__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.cmr-v5-h2 { margin: 0 0 14px; font: 800 clamp(21px, 2.4vw, 27px)/1.2 var(--cmr-font-text); color: var(--v-fg); }
.cmr-v5-h3 { margin: 20px 0 10px; font: 800 17px/1.3 var(--cmr-font-text); color: var(--v-fg); }
.cmr-v5-lead { margin: 0 0 14px; color: var(--v-sub); }
.cmr-v5 .cmr-x-note { color: var(--v-sub); }
.cmr-v5-tag { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; background: rgba(255, 194, 122, .16); color: #FFC27A; font: 800 12.5px/1.3 var(--cmr-font-text); }
.cmr-v5-tag .cmr-v5-i { width: 14px; height: 14px; }
.cmr-v5-skel { border-radius: var(--v-r2); background: linear-gradient(90deg, rgba(159, 179, 196, .08), rgba(159, 179, 196, .16), rgba(159, 179, 196, .08)) 0 0 / 200% 100%; }
@media (prefers-reduced-motion: no-preference) { .cmr-v5-skel { animation: cmr-v5-shim 1.4s linear infinite; } }
@keyframes cmr-v5-shim { to { background-position: -200% 0; } }
.cmr-v5-skel--chips { height: 60px; margin: -26px 12px 16px; border-radius: 999px; }
.cmr-v5-skel--panel { min-height: 560px; }
.cmr-v5-skel--gauge { min-height: 320px; }
.cmr-v5-skel--tabs { height: 54px; margin: 16px 0; border-radius: 999px; }
.cmr-v5-skel--strip { min-height: 150px; }

/* spot card header */
.cmr-v5-spot__h { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.cmr-v5-spot__n { margin: 0; font: 800 clamp(22px, 2.6vw, 30px)/1.15 var(--cmr-font-text); color: var(--v-fg); overflow-wrap: anywhere; }
.cmr-v5-spot__m { margin: 4px 0 0; color: var(--v-sub); font: 600 14.5px/1.4 var(--cmr-font-text); }
.cmr-v5-spot__cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.cmr-v5-spot__cta .cmr-button { min-height: 48px; display: inline-flex; align-items: center; gap: 8px; }
@media (max-width: 520px) { .cmr-v5-spot__cta .cmr-button { flex: 1 1 100%; justify-content: center; } }

/* =========================================================
   8. Semicircle gauge, line, metrics, time slider
   ========================================================= */
.cmr-v5-panel__g { display: flex; justify-content: center; margin-top: 6px; }
.cmr-v5-semi { position: relative; width: min(300px, 82%); aspect-ratio: 200 / 112; color: var(--lv, #5D7387); }
.cmr-v5-semi svg { display: block; width: 100%; height: auto; overflow: visible; }
.cmr-v5-semi__ticks line { stroke: rgba(159, 179, 196, .35); stroke-width: 1.4; }
.cmr-v5-semi__t, .cmr-v5-semi__v { fill: none; stroke-width: 14; stroke-linecap: round; }
.cmr-v5-semi__t { stroke: rgba(159, 179, 196, .14); }
.cmr-v5-semi__v { stroke: currentColor; filter: drop-shadow(0 0 10px color-mix(in srgb, currentColor 55%, transparent)); transition: stroke-dasharray .6s var(--cmr-ease); }
.cmr-v5-semi__c { position: absolute; inset-inline: 0; bottom: 0; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; column-gap: 4px; text-align: center; }
.cmr-v5-semi__n { font: 500 clamp(54px, 8vw, 72px)/.9 var(--cmr-font-data); color: var(--v-fg); }
.cmr-v5-semi__of { font: 700 16px/1 var(--cmr-font-data); color: var(--v-dim); }
.cmr-v5-semi__l { flex: 1 1 100%; margin-top: 6px; font: 800 16px/1.2 var(--cmr-font-text); color: var(--lv, var(--v-sub)); }
.cmr-x-lv--na.cmr-v5-semi .cmr-v5-semi__l { color: var(--v-sub); }
.cmr-v5-say { min-height: 1.5em; margin: 12px 0 0; text-align: center; font: 700 16px/1.5 var(--cmr-font-text); color: var(--v-fg); }
.cmr-v5-ms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 16px 0 0; }
.cmr-v5-m { padding: 12px 10px; border-radius: var(--v-r2); border: 1px solid var(--v-line); background: rgba(4, 20, 33, .45); text-align: center; }
.cmr-v5-m dt { display: flex; align-items: center; justify-content: center; gap: 6px; font: 800 12.5px/1.2 var(--cmr-font-text); letter-spacing: .04em; color: var(--v-sub); }
.cmr-v5-m dt .cmr-v5-i { color: var(--cmr-sonar); width: 18px; height: 18px; }
.cmr-v5-m--water dt .cmr-v5-i { color: #6FB7FF; }
.cmr-v5-m--air dt .cmr-v5-i { color: #FFC27A; }
.cmr-v5-m dd { margin: 6px 0 0; }
.cmr-v5-m dd b { font: 500 28px/1 var(--cmr-font-data); color: var(--v-fg); }
.cmr-v5-m dd small { margin-inline-start: 3px; font: 700 13px/1 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-m__s { display: block; margin-top: 4px; font: 600 12.5px/1.3 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-m__na { color: var(--v-dim); font: 700 14px/1.2 var(--cmr-font-text); }
@media (max-width: 600px) { .cmr-v5-ms { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cmr-v5 .cmr-x-scrub--v5 { margin-top: 14px; }

/* =========================================================
   9. Recommended hours strip
   ========================================================= */
.cmr-v5-hours__k { margin: 0 0 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font: 700 15px/1.4 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-hours__k b { color: var(--v-fg); font-size: 17px; }
.cmr-v5-hours__l { display: flex; gap: 4px; margin: 0; padding: 0 0 6px; list-style: none; overflow-x: auto; scrollbar-width: thin; }
.cmr-v5-hours__l li { flex: 1 0 44px; margin: 0; }
.cmr-v5-hr { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; min-height: 128px; padding: 6px 2px; border-radius: 12px; border: 1px solid transparent; background: rgba(4, 20, 33, .35); color: var(--v-sub); cursor: pointer; }
.cmr-v5-hr__w .cmr-v5-i { width: 18px; height: 18px; color: #FFD58A; }
.cmr-v5-hr__bar { position: relative; flex: 1; width: 12px; min-height: 56px; border-radius: 6px; background: rgba(159, 179, 196, .12); overflow: hidden; }
.cmr-v5-hr__bar i { position: absolute; inset-inline: 0; bottom: 0; height: var(--h); border-radius: 6px; background: var(--lv, #5D7387); }
.cmr-v5-hr__t { font: 700 13px/1 var(--cmr-font-data); color: var(--v-fg); }
.cmr-v5-hr__m { font: 700 12px/1 var(--cmr-font-text); color: #FFC27A; }
.cmr-v5-hr.is-best { border-color: var(--lv, var(--cmr-sonar)); background: color-mix(in srgb, var(--lv, #38E1D3) 14%, rgba(4, 20, 33, .5)); }
.cmr-v5-hr.is-best::before { content: "הכי טוב"; position: absolute; top: -9px; inset-inline: 0; margin: 0 auto; width: max-content; padding: 1px 6px; border-radius: 999px; background: var(--lv, var(--cmr-sonar)); color: #041421; font: 800 11.5px/1.3 var(--cmr-font-text); }
.cmr-v5-hours__l { padding-top: 10px; }
.cmr-v5-hr.is-on { outline: 2px solid var(--v-fg); outline-offset: -2px; }
.cmr-v5-hr:hover { background: rgba(159, 179, 196, .1); }

/* =========================================================
   10. Map card + popup + nearby list
   ========================================================= */
.cmr-v5-map { position: relative; height: clamp(300px, 34vw, 420px); border-radius: var(--v-r2); overflow: hidden; border: 1px solid var(--v-line); background: #06192A; }
.cmr-v5-map--spot { height: 260px; margin-bottom: 14px; }
.cmr-v5 .cmr-iapp__canvas.maplibregl-map { position: absolute; }
.cmr-v5-map .cmr-unavail { position: absolute; inset: 12px; }
.cmr-v5-pop { position: absolute; inset-inline: 10px; bottom: 10px; z-index: 5; }
.cmr-v5-pop__in { position: relative; display: flex; gap: 12px; padding: 10px; border-radius: 16px; border: 1px solid var(--v-line2); background: rgba(4, 20, 33, .94); box-shadow: 0 16px 40px rgba(0, 0, 0, .45); }
.cmr-v5-pop__ph { width: 96px; height: 96px; border-radius: 12px; }
.cmr-v5-pop__b { min-width: 0; flex: 1; padding-inline-end: 30px; }
.cmr-v5-pop__n { margin: 0; font: 800 16px/1.3 var(--cmr-font-text); color: var(--v-fg); }
.cmr-v5-pop__m { margin: 4px 0 8px; color: var(--v-sub); font: 700 14px/1.3 var(--cmr-font-text); }
.cmr-v5-pop__ix { display: inline-grid; place-items: center; min-width: 38px; height: 28px; border-radius: 999px; background: color-mix(in srgb, var(--lv, #5D7387) 24%, transparent); color: var(--lv, #A9BCCB); font: 800 16px/1 var(--cmr-font-data); }
.cmr-v5-pop__a { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.cmr-v5-pop__a .cmr-button { min-height: 44px; }
.cmr-v5-pop__x { position: absolute; top: 4px; inset-inline-end: 4px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: none; color: var(--v-sub); font-size: 24px; line-height: 1; cursor: pointer; }
.cmr-v5-near, .cmr-v5-all { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.cmr-v5-near li, .cmr-v5-all li { margin: 0; }
.cmr-v5-nr { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 6px 8px; border-radius: 14px; border: 1px solid var(--v-line); background: rgba(4, 20, 33, .4); color: var(--v-fg); text-align: start; cursor: pointer; }
.cmr-v5-nr:hover { border-color: var(--cmr-sonar); }
.cmr-v5-nr__ph { width: 48px; height: 48px; border-radius: 12px; }
.cmr-v5-nr__b { flex: 1; min-width: 0; }
.cmr-v5-nr__b b { display: block; font: 700 15px/1.3 var(--cmr-font-text); overflow-wrap: anywhere; }
.cmr-v5-nr__b small { display: block; margin-top: 2px; font: 600 13px/1.3 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-nr__ix { display: inline-grid; place-items: center; min-width: 40px; height: 32px; border-radius: 999px; background: color-mix(in srgb, var(--lv, #5D7387) 22%, transparent); color: var(--lv, #A9BCCB); font: 800 16px/1 var(--cmr-font-data); }

/* =========================================================
   11. Active fish cards
   ========================================================= */
.cmr-v5-fishes { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.cmr-v5-fish { position: relative; display: flex; flex-direction: column; margin: 0; border-radius: var(--v-r2); border: 1px solid var(--v-line); background: rgba(4, 20, 33, .45); overflow: hidden; }
.cmr-v5-fish__img { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 10; background: radial-gradient(80% 90% at 50% 60%, rgba(56, 225, 211, .16), transparent 70%), linear-gradient(180deg, #0D3150, #061A2B); color: rgba(56, 225, 211, .55); overflow: hidden; }
.cmr-v5-fish__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cmr-v5-fish__img.is-na .cmr-v5-i { width: 64px; height: 64px; }
.cmr-v5-fish__il { position: absolute; top: 8px; inset-inline-start: 8px; padding: 1px 8px; border-radius: 999px; background: rgba(4, 20, 33, .7); color: #DCE6EE; font: 700 12px/1.4 var(--cmr-font-text); }
.cmr-v5-fish__b { display: flex; flex-direction: column; flex: 1; padding: 12px 14px 14px; }
.cmr-v5-fish__n { margin: 0; font: 800 18px/1.25 var(--cmr-font-text); color: var(--v-fg); }
.cmr-v5-fish__s { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 6px 0 0; }
.cmr-v5-fish__w { font: 700 13px/1.3 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5 .cmr-x-badge { background: rgba(159, 179, 196, .14); color: var(--v-fg); }
.cmr-v5 .cmr-x-badge.is-now { background: var(--cmr-sonar); color: #041421; }
.cmr-v5-fish__ch { margin-top: 10px; }
.cmr-v5-fish__chk { display: block; margin-bottom: 4px; font: 700 12px/1.2 var(--cmr-font-text); color: var(--v-dim); }
.cmr-v5-season { display: flex; align-items: flex-end; gap: 3px; height: 34px; direction: rtl; }
.cmr-v5-season i { flex: 1; height: var(--h); border-radius: 3px 3px 1px 1px; background: rgba(159, 179, 196, .22); }
.cmr-v5-season i.s2 { background: rgba(56, 225, 211, .45); }
.cmr-v5-season i.s3 { background: var(--cmr-sonar); }
.cmr-v5-season i.is-now { box-shadow: 0 0 0 2px var(--v-fg); }
.cmr-v5-fish__why { margin: 10px 0 0; font: 400 14px/1.55 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-fish .cmr-v5-gear { margin-top: auto; padding-top: 12px; }
.cmr-v5-fmini { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cmr-v5-fmini li { display: flex; align-items: center; gap: 12px; margin: 0; }
.cmr-v5-fmini__img { position: relative; display: grid; place-items: center; width: 72px; height: 52px; border-radius: 12px; overflow: hidden; background: linear-gradient(180deg, #0D3150, #061A2B); color: rgba(56, 225, 211, .6); flex: none; }
.cmr-v5-fmini__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cmr-v5-fmini b { display: block; font: 800 15.5px/1.3 var(--cmr-font-text); }
.cmr-v5-fmini small { display: block; color: var(--v-sub); font: 600 13px/1.3 var(--cmr-font-text); }

/* =========================================================
   12. Gear on demand
   ========================================================= */
.cmr-v5-gear__q { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 10px 16px; border-radius: 14px; border: 1px dashed rgba(255, 138, 43, .55); background: rgba(255, 138, 43, .08); color: #FFE2C8; font: 800 15.5px/1.35 var(--cmr-font-text); text-align: start; white-space: normal; cursor: pointer; }
.cmr-v5-gear__q .cmr-v5-i { color: var(--cmr-buoy); }
.cmr-v5-gear__q span { flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.cmr-v5-gear__q::after { content: ""; width: 9px; height: 9px; margin-inline-start: auto; border-inline-end: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; flex: none; }
.cmr-v5-gear__q[aria-expanded="true"]::after { transform: rotate(-135deg); }
.cmr-v5-gear__q:hover { background: rgba(255, 138, 43, .14); border-style: solid; }
.cmr-v5-gear__out { margin-top: 12px; }
.cmr-v5-gear__why { display: flex; gap: 12px; padding: 12px 14px; margin-bottom: 12px; border-radius: 14px; background: rgba(56, 225, 211, .08); border: 1px solid rgba(56, 225, 211, .22); }
.cmr-v5-gear__ava { flex: none; width: 48px; height: 48px; }
.cmr-v5-gear__by { margin: 0 0 2px; font: 800 12.5px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--cmr-sonar); }
.cmr-v5-gear__why p { margin: 0; font: 600 14.5px/1.55 var(--cmr-font-text); color: var(--v-fg); }
.cmr-v5-gear__lures { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 4px; font: 400 14px/1.5 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-gear__lures b { color: var(--v-fg); }
.cmr-v5 .cmr-v5-gear__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.cmr-v5-gear__more { margin: 8px 0 0; }
.cmr-v5-gearsec .cmr-v5-gear__q, .cmr-v5-tab .cmr-v5-gear__q { max-width: 720px; }
@media (min-width: 1024px) { .cmr-v5-gearsec .cmr-v5-gear__list, .cmr-v5-tab > .cmr-v5-gear .cmr-v5-gear__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* =========================================================
   13. 7 days
   ========================================================= */
.cmr-v5-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.cmr-v5-days li { margin: 0; }
.cmr-v5-day { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; min-height: 168px; padding: 12px 4px; border-radius: var(--v-r2); border: 1px solid var(--v-line); background: rgba(4, 20, 33, .45); color: var(--v-fg); cursor: pointer; }
.cmr-v5-day:hover { border-color: var(--cmr-sonar); }
.cmr-v5-day__n { font: 800 15px/1.2 var(--cmr-font-text); }
.cmr-v5-day__w .cmr-v5-i { width: 28px; height: 28px; color: #FFD58A; }
.cmr-v5-day__nw { display: inline-block; height: 28px; color: var(--v-dim); }
.cmr-v5-day__t { font: 600 17px/1 var(--cmr-font-data); }
.cmr-v5-day__t small { margin-inline-start: 4px; font-size: 13px; color: var(--v-sub); }
.cmr-v5-day__v { display: inline-flex; align-items: center; gap: 3px; font: 600 14px/1 var(--cmr-font-data); color: #8FD0EE; }
.cmr-v5-day__v .cmr-v5-i { width: 16px; height: 16px; }
.cmr-v5-day__ix { display: inline-grid; place-items: center; min-width: 38px; height: 28px; border-radius: 999px; background: color-mix(in srgb, var(--lv, #5D7387) 22%, transparent); color: var(--lv, #A9BCCB); font: 800 15px/1 var(--cmr-font-data); }
.cmr-v5-days__k { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 10px 0 0; font: 700 12.5px/1.4 var(--cmr-font-text); color: var(--v-dim); }
@media (max-width: 767px) {
	.cmr-v5-days { display: flex; overflow-x: auto; gap: 6px; padding-bottom: 6px; scroll-snap-type: x proximity; }
	.cmr-v5-days li { flex: 0 0 82px; scroll-snap-align: start; }
}

/* =========================================================
   14. Catches (community) + empty invite
   ========================================================= */
.cmr-v5-catchsec { border-color: rgba(255, 138, 43, .28); background: radial-gradient(90% 70% at 100% 0%, rgba(255, 138, 43, .1), transparent 60%), var(--v-card); }
.cmr-v5 .cmr-v5-share { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding-inline: 20px; }
.cmr-v5-catches { display: flex; gap: 10px; margin: 0; padding: 0 0 6px; list-style: none; overflow-x: auto; scroll-snap-type: x proximity; }
.cmr-v5-catch { flex: 0 0 min(260px, 78%); margin: 0; scroll-snap-align: start; }
.cmr-v5-catch a { display: flex; flex-direction: column; height: 100%; border-radius: var(--v-r2); border: 1px solid var(--v-line); background: rgba(4, 20, 33, .5); color: var(--v-fg); text-decoration: none; overflow: hidden; }
.cmr-v5-catch a:hover { border-color: var(--cmr-buoy); }
.cmr-v5-catch__ph { display: grid; place-items: center; aspect-ratio: 4 / 3; background: #0A2236; color: var(--v-dim); }
.cmr-v5-catch__ph img { width: 100%; height: 100%; object-fit: cover; }
.cmr-v5-catch__b { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px 12px; }
.cmr-v5-catch__b b { font: 800 16px/1.3 var(--cmr-font-text); }
.cmr-v5-catch__b span { font: 600 13px/1.4 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-catch__t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--v-fg) !important; }
.cmr-v5-empty { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: var(--v-r2); border: 1px dashed rgba(255, 138, 43, .4); background: rgba(4, 20, 33, .35); }
.cmr-v5-empty__ava { flex: none; width: 64px; height: 64px; }
.cmr-v5-empty.has-img { padding: 0; overflow: hidden; align-items: stretch; }
.cmr-v5-empty.has-img > div { padding: 16px; align-self: center; }
.cmr-v5-empty__img { position: relative; flex: 0 0 44%; min-height: 180px; }
.cmr-v5-empty__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 600px) { .cmr-v5-empty.has-img { flex-direction: column; } .cmr-v5-empty__img { flex-basis: auto; aspect-ratio: 16 / 9; min-height: 0; } }
.cmr-v5-empty__t { margin: 0; font: 800 17px/1.35 var(--cmr-font-text); color: var(--v-fg); }
.cmr-v5-empty .cmr-x-note { margin-top: 4px; }

/* =========================================================
   15. Kormi banner (the ask box) + footer line
   ========================================================= */
.cmr-v5-kormi { border-color: rgba(56, 225, 211, .32); background: radial-gradient(70% 90% at 0% 0%, rgba(56, 225, 211, .12), transparent 60%), radial-gradient(60% 80% at 100% 100%, rgba(43, 108, 196, .16), transparent 60%), var(--v-card); }
.cmr-v5-kormi .cmr-x-ask { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.cmr-v5-kormi .cmr-x-ask__t { font-size: clamp(22px, 2.6vw, 28px); }
.cmr-v5-kormi .cmr-x-ask__ava { width: 64px; height: 64px; }
.cmr-v5-kormi--spot .cmr-x-ask__t { font-size: 20px; }
.cmr-v5-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin: 4px 0 8px; font: 600 13.5px/1.5 var(--cmr-font-text); color: var(--v-sub); }

/* =========================================================
   16. Spot screen tabs (sticky under the app sub-bar)
   ========================================================= */
.cmr-v5--spot .cmr-x-seg { margin: 16px 0; top: calc(var(--cmr-header-h, 0px) + var(--cmr-appbar-h, 0px) + 8px); }
@media (min-width: 1024px) { .cmr-v5--spot .cmr-x-seg { max-width: 720px; } }
.cmr-v5--spot .cmr-x-seg a { font-size: 14.5px; padding-inline: 6px; }
.cmr-v5-tab { scroll-margin-top: 140px; }
.cmr-v5-grid--spot { margin-bottom: var(--v-gap); }
.cmr-v5 .cmr-x-navbtns { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.cmr-v5 .cmr-x-navbtns .cmr-button { min-height: 48px; display: inline-flex; align-items: center; }

/* =========================================================
   17. Phones
   ========================================================= */
@media (max-width: 767px) {
	.cmr-v5-fishes { display: flex; overflow-x: auto; gap: 10px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -14px; padding-inline: 14px; }
	.cmr-v5-fishes::-webkit-scrollbar { display: none; }
	.cmr-v5-fish { flex: 0 0 min(300px, 82%); scroll-snap-align: center; }
	.cmr-v5 { --v-gap: 12px; }
	.cmr-v5__hero, .cmr-v5__photo { border-radius: 18px; }
	.cmr-v5__hero { min-height: 300px; }
	.cmr-v5__hero-in { padding: 18px 16px 44px; }
	.cmr-v5__title { font-size: 52px; }
	.cmr-v5__spotname { font-size: 46px; }
	.cmr-v5-chips { margin-top: -30px; padding: 0 4px; }
	.cmr-v5-card, .cmr-v5-sec { padding: 16px 14px; border-radius: 18px; }
	.cmr-v5-semi__n { font-size: 60px; }
	.cmr-v5-m dd b { font-size: 26px; }
	.cmr-v5-map { height: 300px; }
}

/* =========================================================
   App loading screen: Kormi + "טוען נתונים" over the app area (hero + screen), sonar rings and isobaths.
   Absolute over the reserved boxes: no layout shift. Removed by cmr-app.js at the first data render (8 s cap).
   ========================================================= */
.cmr-v5__body { position: relative; }
.cmr-v5-load { position: absolute; inset: 0; z-index: 30; display: flex; justify-content: center; align-items: flex-start; padding-top: clamp(48px, 16svh, 200px);
	border-radius: var(--v-r); color: #F2F6F8; transition: opacity .4s var(--cmr-ease), visibility 0s linear .4s;
	background: radial-gradient(60% 45% at 50% 30%, rgba(56, 225, 211, .12), transparent 70%),
		repeating-radial-gradient(ellipse 140% 90% at 50% 18%, transparent 0 34px, rgba(56, 225, 211, .07) 34px 35px),
		linear-gradient(180deg, #072238 0%, #041421 70%); }
.cmr-v5-load.is-done { opacity: 0; visibility: hidden; pointer-events: none; }
.cmr-v5-load[hidden] { display: none; }
.cmr-v5-load__in { position: sticky; top: calc(50svh - 120px); display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.cmr-v5-load__sonar { position: absolute; top: 66px; left: 50%; width: 0; height: 0; }
.cmr-v5-load__sonar i { position: absolute; left: -110px; top: -110px; width: 220px; height: 220px; border-radius: 50%; border: 1.5px solid rgba(56, 225, 211, .55); opacity: 0; transform: scale(.35); }
.cmr-v5-load__sonar b { position: absolute; left: -130px; top: -130px; width: 260px; height: 260px; border-radius: 50%; background: conic-gradient(from 0deg, rgba(56, 225, 211, .22), transparent 70deg, transparent 360deg); opacity: .8;
	-webkit-mask: radial-gradient(circle, transparent 38%, #000 39%); mask: radial-gradient(circle, transparent 38%, #000 39%); }
@media (prefers-reduced-motion: no-preference) {
	.cmr-v5-load__sonar i { animation: cmr-v5-ping 2.4s cubic-bezier(.2, .6, .3, 1) infinite; }
	.cmr-v5-load__sonar i:nth-child(2) { animation-delay: .8s; }
	.cmr-v5-load__sonar i:nth-child(3) { animation-delay: 1.6s; }
	.cmr-v5-load__sonar b { animation: cmr-v5-sweep 3.2s linear infinite; }
	.cmr-v5-load__dots i { animation: cmr-v5-dot 1.2s infinite; }
	.cmr-v5-load__dots i:nth-child(2) { animation-delay: .2s; }
	.cmr-v5-load__dots i:nth-child(3) { animation-delay: .4s; }
}
@keyframes cmr-v5-ping { 0% { opacity: .9; transform: scale(.35); } 100% { opacity: 0; transform: scale(1.25); } }
@keyframes cmr-v5-sweep { to { transform: rotate(360deg); } }
@keyframes cmr-v5-dot { 0%, 80%, 100% { opacity: .2; } 40% { opacity: 1; } }
.cmr-v5-load__k { position: relative; display: grid; place-items: center; width: 132px; height: 132px; border-radius: 50%; background: radial-gradient(circle, rgba(56, 225, 211, .16), rgba(4, 20, 33, .2) 70%); }
.cmr-v5-load__k .cmr-kanim { --cmr-kanim-size: 132px; }
.cmr-v5-load__t { position: relative; margin: 0; font: 800 20px/1.3 var(--cmr-font-text); letter-spacing: .02em; color: #F2F6F8; }
.cmr-v5-load__dots { display: inline-block; width: 1.2em; text-align: start; }
@media (max-width: 767px) { .cmr-v5-load { border-radius: 18px; } .cmr-v5-load__k, .cmr-v5-load__k .cmr-kanim { width: 116px; height: 116px; --cmr-kanim-size: 116px; } }
/* motion off: a still Kormi and still rings (the site rule shortens animations; here they simply do not run) */
html.cmr-motion-off .cmr-v5-load__sonar i, html.cmr-motion-off .cmr-v5-load__sonar b, html.cmr-motion-off .cmr-v5-load__dots i,
.cmr-v5.cmr-x--still .cmr-v5-load__sonar i, .cmr-v5.cmr-x--still .cmr-v5-load__sonar b { animation: none !important; }
html.cmr-motion-off .cmr-v5-load__sonar i:first-child, .cmr-v5.cmr-x--still .cmr-v5-load__sonar i:first-child { opacity: .5; transform: scale(.8); }
html.cmr-motion-off .cmr-v5-load, .cmr-v5.cmr-x--still .cmr-v5-load { transition: none; }

/* =========================================================
   18. Phase 2: my spots summary, golden hour, alerts, water filter
   ========================================================= */
/* app routes /intel/map|community|fish: only the app (the page's own content below belongs to the home screen) */
body.cmr-app--map .elementor-332 > .e-con:not(:has(.elementor-widget-cmr-intel-app)),
body.cmr-app--community .elementor-332 > .e-con:not(:has(.elementor-widget-cmr-intel-app)),
body.cmr-app--fish .elementor-332 > .e-con:not(:has(.elementor-widget-cmr-intel-app)),
body.cmr-app--fishes .elementor-332 > .e-con:not(:has(.elementor-widget-cmr-intel-app)) { display: none !important; }
.cmr-v5-mine { margin-bottom: var(--v-gap); }
.cmr-v5-mine:empty { display: none; }
.cmr-v5-mine .cmr-v5-sec__h { padding: 0 4px; }
.cmr-v5-minehint { display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 14px; border-radius: 14px; border: 1px dashed rgba(255, 107, 138, .4); background: rgba(255, 107, 138, .06); color: var(--v-sub); font: 600 14px/1.5 var(--cmr-font-text); }
.cmr-v5-minehint .cmr-v5-i { color: #FF6B8A; flex: none; }
.cmr-v5-minel { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.cmr-v5-minel li { margin: 0; }
.cmr-v5-minec { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 72px; padding: 8px 10px; border-radius: 16px; border: 1px solid rgba(255, 107, 138, .3); background: linear-gradient(90deg, rgba(255, 107, 138, .08), transparent 60%), var(--v-card); color: var(--v-fg); text-align: start; cursor: pointer; }
.cmr-v5-minec:hover { border-color: #FF6B8A; }
.cmr-v5-minec__ph { width: 56px; height: 56px; border-radius: 14px; }
.cmr-v5-minec__b { flex: 1; min-width: 0; }
.cmr-v5-minec__b b { display: block; font: 800 15.5px/1.3 var(--cmr-font-text); }
.cmr-v5-minec__b span { display: block; margin-top: 2px; font: 600 13px/1.45 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-gold { display: inline-flex; align-items: center; gap: 6px; margin: 8px 0 0; padding: 3px 10px 3px 8px; border-radius: 999px; background: rgba(255, 194, 122, .12); color: #FFD9A8; font: 700 13.5px/1.3 var(--cmr-font-text); }
.cmr-v5-gold:empty { display: none; }
.cmr-v5-gold .cmr-v5-i { width: 16px; height: 16px; color: #FFC27A; }
.cmr-v5-gold b { color: #FFFFFF; font-variant-numeric: tabular-nums; }
.cmr-v5__hero--map, .cmr-v5__hero--community, .cmr-v5__hero--fishes { min-height: clamp(170px, 20vw, 240px); }
.cmr-v5__hero--map .cmr-v5-illus, .cmr-v5__hero--community .cmr-v5-illus, .cmr-v5__hero--fishes .cmr-v5-illus { top: auto; bottom: 10px; }
.cmr-v5-gold--glass { margin: 0; background: rgba(4, 20, 33, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); min-height: 30px; }
.cmr-v5-alert { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 0; padding: 8px 12px; border-radius: 12px; background: rgba(56, 225, 211, .07); color: var(--v-sub); font: 600 14px/1.5 var(--cmr-font-text); }
.cmr-v5-alert .cmr-v5-i { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--cmr-sonar); }
.cmr-v5-alert .cmr-x-link { display: inline; min-height: 0; font-size: 14px; }
.cmr-v5-wf { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.cmr-v5-wf button, .cmr-v5-toggle { min-height: 44px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--v-line2); background: rgba(4, 20, 33, .45); color: var(--v-sub); font: 700 14px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-v5-wf button[aria-pressed="true"], .cmr-v5-toggle[aria-pressed="true"] { background: #F2F6F8; border-color: #F2F6F8; color: #041421; }

/* map screen */
.cmr-v5-mapv { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--v-gap); margin-bottom: var(--v-gap); }
@media (min-width: 1024px) { .cmr-v5-mapv { grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr); align-items: start; } .cmr-v5-mapv__side { position: sticky; top: calc(var(--cmr-header-h, 0px) + var(--cmr-appbar-h, 0px) + 12px); } }
.cmr-v5-mapv > * { min-width: 0; }
.cmr-v5-mapv__m { padding: 10px; }
.cmr-v5-map--full { height: min(72vh, 760px); min-height: 420px; }
@media (max-width: 767px) { .cmr-v5-map--full { height: 62svh; min-height: 360px; } }
.cmr-v5-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 10px 4px 2px; font: 700 13px/1.3 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-legend i { display: inline-block; width: 10px; height: 10px; margin-inline-end: 5px; border-radius: 50%; background: var(--lv); }
.cmr-v5-mapv__tools { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-v5-mapv__tools .cmr-button { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.cmr-v5-mapv__tools .cmr-button[aria-pressed="true"] { border-color: var(--cmr-sonar); color: var(--cmr-sonar); }
.cmr-v5-q { position: relative; display: flex; align-items: center; flex: 1 1 200px; min-width: 0; }
.cmr-v5-q > .cmr-v5-i { position: absolute; inset-inline-start: 12px; width: 18px; height: 18px; color: var(--v-dim); pointer-events: none; }
.cmr-v5-q input { width: 100%; min-height: 44px; padding: 0 40px 0 12px; border-radius: 999px; border: 1px solid var(--v-line2); background: rgba(4, 20, 33, .6); color: var(--v-fg); font: 600 15px/1.2 var(--cmr-font-text); }
.cmr-v5-q input::placeholder { color: var(--v-dim); opacity: 1; }
.cmr-v5-mapv__count { margin: 10px 2px 8px; font: 700 13.5px/1.3 var(--cmr-font-text); color: var(--v-sub); }
@media (min-width: 1024px) { .cmr-v5-mapv__list { max-height: 56vh; overflow-y: auto; padding-inline-end: 4px; } }

/* share card */
.cmr-v5-sharecard { margin: 0 0 14px; }
.cmr-v5-sharecard img { display: block; width: 100%; height: auto; border-radius: 14px; border: 1px solid rgba(159, 179, 196, .25); }
.cmr-v5-sharecard__a { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.cmr-v5-sharecard__a .cmr-button { min-height: 48px; display: inline-flex; align-items: center; }

/* community tab */
.cmr-v5-sharehero { background: radial-gradient(90% 90% at 100% 0%, rgba(255, 138, 43, .16), transparent 60%), var(--v-card); }
.cmr-v5-alertsec .cmr-button { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; }

/* fish guide */
.cmr-v5-ftools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.cmr-v5-ftools .cmr-v5-wf { margin: 0; }
.cmr-v5-fgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 520px) { .cmr-v5-fgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cmr-v5-fgrid li { margin: 0; }
.cmr-v5-fcard { display: flex; flex-direction: column; height: 100%; border-radius: var(--v-r2); border: 1px solid var(--v-line); background: rgba(4, 20, 33, .45); color: var(--v-fg); text-decoration: none; overflow: hidden; }
.cmr-v5-fcard:hover { border-color: var(--cmr-sonar); }
.cmr-v5-fcard.is-caution { border-color: rgba(255, 93, 93, .35); }
.cmr-v5-fcard__img { position: relative; display: grid; place-items: center; aspect-ratio: 3 / 2; background: linear-gradient(180deg, #0D3150, #061A2B); color: rgba(56, 225, 211, .55); }
.cmr-v5-fcard__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cmr-v5-fcard__b { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px 12px 12px; }
.cmr-v5-fcard__b b { font: 800 16px/1.25 var(--cmr-font-text); }
.cmr-v5-fcard__b small { font: 600 12.5px/1.3 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-fcard .cmr-v5-season { width: 100%; height: 22px; margin-top: 4px; }
.cmr-v5-fish__n a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; text-decoration: none; }
.cmr-v5-fish__n a:hover { color: var(--cmr-sonar); text-decoration: underline; text-underline-offset: 3px; }

/* one fish */
.cmr-v5__hero.has-fish .cmr-v5__hero-in { padding-top: clamp(150px, 22vw, 220px); }
.cmr-v5-fishhero { position: absolute; top: clamp(16px, 3vw, 28px); inset-inline-end: clamp(12px, 4vw, 48px); width: min(520px, 62%); aspect-ratio: 3 / 2; margin: 0; border-radius: 18px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, .45); border: 1px solid rgba(159, 179, 196, .25); }
.cmr-v5-fishhero img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-width: 1024px) { .cmr-v5__hero.has-fish .cmr-v5__hero-in { padding-top: clamp(20px, 4vw, 44px); max-width: 52%; } .cmr-v5-fishhero { top: 50%; transform: translateY(-50%); width: min(520px, 42%); } }
.cmr-v5-ffacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin: 0 0 var(--v-gap); }
.cmr-v5-ffacts > div { padding: 12px 14px; border-radius: var(--v-r2); border: 1px solid var(--v-line); background: var(--v-card); }
.cmr-v5-ffacts dt { font: 800 12.5px/1.2 var(--cmr-font-text); letter-spacing: .04em; color: var(--v-sub); }
.cmr-v5-ffacts dd { margin: 4px 0 0; font: 800 18px/1.3 var(--cmr-font-text); color: var(--v-fg); }
.cmr-v5-seasonbig { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; margin: 0; padding: 0; list-style: none; direction: rtl; }
.cmr-v5-seasonbig li { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0; }
.cmr-v5-seasonbig__b { position: relative; width: 100%; height: 90px; border-radius: 6px; background: rgba(159, 179, 196, .08); overflow: hidden; }
.cmr-v5-seasonbig__b i { position: absolute; inset-inline: 0; bottom: 0; height: var(--h); border-radius: 6px 6px 2px 2px; background: rgba(159, 179, 196, .3); }
.cmr-v5-seasonbig .s2 i { background: rgba(56, 225, 211, .5); }
.cmr-v5-seasonbig .s3 i { background: var(--cmr-sonar); }
.cmr-v5-seasonbig .is-now .cmr-v5-seasonbig__b { box-shadow: 0 0 0 2px var(--v-fg); }
.cmr-v5-seasonbig__m { font: 700 12px/1 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-seasonbig .is-now .cmr-v5-seasonbig__m { color: var(--v-fg); }
.cmr-v5-seasonbig__k { display: flex; gap: 14px; margin: 8px 0 0; font: 700 12.5px/1.3 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-seasonbig__k span::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-inline-end: 5px; border-radius: 3px; vertical-align: -1px; }
.cmr-v5-seasonbig__k .s3::before { background: var(--cmr-sonar); } .cmr-v5-seasonbig__k .s2::before { background: rgba(56, 225, 211, .5); } .cmr-v5-seasonbig__k .s1::before { background: rgba(159, 179, 196, .3); }
.cmr-v5-lures { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cmr-v5-lures li { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--v-line); background: rgba(4, 20, 33, .4); font: 600 14.5px/1.45 var(--cmr-font-text); }
.cmr-v5-lures small { display: block; margin-top: 3px; font-weight: 400; color: var(--v-sub); }
.cmr-v5 .cmr-x-reg { margin: 14px 0 0; padding: 10px 12px; border-radius: 12px; background: rgba(255, 193, 69, .08); color: #FFE3A8; font: 600 13.5px/1.5 var(--cmr-font-text); }
.cmr-v5 .cmr-x-list { margin: 0; display: grid; gap: 6px; }
.cmr-v5 .cmr-x-list > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; }
.cmr-v5 .cmr-x-list dt { font: 800 13.5px/1.5 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5 .cmr-x-list dd { margin: 0; font: 400 14.5px/1.5 var(--cmr-font-text); color: var(--v-fg); }
a.cmr-v5-nr { text-decoration: none; }

/* =========================================================
   Fishing law notices (seeds/legal.json): the rule, the regulation, the source. A blocking rule replaces the score.
   ========================================================= */
.cmr-v5-legal { margin: 0 0 var(--v-gap); padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(255, 93, 93, .45); background: rgba(255, 93, 93, .1); color: var(--v-fg); }
.cmr-v5-legal.is-soft, .cmr-v5-legal.is-check, .cmr-v5-legal.is-near_reserve { border-color: rgba(255, 193, 69, .45); background: rgba(255, 193, 69, .08); }
.cmr-v5-legal__t { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; font: 800 15.5px/1.35 var(--cmr-font-text); }
.cmr-v5-legal__t .cmr-v5-i { width: 18px; height: 18px; color: #FF8A8A; }
.cmr-v5-legal.is-soft .cmr-v5-legal__t .cmr-v5-i, .cmr-v5-legal.is-check .cmr-v5-legal__t .cmr-v5-i, .cmr-v5-legal.is-near_reserve .cmr-v5-legal__t .cmr-v5-i { color: #FFC145; }
.cmr-v5-legal__t span { font: 700 13px/1.3 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-legal__n { margin: 6px 0 0; font: 400 14.5px/1.55 var(--cmr-font-text); }
.cmr-v5-legal__s { margin: 6px 0 0; font: 600 12.5px/1.5 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5-legal__s a { color: var(--cmr-sonar); }
.cmr-v5-ban { display: inline-grid; place-items: center; min-width: 40px; height: 28px; padding: 0 8px; border-radius: 999px; background: rgba(255, 93, 93, .18); color: #FF9A9A; font: 800 13px/1 var(--cmr-font-text); }
.cmr-v5-chip[aria-pressed="true"] .cmr-v5-ban { background: #7A1F24; color: #FFE5E5; }
.cmr-v5-banbig { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 12px; text-align: center; }
.cmr-v5-banbig .cmr-v5-i { width: 40px; height: 40px; color: #FF8A8A; }
.cmr-v5-banbig b { font: 800 24px/1.2 var(--cmr-font-text); color: #FFD0D0; }
.cmr-v5-banbig small { font: 700 13.5px/1.3 var(--cmr-font-text); color: var(--v-sub); }
.cmr-v5 .cmr-x-badge.is-law { background: rgba(255, 93, 93, .2); color: #FFC9C9; }
.cmr-v5-fish__adv { margin: 8px 0 0; padding: 6px 10px; border-radius: 10px; background: rgba(255, 193, 69, .1); color: #FFE3A8; font: 600 13px/1.45 var(--cmr-font-text); }
.cmr-v5-fish__more { margin: 8px 0 0; }
.cmr-v5-more { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--cmr-sonar); font: 800 14.5px/1.2 var(--cmr-font-text); text-decoration: none; }
.cmr-v5-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.cmr-v5-more .cmr-v5-i { width: 18px; height: 18px; }

/* motion off: no drift, no fades, no shimmer (site signal, Ally "pause animations", reduced motion) */
.cmr-v5.cmr-x--still *, html.cmr-motion-off .cmr-v5 *, html.cmr-motion-off .cmr-appbar, html.cmr-motion-off .cmr-appnav * { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) { .cmr-v5 *, .cmr-appbar { animation: none !important; transition: none !important; } }

/* The site's bottom-left unit (contact / cookies / accessibility) docks on the app's bottom bar exactly like it
   docks on the site's tab bar (cmr-tabbar.css), so it looks the same on every page. */
@media (max-width: 1023px) {
	body.cmr-app { --cmr-tabbar-h: calc(66px + env(safe-area-inset-bottom)); --cmr-tabbar-bg: rgba(4, 20, 33, .96); }
	body.cmr-app .cmr-dock { bottom: calc(var(--cmr-tabbar-h) + 10px + var(--cmr-float-lift, 0px)); } /* Kormi's button above the app bar (no longer counted as a lift) */
	body.cmr-app .cmr-corner { z-index: 77; left: max(10px, env(safe-area-inset-left)); bottom: calc(var(--cmr-tabbar-h) - 1px); gap: 8px; }
	html.cmr-float-lifted body.cmr-app .cmr-corner { bottom: calc(var(--cmr-tabbar-h) + var(--cmr-float-lift, 0px)); } /* lift = bars above the tab bar (cmr-chrome.js) */
	/* no tab bar contact sheet here: the contact button keeps opening its own list of channels */
	body.cmr-app .cmr-corner__pill { height: 42px; border-radius: 14px 14px 0 0; background: var(--cmr-tabbar-bg);
		-webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
		box-shadow: inset 0 1px 0 rgba(159, 179, 196, .16), inset 1px 0 0 rgba(159, 179, 196, .16), inset -1px 0 0 rgba(159, 179, 196, .16), 0 -8px 18px rgba(4, 20, 33, .12); }
	html.cmr-float-lifted body.cmr-app .cmr-corner__pill { border-radius: 999px; box-shadow: 0 0 0 1px rgba(159, 179, 196, .22), 0 8px 22px rgba(4, 20, 33, .3); }
	body.cmr-app .cmr-corner .cmr-corner__btn, body.cmr-app .cmr-corner .cmr-corner__toggle { width: 46px; height: 42px; color: var(--cmr-mist); }
	body.cmr-app .cmr-corner .cmr-corner__btn:hover { background: rgba(242, 246, 248, .08); color: var(--cmr-foam); }
	body.cmr-app .cmr-corner .cmr-corner__btn:active svg { transform: scale(.88); }
	body.cmr-app .cmr-corner .cmr-corner__btn svg { width: 21px; height: 21px; transition: transform .15s var(--cmr-ease); }
	body.cmr-app .cmr-corner__btn + .cmr-corner__btn::before { top: 11px; bottom: 11px; background: rgba(159, 179, 196, .22); }
	body.cmr-app .cmr-corner .cmr-corner__btn:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: -4px; box-shadow: none; }
	body.cmr-app .cmr-corner__pill:has(:focus-visible) { box-shadow: inset 0 1px 0 rgba(159, 179, 196, .16); }
	body.cmr-app .cmr-corner.is-open .cmr-corner__i-open { display: block !important; }
	body.cmr-app .cmr-corner.is-open .cmr-corner__i-close { display: none !important; }
	body.cmr-app .cmr-corner.is-open .cmr-corner__toggle { background: transparent; }
	body.cmr-app .cmr-corner__toggle[aria-expanded="true"] { color: var(--cmr-foam); background: rgba(43, 108, 196, .42); }
	/* The pill rides with the bar when the bar steps away */
	html.cmr-menu-open body.cmr-app .cmr-corner, html.cmr-kchat-lock body.cmr-app .cmr-corner { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* "חופים": the beaches list behind the centre button of the app bar (class-app.php spots_sheet_html, cmr-appspots.js) */
.cmr-appspots { position: fixed; inset: 0; z-index: 95; }
.cmr-appspots[hidden] { display: none; }
.cmr-appspots__backdrop { position: absolute; inset: 0; background: rgba(2, 10, 18, .55); opacity: 0; transition: opacity .2s ease; }
.cmr-appspots__panel { position: absolute; inset-inline: 0; bottom: 0; display: flex; flex-direction: column; max-height: min(78vh, 680px); margin: 0 auto; max-width: 620px;
	padding: 14px 16px calc(12px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; background: #071c2c; color: #F2F6F8;
	box-shadow: 0 -18px 40px rgba(0, 0, 0, .45); border-top: 1px solid rgba(159, 179, 196, .22); transform: translateY(100%); transition: transform .22s cubic-bezier(.2, .8, .2, 1); }
.cmr-appspots.is-open .cmr-appspots__backdrop { opacity: 1; }
.cmr-appspots.is-open .cmr-appspots__panel { transform: none; }
.cmr-appspots__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.cmr-appspots__head h2 { margin: 0; font: 400 28px/1 var(--cmr-font-display, inherit); color: #fff; }
.cmr-appspots__x { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(242, 246, 248, .08); color: #F2F6F8; cursor: pointer; }
.cmr-appspots__x:focus-visible, .cmr-appspots a:focus-visible, .cmr-appspots__find input:focus-visible { outline: 2px solid var(--cmr-sonar, #38e1d3); outline-offset: 2px; }
.cmr-appspots__find { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; border-radius: 999px; background: rgba(242, 246, 248, .07); border: 1px solid rgba(159, 179, 196, .25); color: #A9BCCB; }
.cmr-appspots__find input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; color: #F2F6F8; font: 600 16px/1 var(--cmr-font-text, inherit); }
.cmr-appspots__find input::placeholder { color: #8197A8; }
.cmr-appspots__chips { display: flex; gap: 8px; margin: 12px -16px 6px; padding: 0 16px 4px; list-style: none; overflow-x: auto; scrollbar-width: none; }
.cmr-appspots__chips::-webkit-scrollbar { display: none; }
.cmr-appspots__chip { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; white-space: nowrap; border: 1px solid rgba(56, 225, 211, .35); color: var(--cmr-sonar, #38e1d3); font: 700 14px/1 var(--cmr-font-text, inherit); text-decoration: none; }
.cmr-appspots__list { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; margin: 0 -16px; padding: 0 16px 8px; }
.cmr-appspots__group { padding-top: 10px; }
.cmr-appspots__group[hidden] { display: none; }
.cmr-appspots__region { position: sticky; top: 0; z-index: 1; margin: 0; padding: 8px 0 6px; background: #071c2c; font: 800 13px/1.2 var(--cmr-font-text, inherit); letter-spacing: .04em; color: #8197A8; }
.cmr-appspots__region span { font-family: var(--cmr-font-data, inherit); color: #5f7686; }
.cmr-appspots__group ul { margin: 0; padding: 0; list-style: none; }
.cmr-appspots__group li[hidden] { display: none; }
.cmr-appspots__group a { display: flex; align-items: baseline; gap: 8px; min-height: 48px; padding: 12px 4px; border-bottom: 1px solid rgba(159, 179, 196, .12); color: #F2F6F8; text-decoration: none; }
.cmr-appspots__group a:active { background: rgba(242, 246, 248, .05); }
.cmr-appspots__name { font: 800 16px/1.25 var(--cmr-font-text, inherit); }
.cmr-appspots__sub { font: 500 14px/1.3 var(--cmr-font-text, inherit); color: #A9BCCB; }
.cmr-appspots .is-current a { color: var(--cmr-sonar, #38e1d3); }
.cmr-appspots .is-current a::after { content: "כאן עכשיו"; margin-inline-start: auto; font: 700 12px/1 var(--cmr-font-text, inherit); color: var(--cmr-sonar, #38e1d3); }
.cmr-appspots__none { margin: 18px 0; color: #A9BCCB; font: 600 15px/1.4 var(--cmr-font-text, inherit); }
html.cmr-appspots-open { overflow: hidden; }
html.cmr-appspots-open .cmr-corner, html.cmr-appspots-open .cmr-dock { opacity: 0; visibility: hidden; pointer-events: none; }
.cmr-appnav .is-spots button[aria-current] .cmr-appnav__k { box-shadow: 0 6px 18px rgba(56, 225, 211, .55), 0 0 0 4px rgba(4, 20, 33, .96), 0 0 0 6px rgba(56, 225, 211, .45); }
@media (prefers-reduced-motion: reduce) { .cmr-appspots__panel, .cmr-appspots__backdrop { transition: none; } }
.cmr-appspots__head, .cmr-appspots__find, .cmr-appspots__chips { flex: none; } /* only the list scrolls / shrinks */
/* Safari (iPhone): the chips row was squeezed to a few pixels inside the flex panel. A plain block row with a fixed
   height that never shrinks, and the list takes the rest of the panel. */
.cmr-appspots__chips { display: block; flex: 0 0 auto; height: 50px; min-height: 50px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin: 12px -16px 4px; padding: 4px 16px 6px; box-sizing: border-box; }
.cmr-appspots__chips li { display: inline-block; vertical-align: top; margin-inline-end: 8px; }
.cmr-appspots__chips[hidden] { display: none; }
.cmr-appspots__panel { height: min(78vh, 680px); height: min(78dvh, 680px); }
.cmr-appspots__list { flex: 1 1 0; min-height: 0; }
/* the beach's current go-out score, coloured like the ticker and the map */
.cmr-appspots__group a { align-items: center; }
.cmr-appspots__score { margin-inline-start: auto; flex: none; min-width: 40px; height: 30px; padding: 0 8px; display: inline-grid; place-items: center; border-radius: 8px; font: 800 15px/1 var(--cmr-font-data, inherit); font-variant-numeric: tabular-nums; }
.cmr-appspots__score.is-good { color: var(--cmr-go, #2bd48b); background: rgba(43, 212, 139, .14); }
.cmr-appspots__score.is-fair { color: var(--cmr-caution, #ffc145); background: rgba(255, 193, 69, .14); }
.cmr-appspots__score.is-poor { color: var(--cmr-buoy, #ff8a1f); background: rgba(255, 138, 31, .14); }
.cmr-appspots__score.is-danger { color: var(--cmr-danger, #ff5d5d); background: rgba(255, 93, 93, .16); }
.cmr-appspots .is-current a::after { order: 3; margin-inline-start: 8px; }

/* Spot hero: the buttons get their own row above the beach name (they covered the name on phones) */
.cmr-v5-ph__bar { position: relative; top: auto; inset-inline: auto; order: -1; margin: -2px -4px auto; padding-bottom: 14px; }
.cmr-v5__photo-in:has(> .cmr-v5-ph__bar) { padding-top: 12px; }
/* Waze button in the hero bar (navigation also stays in the "map and navigation" card below) */
.cmr-v5-icon--waze { background: #33CCFF; border-color: rgba(255, 255, 255, .55); }
.cmr-v5-icon--waze:hover { background: #1fb9ee; }
.cmr-v5-icon--waze .cmr-waze { width: 26px; height: 26px; }
.cmr-v5-icon--waze:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

/* base-desktop */
.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-list-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-list-item-base{display:flex;flex-direction:row;gap:8px;}.elementor .e-list-item-marker-base{width:auto;height:1lh;display:flex;align-items:center;}.elementor .e-list-item-content-base{flex:1 1 auto;}.elementor .e-accordion-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-accordion-item-base{padding:0px;display:block;}.elementor .e-accordion-item-header-base{cursor:pointer;padding:10px;display:flex;gap:8px;justify-content:space-between;align-items:center;}.elementor .e-accordion-item-title-base{padding:0px;}.elementor .e-accordion-item-icon-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-icon-open-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-background-video-base{width:100%;overflow:hidden;position:relative;padding:10px;display:flex;flex-direction:column;}.elementor .e-background-video-content-base{width:100%;position:relative;z-index:1;padding:0px;display:flex;flex-direction:column;flex:1 1 auto;}.elementor .e-background-video-controls-base{width:auto;position:absolute;inset-inline-end:20px;inset-block-end:20px;z-index:2;display:flex;gap:8px;}.elementor .e-background-video-play-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-background-video-pause-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{width:100%;height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-google-maps-base{width:100%;border-style:none;display:block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;}
/* default-desktop */
.elementor .e-default-h1{font-family:var(--cmr-font-display);font-weight:700;font-size:84px;color:inherit;line-height:0.95;margin:0px;}.elementor .e-default-h2{font-family:var(--cmr-font-display);font-weight:700;font-size:60px;color:inherit;line-height:1;margin:0px;}.elementor .e-default-h3{font-family:var(--cmr-font-text);font-weight:800;font-size:28px;color:inherit;line-height:1.2;margin:0px;}.elementor .e-default-h4{font-family:var(--cmr-font-text);font-weight:800;font-size:20px;color:inherit;line-height:1.3;margin:0px;}.elementor .e-default-p{font-family:var(--cmr-font-text);font-weight:400;font-size:17px;line-height:1.7;margin:0px;}.elementor .e-default-a{color:inherit;text-decoration-thickness: 1px; text-underline-offset: 3px;\n}
/* global-1454-frontend-desktop */
.elementor .cmr-btn-outline-dark:hover,.elementor .cmr-btn-outline-dark:focus-visible{color:var(--cmr-abyss);border-color:var(--cmr-foam);background-color:var(--cmr-foam);}.elementor .cmr-btn-outline-dark:focus{outline-offset:3px;outline: 3px solid var(--cmr-sonar);\n}.elementor .cmr-btn-outline-dark{color:var(--cmr-foam);border-width:2px;border-color:var(--cmr-mist);border-style:solid;background-color:transparent;}.elementor .cmr-btn-primary:hover,.elementor .cmr-btn-primary:focus-visible{color:var(--cmr-abyss);border-color:#FFA352;background-color:#FFA352;}.elementor .cmr-btn-primary{color:var(--cmr-abyss);border-width:2px;border-color:var(--cmr-buoy);border-style:solid;background-color:var(--cmr-buoy);}.elementor .cmr-btn:focus{outline-offset:3px;outline: 3px solid var(--cmr-marlin);\n}.elementor .cmr-btn{min-height:48px;font-family:var(--cmr-font-text);font-weight:800;font-size:17px;line-height:1.2;text-decoration:none;padding-block-start:12px;padding-block-end:12px;padding-inline-start:26px;padding-inline-end:26px;border-radius:999px;display:inline-flex;gap:8px;justify-content:center;align-items:center;}.elementor .cmr-muted-dark{color:var(--cmr-mist);}.elementor .cmr-kicker{font-family:var(--cmr-font-text);font-weight:800;font-size:13px;color:var(--cmr-current);letter-spacing:0.08em;line-height:1.2;}.elementor .cmr-container{width:100%;max-width:1320px;position:relative;z-index:1;display:flex;flex-direction:column;gap:32px;}.elementor .cmr-sandy{color:var(--cmr-ink);background-color:var(--cmr-sand);}.elementor .cmr-light{color:var(--cmr-ink);background-color:var(--cmr-foam);}.elementor .cmr-dark{color:var(--cmr-foam);background-color:var(--cmr-abyss);}.elementor .cmr-section{width:100%;overflow:hidden;position:relative;padding-block-start:112px;padding-block-end:112px;padding-inline-start:24px;padding-inline-end:24px;display:flex;flex-direction:column;align-items:center;}
/* local-231-frontend-desktop */
.elementor .e-52fdb270-308c{width:auto;height:84px;object-fit:contain;}.elementor .e-412a947-760c{width:auto;text-decoration:none;padding:0px;gap:12px;flex:0 0 auto;align-items:center;}.elementor .e-3cbbb94e-3e5d:hover,.elementor .e-3cbbb94e-3e5d:focus-visible{color:#FF8A2B;background-color:transparent;}.elementor .e-3cbbb94e-3e5d{color:#9FB3C4;padding-block-start:10px;padding-block-end:10px;padding-inline-start:8px;padding-inline-end:8px;border-color:transparent;background-color:transparent;}.elementor .e-74ac233c-96d8{min-height:44px;padding-block-start:10px;padding-block-end:10px;padding-inline-start:20px;padding-inline-end:20px;}.elementor .e-687f7f46-96bb{width:auto;padding:0px;gap:8px;flex:0 0 auto;}.elementor .e-66e12584-79b1{max-width:1320px;padding-block-start:10px;padding-block-end:10px;padding-inline-start:24px;padding-inline-end:24px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;gap:24px;justify-content:space-between;align-items:center;}.elementor .e-6d795f6a-ddf3{position:sticky;inset-block-start:0px;z-index:50;padding:0px;border-block-end-width:1px;background-color:rgba(4,20,33,.96);backdrop-filter:blur(8px);flex-direction:column;gap:0px;align-items:stretch;}
/* local-232-frontend-desktop */
.elementor .e-5b62ad0c-bec0{width:132px;height:auto;}.elementor .e-ba47485-5630{max-width:320px;font-size:15px;line-height:1.7;}.elementor .e-3e38e04e-7fcb{padding:0px;flex-direction:column;gap:16px;}.elementor .e-310cf5cb-838e{font-family:var(--cmr-font-text);font-weight:800;font-size:16px;color:#F2F6F8;margin-block-end:8px;}.elementor .e-7a9204ae-1879{padding:0px;flex-direction:column;gap:8px;}.elementor .e-4723e2a6-7b12{font-family:var(--cmr-font-text);font-weight:800;font-size:16px;color:#F2F6F8;margin-block-end:8px;}.elementor .e-s3rv1ce-bt01{min-height:44px;font-size:16px;color:#FFFFFF;padding-block-start:10px;padding-block-end:10px;padding-inline-start:22px;padding-inline-end:22px;margin-block-start:12px;border-color:#2B6CC4;background-color:#2B6CC4;align-self:flex-start;}.elementor .e-s3rv1ce-bt01:hover,.elementor .e-s3rv1ce-bt01:focus-visible{color:#FFFFFF;border-color:#6FA4EC;background-color:#1E4E78;}.elementor .e-s3rv1ce-bt01:focus{color:#FFFFFF;border-color:#6FA4EC;background-color:#1E4E78;}.elementor .e-c4nc3l1-bt01{min-height:44px;font-size:16px;color:#FF8A2B;padding-block-start:10px;padding-block-end:10px;padding-inline-start:22px;padding-inline-end:22px;margin-block-start:12px;border-color:#FF8A2B;align-self:flex-start;}.elementor .e-c4nc3l1-bt01:hover,.elementor .e-c4nc3l1-bt01:focus-visible{color:#041421;border-color:#FF8A2B;background-color:#FF8A2B;}.elementor .e-c4nc3l1-bt01:focus{color:#041421;border-color:#FF8A2B;background-color:#FF8A2B;}.elementor .e-5d871e04-dbbf{padding:0px;flex-direction:column;gap:8px;}.elementor .e-4534ee4a-7281{font-family:var(--cmr-font-text);font-weight:800;font-size:16px;color:#F2F6F8;margin-block-end:8px;}.elementor .e-48314c9e-d6b4{padding:0px;margin-block-start:8px;gap:8px;flex-wrap:wrap;}.elementor .e-bcedbdd-3927{padding:0px;flex-direction:column;gap:8px;}.elementor .e-291e3471-ed34{padding:0px;display:grid;gap:32px;grid-template-columns:1.4fr 1fr 1fr 1.2fr;}.elementor .e-7ba66a24-950a{margin-block-start:40px;margin-block-end:16px;margin-inline-start:0px;margin-inline-end:0px;border-color:#12324D;}.elementor .e-28a8ada-956f{font-size:13px;padding:0px;gap:16px;flex-wrap:wrap;justify-content:space-between;}.elementor .e-7380a606-4f72{max-width:1320px;padding-block-start:72px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;}.elementor .e-23276435-e814{padding:0px;border-block-start-width:1px;background-color:#041421;}
/* local-450-frontend-desktop */
.elementor .e-101ec617-f828{padding:0px;margin-block-start:16px;}.elementor .e-758f81f9-1f6c{max-width:1320px;padding-block-start:40px;padding-block-end:96px;padding-inline-start:24px;padding-inline-end:24px;margin-inline-start:auto;margin-inline-end:auto;display:flex;flex-direction:column;gap:16px;}.elementor .e-74bcafc4-e66e{padding:0px;background-color:#041421;}.elementor .e-2b8c8278-3f88{margin-block-start:40px;}.elementor .e-6a39264d-d2be{padding:0px;margin-block-start:12px;}.elementor .e-6cbf5790-866d{display:flex;flex-direction:column;gap:12px;}.elementor .e-49279ba9-f02f{padding:0px;}