/* cmr-a11y */
/* Our accessibility panel (assets/js/cmr-a11y.js) and the page adjustments it switches on (classes on <html>). */
.cmr-a11y { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: flex-end; justify-content: flex-start; padding: 16px; background: rgba(6, 18, 28, .45); }
.cmr-a11y[hidden] { display: none; }
.cmr-a11y__box { width: min(420px, 100%); max-height: calc(100dvh - 32px); overflow: auto; background: #fff; color: #0b1b2a; border-radius: 20px; box-shadow: 0 18px 60px rgba(0, 0, 0, .35); padding: 18px; font: 600 16px/1.4 var(--cmr-font-text, "Assistant", Arial, sans-serif); text-align: right; }
.cmr-a11y__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.cmr-a11y__title { margin: 0; font: 800 22px/1.2 var(--cmr-font-display, inherit); color: #0b1b2a; }
.cmr-a11y__close { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #0b1b2a; background: #fff; color: #0b1b2a; font-size: 18px; cursor: pointer; }
.cmr-a11y__size { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px; border-radius: 14px; background: #eef3f6; margin-bottom: 12px; }
.cmr-a11y__size button { min-width: 64px; height: 44px; border-radius: 12px; border: 2px solid #0b1b2a; background: #fff; color: #0b1b2a; font: 800 18px/1 inherit; cursor: pointer; }
.cmr-a11y__size-val { font-weight: 800; font-size: 18px; }
.cmr-a11y__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cmr-a11y__opt { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 76px; padding: 8px; border-radius: 14px; border: 2px solid #c8d3dc; background: #fff; color: #0b1b2a; font: 700 14px/1.25 inherit; text-align: center; cursor: pointer; }
.cmr-a11y__opt[aria-pressed="true"] { border-color: #1f6fd1; background: #e7f0fc; box-shadow: inset 0 0 0 2px #1f6fd1; }
.cmr-a11y__ic { font-size: 20px; line-height: 1; }
.cmr-a11y__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.cmr-a11y__reset { height: 44px; padding: 0 16px; border-radius: 22px; border: 2px solid #0b1b2a; background: #0b1b2a; color: #fff; font: 800 15px/1 inherit; cursor: pointer; }
.cmr-a11y__link { color: #1f4fa0; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.cmr-a11y button:focus-visible, .cmr-a11y a:focus-visible { outline: 3px solid #ff8a1f; outline-offset: 2px; }
@media (max-width: 600px) { .cmr-a11y { padding: 0; align-items: flex-end; } .cmr-a11y__box { width: 100%; border-radius: 20px 20px 0 0; max-height: 88dvh; padding-bottom: calc(18px + env(safe-area-inset-bottom)); } }

/* ---- page adjustments (never inside the panel) ---- */
html.cmr-a11y-contrast body *:not(#cmr-a11y):not(#cmr-a11y *) { background-color: #000 !important; color: #fff !important; border-color: #fff !important; box-shadow: none !important; text-shadow: none !important; }
html.cmr-a11y-contrast body a:not(#cmr-a11y *), html.cmr-a11y-contrast body a:not(#cmr-a11y *) * { color: #ffe600 !important; }
html.cmr-a11y-contrast body img, html.cmr-a11y-contrast body video { background-color: transparent !important; }
html.cmr-a11y-contrast body { background: #000 !important; }
html.cmr-a11y-light body *:not(#cmr-a11y):not(#cmr-a11y *) { background-color: #fff !important; color: #000 !important; text-shadow: none !important; }
html.cmr-a11y-light body a:not(#cmr-a11y *) { color: #0033aa !important; }
html.cmr-a11y-gray body > *:not(#cmr-a11y) { filter: grayscale(1) !important; }
html.cmr-a11y-links body a:not(#cmr-a11y *) { text-decoration: underline !important; text-underline-offset: 3px !important; outline: 2px dashed currentColor !important; outline-offset: 2px !important; }
html.cmr-a11y-headings body :is(h1, h2, h3, h4, h5, h6):not(#cmr-a11y *) { outline: 3px solid #1f6fd1 !important; outline-offset: 3px !important; }
html.cmr-a11y-font body *:not(#cmr-a11y *):not(svg):not(svg *) { font-family: Arial, "Assistant", sans-serif !important; letter-spacing: normal !important; }
html.cmr-a11y-spacing body *:not(#cmr-a11y *) { line-height: 1.8 !important; letter-spacing: .06em !important; word-spacing: .16em !important; }
html.cmr-a11y-still *, html.cmr-a11y-still *::before, html.cmr-a11y-still *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.cmr-a11y-cursor, html.cmr-a11y-cursor * { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M6 4l30 16-13 3-6 13z' fill='%23000' stroke='%23fff' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 4 4, auto !important; }
html.cmr-a11y-focus *:focus, html.cmr-a11y-focus *:focus-visible { outline: 4px solid #ff8a1f !important; outline-offset: 3px !important; }
html.cmr-a11y-noimg body img:not(#cmr-a11y *), html.cmr-a11y-noimg body picture:not(#cmr-a11y *), html.cmr-a11y-noimg body video:not(#cmr-a11y *) { visibility: hidden !important; }
html.cmr-a11y-noimg body * { background-image: none !important; }

/* cmr-widgets */
/* Cormorant widgets - shared widget base, product cards, rails and the shop widgets.
   Tokens from cmr-core.css. Mobile-first; logical properties (RTL); reduced motion handled globally. */

/* =========================================================
   1. Widget base (shared with team B: kormi / intel / reviews)
   ========================================================= */
.cmr-w { --cmr-w-gap: 16px; position: relative; color: var(--cmr-ink); }
.cmr-w.cmr-on-dark { color: var(--cmr-foam); }
.cmr-w-title { margin: 0 0 8px; font: 700 42px/1 var(--cmr-font-display); color: inherit; }
.cmr-w-title--sm { font: 800 22px/1.2 var(--cmr-font-text); }
.cmr-w-intro { margin: 0 0 24px; max-width: 62ch; font-size: 18px; line-height: 1.6; color: var(--cmr-slate); }
.cmr-on-dark .cmr-w-intro { color: var(--cmr-mist); }
.cmr-w-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 16px; margin-bottom: 16px; }
.cmr-w-head .cmr-w-intro { margin-bottom: 0; }
.cmr-w-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--cmr-marlin); text-decoration: none; min-height: 44px; }
.cmr-w-more:hover { text-decoration: underline; }
.cmr-w-more svg { width: 18px; height: 18px; }
.cmr-on-dark .cmr-w-more { color: var(--cmr-sonar); }
.cmr-label { font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; color: var(--cmr-slate); }
.cmr-on-dark .cmr-label { color: var(--cmr-mist); }
.cmr-ico { width: 1.25em; height: 1.25em; flex: none; }
.cmr-panel { background: var(--cmr-paper); border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-panel); padding: 24px; }
.cmr-on-dark .cmr-panel, .cmr-panel--dark { background: var(--cmr-deep); border-color: var(--cmr-trench); color: var(--cmr-foam); }
.cmr-panel--sand { background: var(--cmr-sand); border-color: transparent; }
.cmr-editor-note { margin: 8px 0; padding: 8px 12px; border: 1px dashed var(--cmr-marlin); border-radius: 8px; background: rgba(43, 108, 196, .06); color: var(--cmr-ink); font: 600 13px/1.4 var(--cmr-font-text); }
.cmr-kormi-img { display: block; height: auto; max-width: 100%; }
.cmr-count:empty, .cmr-count[data-count="0"] { display: none; }
.cmr-count { display: inline-block; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--cmr-buoy); color: var(--cmr-abyss); font: 800 11px/18px var(--cmr-font-data); text-align: center; }

/* Chips (filter / choice) */
.cmr-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--cmr-line); background: var(--cmr-paper); color: var(--cmr-ink); font: 700 14px/1.2 var(--cmr-font-text); text-decoration: none; cursor: pointer; transition: border-color .15s, background-color .15s, color .15s; }
.cmr-chip:hover { border-color: var(--cmr-marlin); color: var(--cmr-marlin); }
.cmr-chip[aria-pressed="true"], .cmr-chip.is-active, .cmr-chip[aria-current="page"] { background: var(--cmr-ink); border-color: var(--cmr-ink); color: var(--cmr-foam); }
.cmr-chip svg { width: 16px; height: 16px; }
.cmr-chip .cmr-num { font-size: 12px; opacity: .7; }
.cmr-on-dark .cmr-chip { background: rgba(242, 246, 248, .04); border-color: var(--cmr-trench); color: var(--cmr-foam); }
.cmr-on-dark .cmr-chip[aria-pressed="true"], .cmr-on-dark .cmr-chip.is-active { background: var(--cmr-foam); color: var(--cmr-abyss); }
.cmr-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cmr-chips--scroll { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-block: 2px; margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
.cmr-chips--scroll::-webkit-scrollbar { display: none; }
.cmr-chips--scroll > * { flex: none; }

/* Empty / unavailable states */
.cmr-empty { display: flex; align-items: center; gap: 16px; padding: 24px; border-radius: var(--cmr-r-card); background: var(--cmr-foam); border: 1px dashed var(--cmr-line); }
.cmr-on-dark .cmr-empty { background: rgba(242, 246, 248, .04); border-color: var(--cmr-trench); }
.cmr-empty .cmr-kormi-img { width: 96px; flex: none; }
.cmr-empty__title { margin: 0 0 4px; font-weight: 800; font-size: 18px; }
.cmr-empty__text { margin: 0 0 12px; color: var(--cmr-slate); }
.cmr-on-dark .cmr-empty__text { color: var(--cmr-mist); }
.cmr-empty__text:last-child { margin-bottom: 0; }

/* Skeleton */
.cmr-skel { display: block; height: 12px; margin-bottom: 8px; border-radius: 6px; background: linear-gradient(90deg, var(--cmr-line), #e8eef2, var(--cmr-line)); background-size: 200% 100%; }
.cmr-skel--w60 { width: 60%; } .cmr-skel--w40 { width: 40%; }
@media (prefers-reduced-motion: no-preference) { .cmr-skel { animation: cmr-shimmer 1.4s linear infinite; } }
@keyframes cmr-shimmer { to { background-position: -200% 0; } }

/* Sheet / dialog (mobile bottom sheet, desktop side panel). Uses <dialog>. */
.cmr-sheet { position: fixed; inset: auto 0 0 0; margin: 0; width: 100%; max-width: 100%; max-height: 88vh; max-height: 88dvh; padding: 0; border: 0; border-radius: var(--cmr-r-panel) var(--cmr-r-panel) 0 0; background: var(--cmr-paper); color: var(--cmr-ink); box-shadow: 0 -12px 40px rgba(4, 20, 33, .25); display: none; flex-direction: column; overflow: hidden; }
.cmr-sheet[open] { display: flex; }
.cmr-sheet::backdrop { background: rgba(4, 20, 33, .55); }
.cmr-sheet__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--cmr-line); }
.cmr-sheet__head h2, .cmr-sheet__title { margin: 0; font: 800 20px/1.2 var(--cmr-font-text); }
.cmr-sheet__body { flex: 1; overflow-y: auto; padding: 16px; overscroll-behavior: contain; }
.cmr-sheet__foot { display: flex; gap: 8px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--cmr-line); background: var(--cmr-paper); }
.cmr-sheet__foot .cmr-button { flex: 1; }
.cmr-sheet--full { inset: 0; max-height: none; height: 100%; border-radius: 0; }
@media (prefers-reduced-motion: no-preference) {
	.cmr-sheet[open] { animation: cmr-sheet-up .28s var(--cmr-ease); }
}
@keyframes cmr-sheet-up { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (min-width: 768px) {
	.cmr-sheet:not(.cmr-sheet--full) { inset: 0 0 0 auto; inset-inline-start: auto; inset-inline-end: 0; width: 420px; max-height: none; height: 100%; border-radius: 0; }
}
html.cmr-lock, html.cmr-lock body { overflow: hidden; }

/* Help / explain disclosure ("מה זה?") */
.cmr-explain { display: inline; }
.cmr-explain > summary { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; list-style: none; color: var(--cmr-marlin); font: 700 13px/1 var(--cmr-font-text); min-height: 24px; }
.cmr-explain > summary::-webkit-details-marker { display: none; }
.cmr-explain > summary svg { width: 16px; height: 16px; }
.cmr-explain > p { margin: 6px 0 0; padding: 10px 12px; border-radius: 8px; background: var(--cmr-sand); color: var(--cmr-ink); font-size: 14px; line-height: 1.55; font-weight: 400; }

/* Cart ping (signature moment) */
@media (prefers-reduced-motion: no-preference) {
	.cmr-cart-ping { position: relative; }
	.cmr-cart-ping::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; border-radius: 50%; border: 2px solid var(--cmr-buoy); pointer-events: none; animation: cmr-ping .9s var(--cmr-ease) 1 forwards; }
}

/* Stars */
.cmr-stars { --r: 0; display: inline-block; width: 80px; height: 16px; vertical-align: -2px; background: linear-gradient(90deg, var(--cmr-buoy) calc(var(--r) / 5 * 100%), var(--cmr-line) 0); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m8 1 2 4.6 5 .5-3.8 3.3 1.1 4.9L8 11.8 3.7 14.3l1.1-4.9L1 6.1l5-.5Z'/%3E%3C/svg%3E") 0 0/16px 16px repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m8 1 2 4.6 5 .5-3.8 3.3 1.1 4.9L8 11.8 3.7 14.3l1.1-4.9L1 6.1l5-.5Z'/%3E%3C/svg%3E") 0 0/16px 16px repeat-x; }
[dir="rtl"] .cmr-stars { transform: scaleX(-1); }

/* Buttons: loading / added states (extends cmr-core) */
.cmr-button.is-loading { opacity: .7; cursor: progress; }
.cmr-button.is-added { background: var(--cmr-go-ink); color: #fff; }
.cmr-button svg { width: 20px; height: 20px; }
.cmr-button--block { width: 100%; }
.cmr-button--secondary { background: transparent; color: var(--cmr-marlin); border-color: var(--cmr-marlin); }
.cmr-button--secondary:hover { background: var(--cmr-marlin); color: #fff; }
.cmr-on-dark .cmr-button--secondary { color: var(--cmr-foam); border-color: var(--cmr-foam); }
.cmr-on-dark .cmr-button--secondary:hover { background: var(--cmr-foam); color: var(--cmr-abyss); }
.cmr-on-dark .cmr-button--ghost:hover { background: var(--cmr-foam); color: var(--cmr-abyss); border-color: var(--cmr-foam); }
.cmr-button[aria-disabled="true"] { pointer-events: none; opacity: .5; }

/* Inputs */
.cmr-input { width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--cmr-line); border-radius: 12px; background: var(--cmr-paper); color: var(--cmr-ink); font: 400 16px/1.3 var(--cmr-font-text); }
.cmr-input:focus { border-color: var(--cmr-marlin); outline: 3px solid rgba(43, 108, 196, .25); outline-offset: 0; }
.cmr-on-dark .cmr-input { background: var(--cmr-deep); border-color: var(--cmr-trench); color: var(--cmr-foam); }

/* =========================================================
   2. Product card
   ========================================================= */
.cmr-cards { list-style: none; margin: 0; padding: 0; }
.cmr-cards--grid { display: grid; gap: 12px; grid-template-columns: repeat(var(--cmr-cols-m, 2), minmax(0, 1fr)); }
@media (min-width: 768px) { .cmr-cards--grid { gap: 16px; grid-template-columns: repeat(var(--cmr-cols-t, 3), minmax(0, 1fr)); } }
@media (min-width: 1025px) { .cmr-cards--grid { gap: 24px; grid-template-columns: repeat(var(--cmr-cols, 4), minmax(0, 1fr)); } }
.cmr-cards__item { display: flex; min-width: 0; }
.cmr-cards__item > .cmr-card { flex: 1; }

.cmr-card { position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--cmr-paper); border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-card); overflow: hidden; color: var(--cmr-ink); transition: box-shadow .15s, border-color .15s, transform .15s; }
.cmr-card:hover { border-color: #c3d1dc; box-shadow: var(--cmr-shadow); }
.cmr-card__media { position: relative; aspect-ratio: 1 / 1; background: var(--cmr-foam); }
.cmr-card__img { display: block; width: 100%; height: 100%; }
.cmr-card__img img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 8%; mix-blend-mode: multiply; transition: transform .28s var(--cmr-ease); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) { .cmr-card:hover .cmr-card__img img { transform: scale(1.04); } }
.cmr-card__badges { position: absolute; top: 8px; inset-inline-start: 8px; display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; max-width: calc(100% - 56px); }
.cmr-badge--kit { background: var(--cmr-sand); color: var(--cmr-ink); }
.cmr-badge--backorder { background: var(--cmr-caution); color: var(--cmr-abyss); }
.cmr-card__tools { position: absolute; top: 8px; inset-inline-end: 8px; display: flex; flex-direction: column; gap: 6px; }
.cmr-card__tools .cmr-icon-btn { width: 40px; height: 40px; background: rgba(255, 255, 255, .92); }
/* Pressed (in compare / favorites): filled marlin, so the white icon stays visible. */
.cmr-card__tools .cmr-icon-btn[aria-pressed="true"], .cmr-kit__media .cmr-card__tools .cmr-icon-btn[aria-pressed="true"] { background: var(--cmr-marlin); border-color: var(--cmr-marlin); color: #fff; }
.cmr-icon-btn[data-cmr-fav][aria-pressed="true"] { background: var(--cmr-buoy); border-color: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-icon-btn[data-cmr-fav][aria-pressed="true"] svg path { fill: currentColor; }
.cmr-card__body { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 12px; }
@media (min-width: 768px) { .cmr-card__body { padding: 16px; } }
.cmr-card__brand { margin: 0; font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; text-transform: uppercase; color: var(--cmr-slate); }
/* 24px tall hit area (WCAG 2.5.8 target size) without moving the layout: padding out, the same negative margin in. */
.cmr-card__brand a { position: relative; display: inline-block; min-width: 24px; padding-block: 5px; margin-block: -5px; color: inherit; text-decoration: none; }
/* colour / shape dots (catalog/swatches.php card_swatches): hover or tap shows that photo in the card */
.cmr-card__swatches { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 2px 0 2px; } /* above the whole-card link */
.cmr-card__sw { position: relative; width: 30px; height: 30px; padding: 0; border: 1.5px solid var(--cmr-line); border-radius: 50%; background: #fff; overflow: hidden; cursor: pointer; transition: border-color .15s, transform .1s; }
.cmr-card__sw::after { content: ""; position: absolute; inset: -7px; } /* 44px touch target */
.cmr-card__sw img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.35); }
.cmr-card__sw:hover, .cmr-card__sw.is-on { border-color: var(--cmr-marlin); box-shadow: 0 0 0 1.5px var(--cmr-marlin); }
.cmr-card__sw:focus-visible { outline: 3px solid var(--cmr-buoy); outline-offset: 2px; }
.cmr-card__sw-more { font: 800 12px/1 var(--cmr-font-data); color: var(--cmr-slate); text-decoration: none; padding: 6px 2px; }
.cmr-card__sw-more:hover { color: var(--cmr-marlin); }
.cmr-card__title { margin: 0; font: 800 15px/1.3 var(--cmr-font-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (min-width: 768px) { .cmr-card__title { font-size: 17px; } }
.cmr-card__title a { color: inherit; text-decoration: none; }
.cmr-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 0; } /* whole card clickable */
.cmr-card__title a:focus-visible { outline: none; }
.cmr-card:focus-within:has(.cmr-card__title a:focus-visible) { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-card__tools, .cmr-card__actions, .cmr-card__brand a, .cmr-card__badges { z-index: 1; }
.cmr-card__specs { display: flex; flex-wrap: wrap; gap: 4px; margin: 2px 0 0; padding: 0; list-style: none; }
.cmr-card__specs .cmr-spec { min-width: 0; padding: 4px 8px; }
.cmr-card__specs .cmr-spec b { font-size: 13px; }
.cmr-card__specs .cmr-spec span { font-size: 12px; }
.cmr-card__rating { margin: 0; font-size: 13px; color: var(--cmr-slate); }
.cmr-card__price { margin-top: auto; font: 800 18px/1.2 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-card__price del { font-weight: 400; font-size: 14px; color: var(--cmr-slate); margin-inline-end: 6px; }
.cmr-card__price ins { text-decoration: none; color: var(--cmr-danger-ink); }
.cmr-card__price .woocommerce-Price-amount bdi { unicode-bidi: isolate; }
.cmr-card__stock { margin: 0; font: 700 12px/1.3 var(--cmr-font-text); color: var(--cmr-go-ink); display: flex; align-items: center; gap: 6px; }
.cmr-card__stock { font-size: 13px; }
.cmr-card__stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.cmr-stock--outofstock { color: var(--cmr-danger-ink); }
.cmr-stock--onbackorder { color: var(--cmr-caution-ink); }
.cmr-card__actions { position: relative; display: flex; gap: 8px; align-items: center; margin-top: 4px; }
.cmr-card__atc { flex: 1; min-height: 44px; padding-inline: 12px; font-size: 14px; }
.cmr-card__atc svg { width: 18px; height: 18px; }
/* Narrow phones: the add-to-cart button shrinks to its icon; text-only buttons ("בחירת אפשרויות") keep their width. */
@media (max-width: 400px) { .cmr-card--grid .cmr-card__atc svg + span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .cmr-card--grid .cmr-card__atc:has(svg) { flex: 0 0 44px; padding: 0; } }
.cmr-card.is-out .cmr-card__img img { opacity: .55; }
.cmr-card.is-demo .cmr-card__price, .cmr-card.is-demo .cmr-card__stock { opacity: .92; }

/* row layout (search suggestions, mini cart lists) */
.cmr-card--row { flex-direction: row; align-items: stretch; }
.cmr-card--row .cmr-card__media { flex: 0 0 96px; aspect-ratio: auto; min-height: 96px; }
.cmr-card--row .cmr-card__badges { top: 4px; inset-inline-start: 4px; max-width: none; }
.cmr-card--row .cmr-card__badges .cmr-badge { font-size: 12px; padding: 2px 6px; }
.cmr-card--row .cmr-card__body { padding: 10px 12px; gap: 4px; }
.cmr-card--row .cmr-card__title { font-size: 15px; }
.cmr-card--row .cmr-card__price { font-size: 16px; }
.cmr-card--row .cmr-card__tools { display: none; }
/* mini layout (search dropdown, compare tray, bundles) */
.cmr-card--mini { flex-direction: row; align-items: center; border: 0; background: transparent; gap: 10px; }
.cmr-card--mini:hover { box-shadow: none; }
.cmr-card--mini .cmr-card__media { flex: 0 0 56px; width: 56px; border-radius: 8px; overflow: hidden; }
.cmr-card--mini .cmr-card__img img { padding: 4px; }
.cmr-card--mini .cmr-card__badges { display: none; }
.cmr-card--mini .cmr-card__body { padding: 0; gap: 2px; }
.cmr-card--mini .cmr-card__title { font-size: 14px; -webkit-line-clamp: 1; }
.cmr-card--mini .cmr-card__price { font-size: 14px; margin-top: 0; }
.cmr-card--skeleton .cmr-card__media { background: var(--cmr-foam); }
.cmr-card--skeleton .cmr-card__body { min-height: 150px; }

/* dark surface cards */
.cmr-on-dark .cmr-card { border-color: transparent; }

/* =========================================================
   3. Rail (horizontal product rows)
   ========================================================= */
.cmr-rail { position: relative; }
.cmr-cards--rail { display: grid; grid-auto-flow: column; grid-auto-columns: var(--cmr-rail-w, 72%); gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 16px 12px; margin-inline: -16px; scroll-padding-inline: 16px; }
.cmr-cards--rail::-webkit-scrollbar { display: none; }
.cmr-cards--rail > .cmr-cards__item { scroll-snap-align: start; }
@media (min-width: 480px) { .cmr-cards--rail { grid-auto-columns: var(--cmr-rail-w-s, 46%); } }
@media (min-width: 768px) { .cmr-cards--rail { gap: 16px; grid-auto-columns: calc((100% - 16px * (var(--cmr-cols-t, 3) - 1)) / var(--cmr-cols-t, 3)); padding-inline: 0; margin-inline: 0; scroll-padding-inline: 0; } }
@media (min-width: 1025px) { .cmr-cards--rail { gap: 24px; grid-auto-columns: calc((100% - 24px * (var(--cmr-cols, 4) - 1)) / var(--cmr-cols, 4)); } }
@media (prefers-reduced-motion: no-preference) { .cmr-cards--rail { scroll-behavior: smooth; } }
.cmr-rail__nav { display: none; gap: 8px; }
@media (min-width: 768px) { .cmr-rail__nav { display: inline-flex; } }
.cmr-rail__nav .cmr-icon-btn[disabled] { opacity: .35; cursor: default; }
.cmr-rail__nav [data-dir="next"] svg { transform: none; }
.cmr-rail__nav [data-dir="prev"] svg { transform: scaleX(-1); }
.cmr-rail[data-state="empty"] { display: none; }
.cmr-rail[data-state="empty"].cmr-rail--keep { display: block; }
.cmr-rail__why { margin: -8px 0 16px; font-size: 15px; color: var(--cmr-slate); display: flex; gap: 6px; align-items: flex-start; }
.cmr-rail__why svg { width: 18px; height: 18px; flex: none; margin-top: 2px; color: var(--cmr-marlin); }

/* =========================================================
   4. Mode switch widget
   ========================================================= */
.cmr-w--mode { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.cmr-mode__hint { margin: 0; font-size: 14px; color: var(--cmr-slate); }
.cmr-on-dark .cmr-mode__hint { color: var(--cmr-mist); }

/* =========================================================
   5. Search (autocomplete)
   ========================================================= */
.cmr-search { position: relative; }
.cmr-search__form { position: relative; }
.cmr-search__field { display: flex; align-items: center; gap: 8px; min-height: 52px; padding-inline: 16px 4px; border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper); color: var(--cmr-ink); transition: border-color .15s, box-shadow .15s; }
.cmr-search__field:focus-within { border-color: var(--cmr-marlin); box-shadow: 0 0 0 2px var(--cmr-marlin); } /* solid ring: 3:1 against the field and the page (2.4.7) */
.cmr-search__ico { width: 20px; height: 20px; color: var(--cmr-slate); }
.cmr-search.is-loading .cmr-search__ico { color: var(--cmr-marlin); }
@media (prefers-reduced-motion: no-preference) { .cmr-search.is-loading .cmr-search__ico { animation: cmr-pulse 1s ease-in-out infinite alternate; } }
@keyframes cmr-pulse { to { opacity: .35; } }
.cmr-search__input { flex: 1; min-width: 0; height: 44px; padding: 0; border: 0; background: transparent; color: inherit; font: 400 16px/1.2 var(--cmr-font-text); }
.cmr-search__input:focus { outline: none; }
.cmr-search__input::placeholder { color: var(--cmr-slate); opacity: 1; }
.cmr-search__input::-webkit-search-cancel-button, .cmr-search__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.cmr-search__clear { display: inline-grid; place-items: center; width: 40px; height: 40px; flex: none; border: 0; border-radius: 50%; background: transparent; color: var(--cmr-slate); cursor: pointer; }
.cmr-search__clear:hover { background: var(--cmr-foam); color: var(--cmr-ink); }
.cmr-search__clear[hidden] { display: none; }
.cmr-search__clear svg { width: 18px; height: 18px; }
.cmr-search__submit { min-height: 44px; padding-inline: 18px; flex: none; }
@media (max-width: 479px) { .cmr-search__submit { padding-inline: 14px; font-size: 15px; } }
.cmr-search__panel { position: absolute; top: calc(100% + 8px); inset-inline: 0; z-index: 90; max-height: min(72vh, 600px); overflow-y: auto; overscroll-behavior: contain; padding: 12px; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-panel); background: var(--cmr-paper); color: var(--cmr-ink); box-shadow: var(--cmr-shadow); }
.cmr-search__panel[hidden] { display: none; }
.cmr-search__panel .cmr-label { margin: 8px 8px 6px; }
.cmr-search__idle > div + div { margin-top: 8px; }
.cmr-search__idle .cmr-chips { padding-inline: 8px; }
.cmr-search__idle .cmr-chip svg { width: 14px; height: 14px; opacity: .6; }
.cmr-search__group + .cmr-search__group { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--cmr-line); }
.cmr-search__opt > a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 6px 8px; border-radius: 10px; color: inherit; text-decoration: none; cursor: pointer; }
.cmr-search__opt > a:hover, .cmr-search__opt[aria-selected="true"] > a { background: var(--cmr-foam); }
.cmr-search__opt[aria-selected="true"] > a { box-shadow: inset 3px 0 0 var(--cmr-marlin); }
[dir="rtl"] .cmr-search__opt[aria-selected="true"] > a { box-shadow: inset -3px 0 0 var(--cmr-marlin); }
.cmr-search__opt img, .cmr-search__noimg { flex: none; width: 56px; height: 56px; border-radius: 8px; background: var(--cmr-foam); object-fit: contain; mix-blend-mode: multiply; }
.cmr-search__pt { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.cmr-search__pn { font: 700 15px/1.3 var(--cmr-font-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmr-search__pm { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12px; color: var(--cmr-slate); }
.cmr-search__pb { font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.cmr-search__pm .cmr-badge { font-size: 12px; padding: 1px 6px; }
.cmr-search__pp { flex: none; font: 800 14px/1.2 var(--cmr-font-text); text-align: end; }
.cmr-search__pp del { display: block; font-weight: 400; font-size: 12px; color: var(--cmr-slate); }
.cmr-search__pp ins { text-decoration: none; color: var(--cmr-danger-ink); }
.cmr-search__cnt { margin-inline-start: auto; font-size: 12px; color: var(--cmr-slate); }
.cmr-search__opt--content > a { flex-direction: column; align-items: flex-start; gap: 2px; }
.cmr-search__ex { font-size: 13px; color: var(--cmr-slate); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.cmr-search__opt--dym > a { font-weight: 800; color: var(--cmr-marlin); }
.cmr-search__opt--all { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--cmr-line); }
.cmr-search__opt--all > a { justify-content: space-between; font-weight: 800; color: var(--cmr-marlin); }
.cmr-search__opt--all svg { width: 18px; height: 18px; }
.cmr-search__none { padding: 12px 8px; }
.cmr-search__none p { margin: 0 0 4px; }
.cmr-search__none p + p { color: var(--cmr-slate); font-size: 14px; }
/* dark surface (header on abyss) */
.cmr-on-dark .cmr-search__field { background: rgba(242, 246, 248, .06); border-color: var(--cmr-trench); color: var(--cmr-foam); }
.cmr-on-dark .cmr-search__field:focus-within { border-color: var(--cmr-sonar); box-shadow: 0 0 0 2px var(--cmr-sonar); }
.cmr-on-dark .cmr-search__ico, .cmr-on-dark .cmr-search__clear, .cmr-on-dark .cmr-search__input::placeholder { color: var(--cmr-mist); }
.cmr-on-dark .cmr-search__clear:hover { background: rgba(242, 246, 248, .08); color: var(--cmr-foam); }
.cmr-on-dark .cmr-search__open { background: transparent; border-color: var(--cmr-trench); color: var(--cmr-foam); }
/* panel always sits on a light surface */
.cmr-search__panel :focus-visible { outline-color: var(--cmr-marlin); }
/* "icon" layout: full-screen dialog */
.cmr-search__dialog .cmr-sheet__body { padding-top: 12px; }
.cmr-search__dialog .cmr-search__panel, .cmr-search__inline.is-open .cmr-search__panel { position: static; max-height: none; margin-top: 12px; padding: 0; border: 0; box-shadow: none; }
.cmr-search__dialog .cmr-search__panel :is(.cmr-label, .cmr-chips) { margin-inline: 0; padding-inline: 0; }
/* "bar" with an icon on mobile */
.cmr-search__mhead { display: none; }
@media (max-width: 767px) {
	.cmr-search--m-icon .cmr-search__inline { display: none; }
	.cmr-search--m-icon .cmr-search__inline.is-open { display: block; position: fixed; inset: 0; z-index: 1000; padding: 0 16px 16px; overflow-y: auto; background: var(--cmr-paper); color: var(--cmr-ink); }
	.cmr-search--m-icon .cmr-search__inline.is-open .cmr-search__mhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; }
	.cmr-search--m-icon .cmr-search__inline.is-open .cmr-search__field { background: var(--cmr-paper); border-color: var(--cmr-line); color: var(--cmr-ink); }
}
@media (min-width: 768px) { .cmr-search--m-icon .cmr-search__open { display: none; } }

/* =========================================================
   6. Category navigation
   ========================================================= */
.cmr-catnav { position: relative; }
.cmr-catnav__ico { width: 20px; height: 20px; }
.cmr-catnav__count { font-size: 12px; color: var(--cmr-slate); margin-inline-start: 4px; }
.cmr-on-dark .cmr-catnav__count { color: var(--cmr-mist); }
/* chips on archive pages: a department page shows all its sub-categories (wrapped) from tablet up;
   a sub-category page keeps its siblings in one scrolling row (category-nav.php adds is-parent / is-siblings / is-top) */
@media (min-width: 768px) {
	.cmr-catnav--chips:is(.is-parent, .is-top) .cmr-chips--scroll { flex-wrap: wrap; overflow: visible; margin-inline: 0; padding-inline: 0; }
}
.cmr-catnav--chips .cmr-chip .cmr-catnav__count { display: inline-grid; place-items: center; min-width: 22px; padding: 1px 6px; border-radius: 999px; background: var(--cmr-foam); color: var(--cmr-slate); font: 700 12px/1.3 var(--cmr-font-text); font-variant-numeric: tabular-nums; opacity: 1; }
.cmr-catnav--chips .cmr-chip[aria-current="page"] .cmr-catnav__count { background: rgba(242, 246, 248, .16); color: var(--cmr-foam); }
/* mega: toggle (< 1025px) / inline bar with disclosure panels (≥ 1025px) */
.cmr-catnav--mega > .cmr-catnav__top { display: none; }
.cmr-catnav--m-hidden .cmr-catnav__toggle { display: none; }
@media (min-width: 1025px) {
	.cmr-catnav--mega .cmr-catnav__toggle { display: none; }
	.cmr-catnav--mega > .cmr-catnav__top { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
	.cmr-catnav--mega > .cmr-catnav__top > .cmr-catnav__dept { display: flex; align-items: center; }
	.cmr-catnav--mega > .cmr-catnav__top .cmr-catnav__panel { position: absolute; top: calc(100% + 4px); inset-inline: 0; z-index: 85; padding: 24px 32px; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-panel); background: var(--cmr-paper); color: var(--cmr-ink); box-shadow: var(--cmr-shadow); }
	.cmr-catnav--mega > .cmr-catnav__top .cmr-catnav__panel :focus-visible { outline-color: var(--cmr-marlin); }
	.cmr-catnav--mega > .cmr-catnav__top .cmr-catnav__cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 24px 32px; }
}
.cmr-catnav__panel[hidden] { display: none !important; }
.cmr-catnav__link { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 12px; border-radius: 999px; color: inherit; font: 800 15px/1.2 var(--cmr-font-text); text-decoration: none; }
.cmr-catnav__link:hover { background: rgba(11, 27, 42, .05); }
.cmr-on-dark .cmr-catnav__link:hover { background: rgba(242, 246, 248, .08); }
.cmr-catnav__link[aria-current] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; text-decoration-color: var(--cmr-buoy); }
.cmr-catnav__expand { display: inline-grid; place-items: center; width: 32px; height: 40px; margin-inline-start: -8px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; }
.cmr-catnav__expand svg { width: 16px; height: 16px; transform: rotate(-90deg); transition: transform .15s; }
.cmr-catnav__expand[aria-expanded="true"] svg { transform: rotate(90deg); }
.cmr-catnav__extra.is-accent .cmr-catnav__link { background: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-catnav__sub { display: inline-block; margin-bottom: 8px; color: var(--cmr-ink); font: 800 16px/1.3 var(--cmr-font-text); text-decoration: none; }
.cmr-catnav__sub:hover, .cmr-catnav__col li a:hover { color: var(--cmr-marlin); text-decoration: underline; }
.cmr-catnav__col ul { margin: 0; padding: 0; list-style: none; }
.cmr-catnav__col li a { display: block; padding: 5px 0; color: var(--cmr-slate); font-size: 15px; text-decoration: none; }
.cmr-catnav__col a[aria-current="page"] { color: var(--cmr-marlin); font-weight: 800; }
.cmr-catnav__more { font-weight: 700; color: var(--cmr-marlin) !important; }
.cmr-catnav__all { margin-top: 16px; }
.cmr-catnav__all svg { transform: none; }
/* drawer (mobile drill-down) - the cloned list */
.cmr-catnav__tree { margin: 0; padding: 0; list-style: none; }
.cmr-catnav__tree > .cmr-catnav__dept { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid var(--cmr-line); }
.cmr-catnav__tree .cmr-catnav__link { flex: 1; min-height: 56px; padding-inline: 4px; border-radius: 0; font-size: 17px; }
.cmr-catnav__tree .cmr-catnav__link:hover { background: none; }
.cmr-catnav__tree .cmr-catnav__ico { color: var(--cmr-marlin); }
.cmr-catnav__tree .cmr-catnav__expand { width: 48px; height: 48px; margin: 0; }
.cmr-catnav__tree .cmr-catnav__panel { flex-basis: 100%; padding: 0 12px 16px; }
.cmr-catnav__tree .cmr-catnav__cols { display: grid; gap: 16px; }
.cmr-catnav__tree .cmr-catnav__col li a { padding: 8px 0; min-height: 40px; }
/* tiles */
.cmr-catnav__tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .cmr-catnav__tiles { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; } }
.cmr-catnav__tiles > li { display: flex; }
.cmr-catnav__tile { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 128px; padding: 20px 12px; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-card); background: var(--cmr-paper); color: var(--cmr-ink); text-align: center; text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; }
.cmr-catnav__tile:hover { border-color: var(--cmr-marlin); box-shadow: var(--cmr-shadow); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) { .cmr-catnav__tile:hover { transform: translateY(-2px); } }
.cmr-catnav__tile .cmr-catnav__ico { width: 32px; height: 32px; color: var(--cmr-marlin); }
.cmr-catnav__tile .cmr-catnav__thumb { width: 64px; height: 64px; object-fit: contain; mix-blend-mode: multiply; }
.cmr-catnav__tile .cmr-catnav__name { font: 800 15px/1.25 var(--cmr-font-text); }
.cmr-catnav__tile .cmr-catnav__count { margin: 0; }
.cmr-on-dark .cmr-catnav__tile { background: var(--cmr-deep); border-color: var(--cmr-trench); color: var(--cmr-foam); }
.cmr-on-dark .cmr-catnav__tile:hover { border-color: var(--cmr-mist); box-shadow: none; }
.cmr-on-dark .cmr-catnav__tile .cmr-catnav__ico { color: var(--cmr-foam); }
.cmr-on-dark .cmr-catnav__tile .cmr-catnav__thumb { mix-blend-mode: normal; }

/* =========================================================
   7. Mobile bottom bar (extends cmr-core)
   ========================================================= */
.cmr-bar ul { grid-template-columns: repeat(var(--cmr-bar-cols, 5), 1fr); }
.cmr-bar a:focus-visible, .cmr-bar button:focus-visible { outline-color: var(--cmr-sonar); outline-offset: -3px; }
.cmr-bar--preview { display: block; position: relative; z-index: 1; }

/* =========================================================
   8. Facets (filters): moved to cmr-facets.css (shop filters, toolbar, search modes)
   ========================================================= */

/* =========================================================
   9. Product specs
   ========================================================= */
.cmr-specs__key { margin-bottom: 16px; }
.cmr-specs__key .cmr-card__specs { gap: 8px; }
.cmr-specs__key .cmr-spec { padding: 8px 12px; }
.cmr-specs__key .cmr-spec b { font-size: 16px; }
.cmr-specs__key .cmr-spec span { font-size: 12px; }
.cmr-specs__table { width: 100%; border-collapse: collapse; font-size: 15px; }
.cmr-specs__table th, .cmr-specs__table td { padding: 12px 8px; border-bottom: 1px solid var(--cmr-line); text-align: start; vertical-align: top; }
.cmr-specs__table th { width: 44%; font-weight: 700; color: var(--cmr-slate); }
.cmr-specs__table td { color: var(--cmr-ink); font-weight: 600; }
.cmr-specs__table tr:nth-child(even) > * { background: rgba(242, 246, 248, .6); }
.cmr-specs__table .cmr-explain { display: block; margin-top: 4px; }
.cmr-specs__unit { font-size: 13px; font-weight: 400; color: var(--cmr-slate); }
.cmr-specs.is-full .cmr-expert-only { display: table-row !important; }
.cmr-specs.is-full tr.cmr-expert-only > * { background: rgba(43, 108, 196, .05); }
.cmr-specs__more { margin: 16px 0 0; }
.cmr-on-dark .cmr-specs__table th, .cmr-on-dark .cmr-specs__table td { border-color: var(--cmr-trench); }
.cmr-on-dark .cmr-specs__table th { color: var(--cmr-mist); }
.cmr-on-dark .cmr-specs__table td { color: var(--cmr-foam); }
.cmr-on-dark .cmr-specs__table tr:nth-child(even) > * { background: rgba(242, 246, 248, .03); }
.cmr-on-dark .cmr-specs__unit { color: var(--cmr-mist); }
/* the shared "show all" scope also reveals expert rows/blocks elsewhere */
[data-cmr-full-scope].is-full .cmr-expert-only:not(tr) { display: revert !important; }

/* =========================================================
   10. Buy box (single product) + quantity + sticky buy bar
   ========================================================= */
.cmr-buy { display: flex; flex-direction: column; gap: 12px; }
.cmr-buy__badges .cmr-card__badges { position: static; max-width: none; }
.cmr-buy__price { font: 800 30px/1.1 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-buy__price del { font-weight: 400; font-size: 18px; color: var(--cmr-slate); margin-inline-end: 8px; }
.cmr-buy__price ins { text-decoration: none; color: var(--cmr-danger-ink); }
.cmr-buy .cmr-card__stock { font-size: 14px; }
.cmr-buy__demo { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--cmr-sand); font-size: 14px; }
.cmr-buy__demo svg { width: 18px; height: 18px; flex: none; margin-top: 1px; }
.cmr-buy__form { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.cmr-buy__atc { flex: 1 1 220px; min-height: 56px; font-size: 17px; }
.cmr-qty { display: inline-flex; align-items: center; height: 56px; border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper); }
.cmr-qty__btn { display: inline-grid; place-items: center; width: 48px; height: 100%; border: 0; background: none; color: var(--cmr-ink); cursor: pointer; border-radius: 999px; }
.cmr-qty__btn:hover { color: var(--cmr-marlin); }
.cmr-qty__btn svg { width: 18px; height: 18px; }
.cmr-qty__input { width: 44px; height: 100%; padding: 0; border: 0; background: none; color: var(--cmr-ink); font-size: 17px; text-align: center; -moz-appearance: textfield; appearance: textfield; }
.cmr-qty__input::-webkit-outer-spin-button, .cmr-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.cmr-qty__input:focus { outline: none; }
/* The number field shows the global two-tone ring on the pill (the +/- buttons have their own :focus-visible ring). */
.cmr-qty:focus-within { border-color: var(--cmr-ink); box-shadow: 0 0 0 2px var(--cmr-focus-halo, #fff), 0 0 0 5px var(--cmr-focus, #2B6CC4); }
@supports selector(:has(*)) { .cmr-qty:focus-within { border-color: var(--cmr-line); box-shadow: none; } .cmr-qty:has(.cmr-qty__input:focus) { border-color: var(--cmr-ink); box-shadow: 0 0 0 2px var(--cmr-focus-halo, #fff), 0 0 0 5px var(--cmr-focus, #2B6CC4); } }
.cmr-buy__native form.cart { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0; }
.cmr-buy__native .single_add_to_cart_button { min-height: 52px; padding: 12px 24px; border: 0; border-radius: 999px; background: var(--cmr-buoy); color: var(--cmr-abyss); font: 800 16px/1.2 var(--cmr-font-text); cursor: pointer; }
.cmr-buy__native .single_add_to_cart_button:hover { background: var(--cmr-buoy-hover); }
.cmr-buy__native .variations { width: 100%; margin-bottom: 8px; }
.cmr-buy__native .variations select { min-height: 44px; border: 1px solid var(--cmr-line); border-radius: 10px; padding: 0 12px; background: var(--cmr-paper); }
.cmr-buy__native .quantity input { min-height: 52px; width: 72px; border: 1px solid var(--cmr-line); border-radius: 999px; text-align: center; }
.cmr-buy__na { margin: 0; padding: 12px; border-radius: 10px; background: var(--cmr-foam); color: var(--cmr-ink); }
.cmr-buy__tools { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-buy__tool[aria-pressed="true"] { background: var(--cmr-ink); border-color: var(--cmr-ink); color: var(--cmr-foam); }
.cmr-buy__tool[data-cmr-fav][aria-pressed="true"] svg path { fill: currentColor; }
.cmr-buy__kormi .cmr-kormi-img { width: 24px; height: 24px; border-radius: 50%; }
.cmr-buy__kormi[hidden] { display: none; }
.cmr-buy__ship { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; margin: 0; font-size: 14px; color: var(--cmr-slate); }
.cmr-buy__ship svg { width: 18px; height: 18px; color: var(--cmr-marlin); }
.cmr-buy__ship a { color: var(--cmr-marlin); font-weight: 700; }
.cmr-buybar { position: fixed; inset-inline: 0; bottom: var(--cmr-bar-h); z-index: 75; display: flex; align-items: center; gap: 12px; padding: 8px 12px; background: var(--cmr-paper); border-top: 1px solid var(--cmr-line); box-shadow: 0 -8px 24px rgba(4, 20, 33, .1); transform: translateY(110%); visibility: hidden; transition: transform .28s var(--cmr-ease), visibility 0s linear .28s; }
.cmr-buybar.is-on { transform: none; visibility: visible; transition: transform .28s var(--cmr-ease), visibility 0s; }
.cmr-buybar img { width: 44px; height: 44px; flex: none; border-radius: 8px; background: var(--cmr-foam); object-fit: contain; mix-blend-mode: multiply; }
.cmr-buybar__txt { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.cmr-buybar__name { font: 700 14px/1.2 var(--cmr-font-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmr-buybar__price { font: 800 15px/1.2 var(--cmr-font-text); }
.cmr-buybar__price del { display: none; }
.cmr-buybar__price ins { text-decoration: none; }
.cmr-buybar .cmr-button { flex: none; }
@media (min-width: 768px) { .cmr-buybar { display: none; } }

/* =========================================================
   11. Recommend (complementary gear)
   ========================================================= */
.cmr-recommend__group + .cmr-recommend__group { margin-top: 40px; }
.cmr-recommend__group .cmr-w-head { margin-bottom: 12px; }
.cmr-recommend__group .cmr-rail__end { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cmr-recommend__group[data-source="upsell"] .cmr-w-title--sm::after { content: "שדרוג"; margin-inline-start: 8px; padding: 2px 8px; border-radius: var(--cmr-r-chip); background: var(--cmr-marlin); color: #fff; font: 800 11px/1.4 var(--cmr-font-text); vertical-align: middle; }
.cmr-rail__end { display: flex; align-items: center; gap: 12px; }

/* =========================================================
   12. Compare
   ========================================================= */
.cmr-compare__hl { margin-bottom: 16px; }
.cmr-compare__hl ul { margin: 6px 0 0; padding-inline-start: 20px; }
.cmr-compare__hl li { margin: 4px 0; }
.cmr-compare__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 12px; }
.cmr-compare__toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 700; cursor: pointer; }
.cmr-compare__toggle input { width: 20px; height: 20px; accent-color: var(--cmr-marlin); }
.cmr-compare__scroll { overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-card); background: var(--cmr-paper); }
.cmr-compare__scroll:focus-visible { outline-offset: 2px; }
.cmr-compare__table { width: 100%; min-width: calc(128px + var(--n, 2) * 168px); border-collapse: separate; border-spacing: 0; font-size: 15px; table-layout: fixed; }
.cmr-compare__table th, .cmr-compare__table td { padding: 12px; border-bottom: 1px solid var(--cmr-line); text-align: start; vertical-align: top; }
.cmr-compare__table tbody th { position: sticky; inset-inline-start: 0; z-index: 1; width: 128px; background: var(--cmr-foam); color: var(--cmr-slate); font-weight: 700; font-size: 14px; }
@media (min-width: 768px) { .cmr-compare__table tbody th { width: 200px; } .cmr-compare__table { min-width: calc(200px + var(--n, 2) * 200px); } }
.cmr-compare__table tbody th .cmr-explain { display: block; margin-top: 4px; }
.cmr-compare__corner { position: sticky; inset-inline-start: 0; z-index: 2; background: var(--cmr-paper); }
.cmr-compare__prod { background: var(--cmr-paper); }
.cmr-compare__pc { position: relative; display: flex; flex-direction: column; gap: 6px; }
.cmr-compare__pc img { width: 100%; max-width: 120px; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 10px; background: var(--cmr-foam); mix-blend-mode: multiply; }
.cmr-compare__pc .cmr-badge--demo { align-self: flex-start; }
.cmr-compare__rm { position: absolute; top: -4px; inset-inline-end: -4px; width: 36px; height: 36px; }
.cmr-compare__name { color: var(--cmr-ink); font: 800 15px/1.3 var(--cmr-font-text); text-decoration: none; }
.cmr-compare__name:hover { color: var(--cmr-marlin); text-decoration: underline; }
.cmr-compare__price { font-weight: 800; }
.cmr-compare__price del { font-weight: 400; color: var(--cmr-slate); font-size: 13px; margin-inline-end: 4px; }
.cmr-compare__price ins { text-decoration: none; color: var(--cmr-danger-ink); }
.cmr-compare__pc .cmr-card__actions { margin-top: 2px; }
.cmr-compare__pc .cmr-card__atc { font-size: 13px; }
.cmr-compare__table td.is-best { background: rgba(14, 122, 77, .07); font-weight: 800; }
.cmr-compare__best { display: inline-flex; align-items: center; gap: 2px; margin-top: 4px; padding: 1px 6px; border-radius: var(--cmr-r-chip); background: var(--cmr-go-ink); color: #fff; font: 800 11px/1.5 var(--cmr-font-text); white-space: nowrap; }
.cmr-compare__best svg { width: 12px; height: 12px; stroke-width: 3; }
.cmr-compare__na { color: var(--cmr-slate); }
.cmr-compare__table.is-diff tbody tr.is-same { display: none; }
.cmr-compare__table tbody tr:last-child > * { border-bottom: 0; }
.cmr-compare__common { margin-top: 16px; }
.cmr-compare__common > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 800; color: var(--cmr-marlin); }
.cmr-compare__common dl { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; margin: 8px 0 0; }
.cmr-compare__common dl > div { padding: 10px 12px; border-radius: 10px; background: var(--cmr-foam); }
.cmr-compare__common dt { font-size: 13px; color: var(--cmr-slate); font-weight: 700; }
.cmr-compare__common dd { margin: 2px 0 0; font-weight: 700; }
.cmr-compare__loading { padding: 24px 0; color: var(--cmr-slate); }
.cmr-compare__empty[hidden] { display: none; }

/* =========================================================
   13. Finder ("עזרו לי לבחור")
   ========================================================= */
.cmr-finder__intro { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.cmr-finder__intro .cmr-w-intro { margin-bottom: 0; }
.cmr-finder__kormi { width: 88px; flex: none; }
@media (min-width: 768px) { .cmr-finder__kormi { width: 120px; } }
.cmr-finder__form[hidden] { display: none; }
.cmr-finder__progress { display: none; height: 4px; margin-bottom: 8px; border-radius: 2px; background: var(--cmr-line); overflow: hidden; }
.cmr-finder__progress span { display: block; width: 0; height: 100%; background: var(--cmr-marlin); transition: width .28s var(--cmr-ease); }
.cmr-finder.is-steps .cmr-finder__progress { display: block; }
.cmr-finder__step { margin: 0 0 8px; font-size: 14px; font-weight: 700; color: var(--cmr-slate); min-height: 1.4em; }
.cmr-finder:not(.is-steps) .cmr-finder__step:empty { display: none; }
.cmr-finder__q { margin: 0 0 24px; padding: 0; border: 0; min-width: 0; }
.cmr-finder__q[hidden] { display: none; }
.cmr-finder.is-steps .cmr-finder__legend .cmr-label { display: none; }
.cmr-finder__legend { display: flex; flex-direction: column; gap: 4px; padding: 0; margin-bottom: 8px; }
.cmr-finder__qt { font: 800 22px/1.25 var(--cmr-font-text); }
@media (min-width: 768px) { .cmr-finder__qt { font-size: 26px; } }
.cmr-finder__help { margin: 0 0 16px; color: var(--cmr-slate); }
.cmr-on-dark .cmr-finder__help, .cmr-on-dark .cmr-finder__step { color: var(--cmr-mist); }
.cmr-finder__answers { display: grid; grid-template-columns: 1fr; gap: 10px; }
@media (min-width: 480px) { .cmr-finder__answers { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1025px) { .cmr-finder__answers { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; } }
.cmr-finder__a { position: relative; display: flex; cursor: pointer; }
.cmr-finder__a input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cmr-finder__card { flex: 1; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "ico label" "ico hint"; align-items: center; gap: 2px 12px; min-height: 64px; padding: 14px 16px; border: 2px solid var(--cmr-line); border-radius: var(--cmr-r-card); background: var(--cmr-paper); color: var(--cmr-ink); transition: border-color .15s, background-color .15s, box-shadow .15s; }
.cmr-finder__card:not(:has(.cmr-finder__ico)) { grid-template-columns: 1fr; grid-template-areas: "label" "hint"; }
.cmr-finder__ico { grid-area: ico; width: 28px; height: 28px; color: var(--cmr-marlin); }
.cmr-finder__al { grid-area: label; font: 800 16px/1.3 var(--cmr-font-text); }
.cmr-finder__ah { grid-area: hint; font-size: 14px; line-height: 1.4; color: var(--cmr-slate); }
.cmr-finder__a:hover .cmr-finder__card { border-color: var(--cmr-marlin); }
.cmr-finder__a input:checked + .cmr-finder__card { border-color: var(--cmr-marlin); background: rgba(43, 108, 196, .07); box-shadow: inset 0 0 0 1px var(--cmr-marlin); }
.cmr-finder__a input:checked + .cmr-finder__card .cmr-finder__al::after { content: " ✓"; color: var(--cmr-marlin); }
.cmr-finder__a input:focus-visible + .cmr-finder__card { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-on-dark .cmr-finder__card { background: var(--cmr-deep); border-color: var(--cmr-trench); color: var(--cmr-foam); }
.cmr-on-dark .cmr-finder__ah { color: var(--cmr-mist); }
.cmr-on-dark .cmr-finder__ico { color: var(--cmr-foam); }
.cmr-on-dark .cmr-finder__a input:checked + .cmr-finder__card { border-color: var(--cmr-foam); background: rgba(242, 246, 248, .08); box-shadow: inset 0 0 0 1px var(--cmr-foam); }
.cmr-on-dark .cmr-finder__a input:checked + .cmr-finder__card .cmr-finder__al::after { color: var(--cmr-foam); }
.cmr-on-dark .cmr-finder__a input:focus-visible + .cmr-finder__card { outline-color: var(--cmr-sonar); }
.cmr-finder__nav { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.cmr-finder__nav [hidden] { display: none; }
.cmr-finder__nav [data-cmr-finder-next], .cmr-finder__nav [data-cmr-finder-submit] { margin-inline-start: auto; }
.cmr-finder__nav .cmr-flip svg, .cmr-finder__nav svg.cmr-flip { transform: scaleX(-1); }
.cmr-finder__nav [data-cmr-finder-next] svg { transform: none; }
.cmr-finder.is-loading [data-cmr-finder-submit] { opacity: .7; cursor: progress; }
/* Ready kits that match the answers: first in the results, in a highlighted box (cmr-finder.js kitsHtml) */
.cmr-finder__kits { margin: 4px 0 22px; padding: 18px; border-radius: 20px; background: linear-gradient(160deg, #0b1b2a 0%, #123552 100%); color: #fff; box-shadow: 0 14px 34px rgba(11, 27, 42, .22); }
.cmr-finder__kits-head { margin-bottom: 14px; }
.cmr-finder__kits-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--cmr-buoy, #ff8a1f); color: var(--cmr-abyss, #0b1b2a); font: 800 12px/1.2 var(--cmr-font-text, inherit); }
.cmr-finder__kits-badge .cmr-ico { width: 14px; height: 14px; }
.cmr-finder__kits-title { margin: 10px 0 4px; font: 800 22px/1.2 var(--cmr-font-display, inherit); color: #fff; }
.cmr-finder__kits-sub { margin: 0; font: 500 15px/1.45 var(--cmr-font-text, inherit); color: rgba(255, 255, 255, .78); }
.cmr-finder__kitlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.cmr-finder__kit { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding: 12px; border-radius: 16px; background: #fff; color: var(--cmr-ink, #0b1b2a); }
.cmr-finder__kit-img { display: block; border-radius: 12px; overflow: hidden; background: var(--cmr-foam, #eef3f6); aspect-ratio: 1; }
.cmr-finder__kit-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cmr-finder__kit-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cmr-finder__kit-name { margin: 0; font: 800 16px/1.3 var(--cmr-font-text, inherit); }
.cmr-finder__kit-name a { color: inherit; text-decoration: none; }
.cmr-finder__kit-n { margin: 0; font: 700 13px/1.3 var(--cmr-font-text, inherit); color: var(--cmr-marlin, #1f6fd1); }
.cmr-finder__kit-items { list-style: none; margin: 0; padding: 0; font: 500 13px/1.4 var(--cmr-font-text, inherit); color: var(--cmr-slate, #4a5a68); }
.cmr-finder__kit-items li { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.cmr-finder__kit-items li::before { content: "• "; color: var(--cmr-marlin, #1f6fd1); }
.cmr-finder__kit-price { margin: 4px 0 0; display: flex; align-items: baseline; gap: 8px; font: 600 13px/1.2 var(--cmr-font-text, inherit); color: var(--cmr-slate, #4a5a68); }
.cmr-finder__kit-price b { font: 800 20px/1 var(--cmr-font-data, inherit); color: var(--cmr-ink, #0b1b2a); }
.cmr-finder__kit-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
@media (max-width: 480px) { .cmr-finder__kits { padding: 14px; margin-inline: -4px; } .cmr-finder__kit { grid-template-columns: 96px 1fr; } .cmr-finder__kits-title { font-size: 20px; } }
/* "טוען תשובה": Kormi over a sonar while the recommendations are computed (cmr-finder.js loading()) */
.cmr-finder__wait { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 12px 22px; margin-bottom: 14px; border-radius: 18px; background: linear-gradient(180deg, var(--cmr-foam, #eef3f6), #fff); border: 1px solid var(--cmr-line, #d8e0e6); text-align: center; }
.cmr-finder__wait-sea { position: relative; width: 150px; height: 150px; display: grid; place-items: center; }
.cmr-finder__ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--cmr-sonar, #38e1d3); opacity: 0; }
.cmr-finder__wait-kormi { position: relative; z-index: 1; width: 112px; height: 112px; object-fit: contain; filter: drop-shadow(0 8px 10px rgba(11, 27, 42, .18)); }
.cmr-finder__bubble { position: absolute; bottom: 30px; width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid var(--cmr-marlin, #1f6fd1); opacity: 0; }
.cmr-finder__bubble:nth-of-type(1) { inset-inline-start: 38%; }
.cmr-finder__bubble:nth-of-type(2) { inset-inline-start: 52%; width: 6px; height: 6px; }
.cmr-finder__bubble:nth-of-type(3) { inset-inline-start: 62%; width: 10px; height: 10px; }
.cmr-finder__wait-title { margin: 4px 0 0; font: 800 22px/1.1 var(--cmr-font-display, inherit); color: var(--cmr-ink, #0b1b2a); }
.cmr-finder__wait-msg { margin: 0; min-height: 1.4em; font: 600 15px/1.4 var(--cmr-font-text, inherit); color: var(--cmr-slate, #4a5a68); }
.cmr-finder__wait-bar { position: relative; display: block; width: min(240px, 70%); height: 4px; margin-top: 8px; border-radius: 4px; background: var(--cmr-line, #d8e0e6); overflow: hidden; }
.cmr-finder__wait-bar i { position: absolute; inset-block: 0; width: 40%; border-radius: inherit; background: var(--cmr-marlin, #1f6fd1); }
@media (prefers-reduced-motion: no-preference) {
	.cmr-finder__ring { animation: cmr-fw-ring 2.4s ease-out infinite; }
	.cmr-finder__ring:nth-of-type(2) { animation-delay: .8s; }
	.cmr-finder__ring:nth-of-type(3) { animation-delay: 1.6s; }
	.cmr-finder__wait-kormi { animation: cmr-fw-swim 2.2s ease-in-out infinite; }
	.cmr-finder__bubble { animation: cmr-fw-bubble 2.6s ease-in infinite; }
	.cmr-finder__bubble:nth-of-type(2) { animation-delay: .9s; }
	.cmr-finder__bubble:nth-of-type(3) { animation-delay: 1.7s; }
	.cmr-finder__wait-msg.is-in { animation: cmr-fw-msg .35s ease-out; }
	.cmr-finder__wait-bar i { animation: cmr-fw-bar 1.4s ease-in-out infinite; }
}
@media (prefers-reduced-motion: reduce) { .cmr-finder__ring:nth-of-type(1) { opacity: .5; transform: scale(.8); } .cmr-finder__wait-bar i { inset-inline-start: 30%; } }
@keyframes cmr-fw-ring { 0% { transform: scale(.35); opacity: .7; } 100% { transform: scale(1); opacity: 0; } }
@keyframes cmr-fw-swim { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-10px) rotate(4deg); } }
@keyframes cmr-fw-bubble { 0% { transform: translateY(0) scale(.6); opacity: 0; } 20% { opacity: .8; } 100% { transform: translateY(-90px) scale(1.1); opacity: 0; } }
@keyframes cmr-fw-msg { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes cmr-fw-bar { 0% { inset-inline-start: -40%; } 100% { inset-inline-start: 100%; } }
.cmr-finder__results:focus { outline: none; }
.cmr-finder__res { display: flex; flex-direction: column; gap: 16px; }
.cmr-finder__res > .cmr-label { margin: 8px 0 -4px; }
.cmr-finder__res h3:focus { outline: none; }
.cmr-finder__why { display: grid; gap: 8px; margin: 0; padding: 16px; border-radius: var(--cmr-r-card); background: var(--cmr-sand); color: var(--cmr-ink); list-style: none; }
.cmr-finder__why li { display: flex; gap: 8px; align-items: flex-start; }
.cmr-finder__why svg { width: 18px; height: 18px; flex: none; margin-top: 3px; color: var(--cmr-go-ink); stroke-width: 2.5; }
.cmr-finder__cats { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cmr-finder__cats li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.cmr-finder__cats li > span { font-size: 14px; color: var(--cmr-slate); }
.cmr-on-dark .cmr-finder__cats li > span { color: var(--cmr-mist); }
.cmr-finder__none { margin: 0; padding: 16px; border-radius: var(--cmr-r-card); background: var(--cmr-foam); color: var(--cmr-ink); }
.cmr-finder__end { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-finder__end svg { width: 18px; height: 18px; }

/* =========================================================
   14. Kits (ready sets)
   ========================================================= */
.cmr-kits__filters { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 20px; }
.cmr-kits__fgroup { display: flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.cmr-kits__fgroup .cmr-chips--scroll { margin-inline: 0; padding-inline: 0; }
.cmr-kits__fgroup .cmr-chip { min-height: 36px; padding-block: 4px; }
.cmr-kits__list { display: grid; gap: 16px; grid-template-columns: 1fr; margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .cmr-kits__list { grid-template-columns: repeat(var(--cmr-kit-cols-t, 2), minmax(0, 1fr)); } }
@media (min-width: 1025px) { .cmr-kits__list { gap: 24px; grid-template-columns: repeat(var(--cmr-kit-cols, 3), minmax(0, 1fr)); } }
.cmr-kits__item { display: flex; min-width: 0; }
.cmr-kits__item[hidden], .cmr-kits__empty[hidden] { display: none; }
.cmr-kits__empty { grid-column: 1 / -1; }
.cmr-kit { position: relative; flex: 1; display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-panel); background: var(--cmr-paper); color: var(--cmr-ink); overflow: hidden; transition: box-shadow .15s, border-color .15s; }
.cmr-kit:hover { border-color: #c3d1dc; box-shadow: var(--cmr-shadow); }
.cmr-kit__media { position: relative; aspect-ratio: 16 / 10; background: var(--cmr-foam); }
.cmr-kit__img { display: block; width: 100%; height: 100%; }
.cmr-kit__img img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 6%; mix-blend-mode: multiply; }
.cmr-kit__media .cmr-card__badges { position: absolute; top: 12px; inset-inline-start: 12px; display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.cmr-kit__media .cmr-card__tools { position: absolute; top: 12px; inset-inline-end: 12px; display: flex; flex-direction: column; gap: 6px; }
.cmr-kit__media .cmr-card__tools .cmr-icon-btn { background: rgba(255, 255, 255, .92); }
.cmr-kit__body { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 16px; }
@media (min-width: 768px) { .cmr-kit__body { padding: 20px 24px 24px; } }
.cmr-kit__tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.cmr-kit__tags li { padding: 3px 10px; border-radius: 999px; background: var(--cmr-foam); border: 1px solid var(--cmr-line); font: 700 12px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-kit__tags li:first-child { background: var(--cmr-ink); border-color: var(--cmr-ink); color: var(--cmr-foam); }
.cmr-kit__title { margin: 0; font: 800 20px/1.25 var(--cmr-font-text); }
.cmr-kit__title a { color: inherit; text-decoration: none; }
.cmr-kit__title a:hover { color: var(--cmr-marlin); text-decoration: underline; }
.cmr-kit__body > .cmr-label { margin: 4px 0 -4px; }
.cmr-kit__items { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.cmr-kit__item { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 4px 0; border-bottom: 1px dashed var(--cmr-line); font-size: 14px; }
.cmr-kit__item:last-child { border-bottom: 0; }
.cmr-kit:not(.is-full) .cmr-kit__item.is-extra { display: none; }
.cmr-kit__item img, .cmr-kit__noimg { width: 40px; height: 40px; flex: none; border-radius: 8px; background: var(--cmr-foam); object-fit: contain; mix-blend-mode: multiply; }
.cmr-kit__item a { flex: 1; min-width: 0; color: var(--cmr-ink); font-weight: 600; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmr-kit__item a:hover { color: var(--cmr-marlin); text-decoration: underline; }
.cmr-kit__item .cmr-num { color: var(--cmr-slate); font-size: 13px; }
.cmr-kit__ip { flex: none; font-weight: 800; font-size: 14px; }
.cmr-kit__ip del { display: none; }
.cmr-kit__ip ins { text-decoration: none; color: var(--cmr-danger-ink); }
.cmr-kit__oos { font-size: 12px; font-weight: 700; color: var(--cmr-danger-ink); }
.cmr-kit__item.is-out a { color: var(--cmr-slate); }
.cmr-kit__more { align-self: flex-start; min-height: 40px; padding: 0; border: 0; background: none; color: var(--cmr-marlin); font: 800 14px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-kit__foot { display: flex; flex-direction: column; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--cmr-line); }
.cmr-kit__total { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0; font-size: 14px; color: var(--cmr-slate); }
.cmr-kit__total b { font: 800 24px/1.1 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-kit__note { display: flex; gap: 6px; align-items: flex-start; margin: 0; font-size: 13px; color: var(--cmr-slate); }
.cmr-kit__note svg { width: 16px; height: 16px; flex: none; margin-top: 2px; }
.cmr-kit__link { display: inline-flex; align-items: center; gap: 6px; align-self: center; min-height: 40px; color: var(--cmr-marlin); font-weight: 700; font-size: 14px; text-decoration: none; }
.cmr-kit__link:hover { text-decoration: underline; }
.cmr-kit__link svg { width: 16px; height: 16px; }
.cmr-on-dark .cmr-kit { border-color: transparent; }

/* =========================================================
   15. Glossary
   ========================================================= */
.cmr-gloss__tools { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
@media (min-width: 1025px) { .cmr-gloss__tools { position: sticky; top: calc(var(--cmr-header-h, 80px) + 8px); z-index: 5; padding: 8px 0; background: var(--cmr-gloss-bg, var(--cmr-foam)); } }
.cmr-on-dark .cmr-gloss__tools { --cmr-gloss-bg: var(--cmr-abyss); }
.cmr-gloss__search { position: relative; max-width: 560px; }
.cmr-gloss__search .cmr-input { padding-inline-start: 44px; border-radius: 999px; }
.cmr-gloss__sico { position: absolute; top: 50%; inset-inline-start: 16px; width: 20px; height: 20px; transform: translateY(-50%); color: var(--cmr-slate); pointer-events: none; }
.cmr-gloss__index .cmr-chip { min-width: 40px; justify-content: center; padding-inline: 10px; }
.cmr-gloss__group { margin-bottom: 32px; scroll-margin-top: calc(var(--cmr-header-h, 80px) + 96px); }
.cmr-gloss__group[hidden] { display: none; }
.cmr-gloss__letter { margin: 0 0 12px; font: 700 42px/1 var(--cmr-font-display); color: var(--cmr-marlin); }
.cmr-gloss__letter:focus { outline: none; }
.cmr-on-dark .cmr-gloss__letter { color: var(--cmr-foam); }
.cmr-gloss__dl { display: grid; gap: 12px; margin: 0; }
@media (min-width: 768px) { .cmr-gloss__dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cmr-gloss__term { padding: 16px; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-card); background: var(--cmr-paper); color: var(--cmr-ink); scroll-margin-top: calc(var(--cmr-header-h, 80px) + 96px); }
.cmr-gloss__term[hidden] { display: none !important; }
.cmr-gloss__term:target { border-color: var(--cmr-marlin); box-shadow: 0 0 0 3px rgba(43, 108, 196, .2); }
.cmr-gloss__term dt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0 0 6px; }
.cmr-gloss__name { font: 800 18px/1.3 var(--cmr-font-text); }
.cmr-gloss__latin { font: 500 13px/1.3 var(--cmr-font-data); color: var(--cmr-slate); }
.cmr-gloss__tag { margin-inline-start: auto; padding: 2px 8px; border-radius: 999px; background: var(--cmr-foam); font: 700 11px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-gloss__term dd { margin: 0; }
.cmr-gloss__term dd p { margin: 0; line-height: 1.6; }
.cmr-gloss__more { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin-top: 8px !important; }
.cmr-gloss__more .cmr-w-more { min-height: 36px; font-size: 14px; }
.cmr-gloss__ask { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px 0 4px; border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-sand); color: var(--cmr-ink); font: 700 13px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-gloss__ask:hover { border-color: var(--cmr-marlin); }
.cmr-gloss__ask[hidden] { display: none; }
.cmr-gloss__ask .cmr-kormi-img { width: 24px; height: 24px; border-radius: 50%; }

/* Compare on phones (≤767px): "head to head" view built by cmr-compare.js from the table. Pick two products
   (chips, when 3-4), two product slots with "מול" between them, a segmented "everything / only differences"
   switch, then calm rows: label centred, the two values side by side, the best value marked with text.
   A compact pair bar slides in under the site's sticky header while scrolling. The table stays for desktop
   and is hidden on phones only once the view exists (no JS → the table still works). */
.cmr-duel { display: none; }
@media (max-width: 767px) {
	.cmr-compare--duel .cmr-compare__scroll, .cmr-compare--duel .cmr-compare__bar, .cmr-compare--duel .cmr-compare__one { display: none; }
	.cmr-duel { display: block; }
	.cmr-compare__hl { margin-bottom: 16px; padding: 14px 16px; border-radius: 16px; }
	.cmr-compare__hl ul { padding-inline-start: 18px; font: 600 15px/1.5 var(--cmr-font-text); }

	/* pick the pair */
	.cmr-duel__pick { margin: 0 0 14px; }
	.cmr-duel__pickt { margin: 0 0 8px; font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--cmr-slate); }
	.cmr-duel__chips { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
	.cmr-duel__chips > li { margin: 0; min-width: 0; }
	.cmr-duel__chip { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; height: 100%; min-height: 44px; padding: 8px 6px; border: 1px solid var(--cmr-line); border-radius: 12px; background: var(--cmr-paper); color: var(--cmr-slate); font: 700 12px/1.25 var(--cmr-font-text); white-space: normal; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color .15s, box-shadow .15s, background-color .15s, color .15s; }
	.cmr-duel__chip img { width: 40px; height: 40px; object-fit: contain; border-radius: 8px; background: var(--cmr-foam); mix-blend-mode: multiply; }
	.cmr-duel__chipn { width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; }
	.cmr-duel__chip[aria-pressed="true"] { border-color: var(--cmr-marlin); box-shadow: inset 0 0 0 1px var(--cmr-marlin); background: #F4F8FD; color: var(--cmr-ink); }
	.cmr-duel__chipk { position: absolute; top: 5px; inset-inline-start: 5px; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--cmr-marlin); color: #fff; opacity: 0; transform: scale(.6); transition: opacity .15s, transform .15s cubic-bezier(.2,.7,.2,1); }
	.cmr-duel__chipk svg { width: 12px; height: 12px; stroke-width: 3; }
	.cmr-duel__chip[aria-pressed="true"] .cmr-duel__chipk { opacity: 1; transform: none; }
	/* the theme paints every button:hover/:focus pink; keep ours calm */
	.cmr-duel .cmr-duel__chip:hover, .cmr-duel .cmr-duel__chip:focus { background: var(--cmr-paper); color: var(--cmr-ink); }
	.cmr-duel .cmr-duel__chip[aria-pressed="true"]:hover, .cmr-duel .cmr-duel__chip[aria-pressed="true"]:focus { background: #F4F8FD; }
	.cmr-duel .cmr-duel__segb:hover, .cmr-duel .cmr-duel__segb:focus { background: transparent; color: var(--cmr-ink); }
	.cmr-duel .cmr-duel__segb[aria-pressed="true"]:hover, .cmr-duel .cmr-duel__segb[aria-pressed="true"]:focus { background: var(--cmr-paper); }
	.cmr-duel .cmr-duel__info:hover, .cmr-duel .cmr-duel__info:focus { background: transparent; color: var(--cmr-marlin); }
	.cmr-duel .cmr-duel__rm:focus { background: transparent; color: var(--cmr-slate); }
	.cmr-duel .cmr-duel__rm:hover { background: var(--cmr-foam); color: var(--cmr-danger-ink); }
	.cmr-duel__chip:focus-visible, .cmr-duel__segb:focus-visible, .cmr-duel__rm:focus-visible, .cmr-duel__info:focus-visible, .cmr-duel__slot--add:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }

	/* the two product slots */
	.cmr-duel__head { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
	.cmr-duel__slot { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; padding: 14px 10px 12px; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); box-shadow: 0 1px 2px rgba(4, 20, 33, .06), 0 12px 32px rgba(4, 20, 33, .08); text-align: center; }
	.cmr-duel__vs { position: absolute; top: 58px; left: 50%; z-index: 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--cmr-abyss); color: #fff; font: 800 12px/1 var(--cmr-font-text); box-shadow: 0 0 0 4px var(--cmr-paper); transform: translate(-50%, -50%); }
	.cmr-duel__rm { position: absolute; top: 2px; inset-inline-end: 2px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--cmr-slate); cursor: pointer; }
	.cmr-duel__rm svg { width: 18px; height: 18px; }
	.cmr-duel__img { display: grid; place-items: center; width: 88px; height: 88px; overflow: hidden; border-radius: 12px; background: var(--cmr-foam); }
	.cmr-duel__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
	.cmr-duel__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 6px; min-height: 20px; margin-top: 6px; }
	.cmr-duel__brand { font: 800 11px/1.2 var(--cmr-font-text); letter-spacing: .08em; text-transform: uppercase; color: var(--cmr-slate); }
	.cmr-duel__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; color: var(--cmr-ink); font: 800 14px/1.3 var(--cmr-font-text); text-decoration: none; }
	.cmr-duel__name:hover { color: var(--cmr-marlin); text-decoration: underline; }
	.cmr-duel__price { font: 800 17px/1.2 var(--cmr-font-text); font-variant-numeric: tabular-nums; color: var(--cmr-ink); }
	.cmr-duel__price del, .cmr-duel__barpr del { margin-inline-end: 4px; color: var(--cmr-slate); font-weight: 400; font-size: 13px; }
	.cmr-duel__price ins, .cmr-duel__barpr ins { color: var(--cmr-danger-ink); text-decoration: none; }
	.cmr-duel__slot .cmr-card__actions { width: 100%; margin-top: auto; padding-top: 8px; }
	.cmr-duel__slot .cmr-card__atc { width: 100%; min-height: 44px; padding: 8px 10px; justify-content: center; font-size: 14px; }
	.cmr-duel__slot--add { justify-content: center; gap: 6px; min-height: 240px; border: 1.5px dashed var(--cmr-line); background: var(--cmr-foam); box-shadow: none; color: var(--cmr-slate); font: 600 13px/1.4 var(--cmr-font-text); text-decoration: none; }
	.cmr-duel__slot--add b { color: var(--cmr-ink); font: 800 15px/1.3 var(--cmr-font-text); }
	.cmr-duel__slot--add:hover { border-color: var(--cmr-marlin); }
	.cmr-duel__plus { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 4px; border: 1px solid var(--cmr-line); border-radius: 50%; background: var(--cmr-paper); color: var(--cmr-marlin); font: 400 30px/1 var(--cmr-font-text); }

	/* everything / only differences */
	.cmr-duel__tools { margin: 16px 0 0; }
	.cmr-duel__tools[hidden] { display: none; }
	.cmr-duel__seg { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-foam); }
	.cmr-duel__segb { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 10px; border: 0; border-radius: 999px; background: transparent; color: var(--cmr-slate); font: 700 14px/1.2 var(--cmr-font-text); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color .2s, color .2s, box-shadow .2s; }
	.cmr-duel__segb[aria-pressed="true"] { background: var(--cmr-paper); color: var(--cmr-ink); font-weight: 800; box-shadow: 0 1px 2px rgba(4, 20, 33, .08), 0 4px 12px rgba(4, 20, 33, .08); }
	.cmr-duel__cnt { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--cmr-line); color: var(--cmr-ink); font: 800 12px/1 var(--cmr-font-text); font-variant-numeric: tabular-nums; }
	.cmr-duel__segb[aria-pressed="true"] .cmr-duel__cnt { background: var(--cmr-marlin); color: #fff; }

	/* rows */
	.cmr-duel__rows { position: relative; }
	.cmr-duel__pin { position: fixed; top: 0; left: 0; z-index: 30; width: 100%; height: 0; } /* fixed, not sticky: Elementor sections clip overflow; JS sets top/left/width */
	.cmr-duel__bar { position: absolute; top: 0; inset-inline: -6px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--cmr-line); border-top: 0; border-radius: 0 0 14px 14px; background: rgba(255, 255, 255, .97); box-shadow: 0 10px 24px rgba(4, 20, 33, .12); opacity: 0; visibility: hidden; transform: translateY(-8px); pointer-events: none; transition: opacity .2s, transform .28s cubic-bezier(.2,.7,.2,1), visibility 0s linear .28s; }
	.cmr-duel__pin.is-on .cmr-duel__bar { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
	.cmr-duel__barp { display: flex; align-items: center; gap: 8px; min-width: 0; }
	.cmr-duel__barp:last-child { flex-direction: row-reverse; text-align: end; }
	.cmr-duel__barp img { flex: none; width: 32px; height: 32px; border-radius: 8px; background: var(--cmr-foam); object-fit: contain; mix-blend-mode: multiply; }
	.cmr-duel__barp > span { display: flex; flex-direction: column; min-width: 0; }
	.cmr-duel__barp b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--cmr-ink); font: 800 12px/1.25 var(--cmr-font-text); }
	.cmr-duel__barpr { color: var(--cmr-slate); font: 800 12px/1.3 var(--cmr-font-text); font-variant-numeric: tabular-nums; }
	.cmr-duel__barpr del { display: none; }
	.cmr-duel__barvs { padding: 3px 8px; border-radius: 999px; background: var(--cmr-abyss); color: #fff; font: 800 11px/1.3 var(--cmr-font-text); }
	.cmr-duel__sec { margin-top: 20px; }
	.cmr-duel .cmr-duel__sech { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; padding: 0 4px; color: var(--cmr-marlin); font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; text-transform: none; }
	.cmr-duel .cmr-duel__sech::after { content: ""; flex: 1; height: 1px; background: var(--cmr-line); }
	.cmr-duel__t { display: block; width: 100%; margin: 0; border: 1px solid var(--cmr-line); border-radius: 16px; border-spacing: 0; overflow: hidden; background: var(--cmr-paper); }
	.cmr-duel__t tbody { display: block; }
	.cmr-duel__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 12px 10px 12px; border-bottom: 1px solid var(--cmr-line); }
	.cmr-duel__row:last-child { border-bottom: 0; }
	.cmr-duel__t.is-single .cmr-duel__row { grid-template-columns: minmax(0, 1fr); }
	.cmr-duel .cmr-duel__t th, .cmr-duel .cmr-duel__t td { border: 0; background: transparent; } /* beat the theme's zebra / hover table rules */
	.cmr-duel__row > th { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; padding: 0 0 6px; text-align: center; font-weight: inherit; }
	.cmr-duel__lab { display: inline-flex; align-items: center; justify-content: center; min-height: 24px; color: var(--cmr-slate); font: 700 13px/1.3 var(--cmr-font-text); }
	.cmr-duel__info { position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; margin: -10px -10px -10px -12px; padding: 0; border: 0; background: none; color: var(--cmr-marlin); cursor: pointer; border-radius: 50%; }
	.cmr-duel__infoi { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; transition: background-color .15s; }
	.cmr-duel__info svg { width: 17px; height: 17px; }
	.cmr-duel__info[aria-expanded="true"] .cmr-duel__infoi { background: var(--cmr-marlin); color: #fff; }
	.cmr-duel__exp { display: block; margin: 8px 0 2px; padding: 10px 12px; border-radius: 12px; background: var(--cmr-sand); color: var(--cmr-ink); font: 400 14px/1.6 var(--cmr-font-text); text-align: start; }
	.cmr-duel__exp[hidden] { display: none; }
	.cmr-duel__row > td { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; padding: 8px 8px; border-radius: 10px; color: var(--cmr-ink); font: 700 15px/1.35 var(--cmr-font-text); font-variant-numeric: tabular-nums; text-align: center; overflow-wrap: anywhere; }
	.cmr-duel__row > td + td::before { content: ""; position: absolute; inset-block: 8px; inset-inline-start: 0; border-inline-start: 1px solid var(--cmr-line); }
	.cmr-duel .cmr-duel__row > td.is-best { background: rgba(14, 122, 77, .07); box-shadow: inset 0 0 0 1px rgba(14, 122, 77, .25); }
	.cmr-duel__row > td.is-best::before, .cmr-duel__row > td.is-best + td::before { display: none; }
	.cmr-duel__best { display: inline-flex; align-items: center; gap: 2px; padding: 1px 8px 1px 6px; border-radius: 999px; background: var(--cmr-go-ink); color: #fff; font: 800 11px/1.6 var(--cmr-font-text); white-space: nowrap; }
	.cmr-duel__best svg { width: 12px; height: 12px; stroke-width: 3; }
	.cmr-duel__na { color: var(--cmr-slate); font-weight: 400; }
	.cmr-duel__row.is-same > td { color: var(--cmr-slate); font-weight: 600; }
	.cmr-duel__row.is-same > td:first-of-type { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 4px 8px; }
	.cmr-duel__row.is-same > td + td { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.cmr-duel__same { padding: 1px 8px; border-radius: 999px; background: var(--cmr-foam); color: var(--cmr-slate); font: 700 11px/1.6 var(--cmr-font-text); }
	.cmr-duel__none { margin: 20px 0 0; padding: 16px; border-radius: 16px; background: var(--cmr-foam); color: var(--cmr-slate); text-align: center; }
	.cmr-duel.cmr-duel__foot { display: flex; justify-content: center; margin-top: 20px; }
	.cmr-duel__foot .cmr-button { min-height: 44px; }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
	.cmr-duel__secs.is-swap { animation: cmr-duel-in .28s cubic-bezier(.2,.7,.2,1); }
	@keyframes cmr-duel-in { from { opacity: .35; transform: translateY(6px); } }
}
@media (prefers-reduced-motion: reduce) { .cmr-duel *, .cmr-duel *::before { transition: none !important; animation: none !important; } }

/* =========================================================
   Free shipping (includes/core/freeship.php, Team SHOP)
   ========================================================= */
/* Slim site-wide bar above the header */
.cmr-freebar { background: var(--cmr-sand); color: var(--cmr-ink); border-block-end: 1px solid rgba(11, 27, 42, .08); }
.cmr-freebar__in { display: flex; align-items: center; justify-content: center; gap: 8px; max-width: 1320px; min-height: 34px; margin: 0 auto; padding: 6px 16px; font: 700 14px/1.3 var(--cmr-font-text); text-align: center; }
.cmr-freebar__ico { flex: none; color: var(--cmr-current); }
.cmr-freebar__main bdi { font-weight: 800; font-variant-numeric: tabular-nums; }
.cmr-freebar__sub { color: var(--cmr-slate); font-weight: 600; font-size: 13px; }
.cmr-freebar__sub::before { content: "·"; margin-inline-end: 8px; color: var(--cmr-mist); }
.cmr-freebar__link { display: inline-flex; align-items: center; min-height: 24px; color: var(--cmr-ink); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.cmr-freebar__link::before { content: "·"; margin-inline-end: 8px; color: var(--cmr-mist); text-decoration: none; display: inline-block; }
.cmr-freebar__link:hover { color: var(--cmr-current); }
@media (max-width: 767px) { .cmr-freebar__sub { display: none; } .cmr-freebar__in { font-size: 13px; min-height: 30px; padding-block: 5px; } }

/* Cart + checkout progress */
.cmr-fsp { margin: 0 0 20px; padding: 14px 16px; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-card); background: var(--cmr-paper); font-family: var(--cmr-font-text); }
.cmr-fsp[hidden] { display: none; }
.cmr-fsp__msg { margin: 0 0 10px; font: 700 16px/1.4 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-fsp__msg b { font-weight: 800; color: var(--cmr-current); font-variant-numeric: tabular-nums; }
.cmr-fsp__bar { position: relative; height: 10px; border-radius: 999px; background: var(--cmr-foam); box-shadow: inset 0 0 0 1px var(--cmr-line); overflow: hidden; }
.cmr-fsp__bar > span { position: absolute; inset-block: 0; inset-inline-start: 0; border-radius: inherit; background: linear-gradient(90deg, var(--cmr-sonar), var(--cmr-marlin)); transition: inline-size .4s var(--cmr-ease); }
[dir="rtl"] .cmr-fsp__bar > span { background: linear-gradient(270deg, var(--cmr-sonar), var(--cmr-marlin)); }
.cmr-fsp.is-done { border-color: rgba(43, 212, 139, .45); background: rgba(43, 212, 139, .07); }
.cmr-fsp.is-done .cmr-fsp__msg { color: var(--cmr-go-ink); }
.cmr-fsp.is-done .cmr-fsp__bar > span { background: var(--cmr-go); }
.cmr-fsp__rule { margin: 8px 0 0; color: var(--cmr-slate); font: 500 14px/1.45 var(--cmr-font-text); }
@media (prefers-reduced-motion: reduce) { .cmr-fsp__bar > span { transition: none; } }

/* Kormi cart picks: "this one makes shipping free" */
.cmr-kpairs__free { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; padding: 2px 8px; border-radius: 999px; background: rgba(43, 212, 139, .14); color: var(--cmr-go-ink); font: 800 12px/1.4 var(--cmr-font-text); }
.cmr-kpairs__free svg { flex: none; }
/* Kormi chat product card: demo badge before the price */
.cmr-kprod__price .cmr-badge { margin-inline-end: 6px; vertical-align: middle; font-size: 12px; }

/* ---------------------------------------------------------------- Shop departments (cmr-dept-tiles) */
.cmr-dept__head { margin-bottom: 22px; }
.cmr-dept__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.cmr-dept__item--all { grid-column: 1 / -1; }
.cmr-dept__item { min-width: 0; }
.cmr-dept__tile { position: relative; display: flex; flex-direction: column; height: 100%; border-radius: var(--cmr-r-card, 16px); background: var(--cmr-paper, #fff); border: 1px solid var(--cmr-line, #e3e8ee); color: var(--cmr-ink, #0d1b2a); text-decoration: none; overflow: hidden; transition: transform .25s var(--cmr-ease, ease), box-shadow .25s var(--cmr-ease, ease), border-color .25s; }
.cmr-dept__tile:hover { transform: translateY(-3px); box-shadow: var(--cmr-shadow, 0 12px 28px rgba(13, 27, 42, .12)); border-color: transparent; }
.cmr-dept__tile:focus-visible { outline: 3px solid var(--cmr-focus, #ff8a1f); outline-offset: 3px; }
.cmr-dept__media { position: relative; display: block; aspect-ratio: 1 / 1; background: #fff; overflow: hidden; }
.cmr-dept__img { position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; opacity: 0; transform: scale(.97); transition: opacity .8s var(--cmr-ease, ease), transform 1.2s var(--cmr-ease, ease); }
.cmr-dept__img.is-on { opacity: 1; transform: none; }
.cmr-dept__body { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 12px; border-top: 1px solid var(--cmr-line, #e3e8ee); }
.cmr-dept__name { font: 800 16px/1.25 var(--cmr-font-text); }
.cmr-dept__count { font: 600 13px/1.3 var(--cmr-font-data, inherit); color: var(--cmr-marlin, #1b6fd1); }
.cmr-dept__subs { font-size: 12px; line-height: 1.45; color: var(--cmr-slate, #4a5a6a); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cmr-dept__go { position: absolute; inset-block-start: 12px; inset-inline-start: 12px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .92); color: var(--cmr-ink, #0d1b2a); box-shadow: 0 2px 8px rgba(13, 27, 42, .12); opacity: 0; transition: opacity .2s; }
.cmr-dept__go svg { width: 16px; height: 16px; transform: scaleX(-1); }
.cmr-dept__tile:hover .cmr-dept__go, .cmr-dept__tile:focus-visible .cmr-dept__go { opacity: 1; }
.cmr-dept__tile--all { justify-content: center; align-items: center; text-align: center; background: var(--cmr-abyss, #0b2235); color: var(--cmr-foam, #f2f7fb); border-color: transparent; flex-direction: row; gap: 14px; padding: 18px 24px; }
.cmr-dept__all-n { font: 800 34px/1 var(--cmr-font-display); color: var(--cmr-sonar, #46d6c4); }
.cmr-dept__tile--all .cmr-dept__go { position: static; opacity: 1; background: var(--cmr-buoy, #ff8a1f); color: #fff; }
.cmr-on-dark .cmr-dept__tile:not(.cmr-dept__tile--all) { border-color: transparent; }
@media (max-width: 1279px) { .cmr-dept__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1024px) { .cmr-dept__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.cmr-dept__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.cmr-dept__body { padding: 10px 12px 12px; }
	.cmr-dept__name { font-size: 15px; }
	.cmr-dept__subs { display: none; }
	.cmr-dept__go { display: none; }
	.cmr-dept__tile--all { padding: 14px 16px; }
	.cmr-dept__tile--all .cmr-dept__go { display: grid; }
}
@media (prefers-reduced-motion: reduce) { .cmr-dept__img, .cmr-dept__tile { transition: none; } }
.cmr-motion-off .cmr-dept__img, .cmr-motion-off .cmr-dept__tile { transition: none; }

/* cmr-tabbar */
/* Cormorant - mobile tab bar (includes/core/tabbar.php), the contact bottom sheet, and the floating chrome in
   tab bar mode (phones and tablets up to 1024px). Desktop is untouched: every rule below is inside the media query.
   Design system "מכ״ם עומק": abyss bar, mist labels, foam + a marlin indicator for the current tab, buoy only for
   the cart count (an action), no sonar (sonar = live data only). Motion 150ms press / 280ms panels.
   Contract for other components: --cmr-tabbar-h (0px without the bar) and --cmr-bar-h are set on body; the page
   already has padding-bottom = --cmr-tabbar-h, so fixed UI only needs `bottom: var(--cmr-tabbar-h)` to sit above it. */

:root { --cmr-tabbar-h: 0px; }
.cmr-tabbar { display: none; }

@media (max-width: 1024px) {
	body.cmr-has-tabbar {
		--cmr-tabbar-row: 64px;
		--cmr-tabbar-h: calc(var(--cmr-tabbar-row) + env(safe-area-inset-bottom));
		--cmr-bar-h: var(--cmr-tabbar-h);
		--cmr-tabbar-bg: rgba(4, 20, 33, .96);
		--cmr-cookie-gap: calc(var(--cmr-tabbar-h) + 56px); /* cmr-cookiez.js: the first-visit banner sits above the bar and the pill */
		padding-bottom: var(--cmr-tabbar-h);
	}

	/* =========================================================
	   1. The bar
	   ========================================================= */
	.cmr-tabbar { display: block; position: fixed; z-index: 76; left: 0; right: 0; bottom: 0; height: var(--cmr-tabbar-h);
		padding: 0 max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-left));
		background: var(--cmr-tabbar-bg); -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%);
		border-top: 1px solid rgba(159, 179, 196, .16); box-shadow: 0 -10px 28px rgba(4, 20, 33, .16);
		font-family: var(--cmr-font-text); direction: rtl; box-sizing: border-box;
		transition: transform .28s var(--cmr-ease), visibility 0s; -webkit-user-select: none; user-select: none; }
	.cmr-tabbar *, .cmr-tabbar *::before, .cmr-tabbar *::after { box-sizing: border-box; }
	.cmr-tabbar__list { display: grid; grid-template-columns: repeat(var(--cmr-tabbar-n, 5), minmax(0, 1fr)); height: var(--cmr-tabbar-row); max-width: 600px; margin: 0 auto; padding: 0; list-style: none; }
	.cmr-tabbar__item { display: flex; margin: 0; padding: 0; list-style: none; min-width: 0; }
	.cmr-tabbar .cmr-tabbar__tab { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
		min-width: 0; min-height: 56px; margin: 4px 2px; padding: 0; border: 0; border-radius: 16px; background: none; box-shadow: none;
		color: var(--cmr-mist); font: 700 12px/1.15 var(--cmr-font-text); letter-spacing: 0; text-decoration: none; text-transform: none;
		cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
	.cmr-tabbar__ico { position: relative; display: grid; place-items: center; width: 54px; height: 30px; border-radius: 999px;
		transition: background-color .2s var(--cmr-ease), transform .15s var(--cmr-ease); }
	.cmr-tabbar__svg { display: block; width: 24px; height: 24px; }
	.cmr-tabbar__label { max-width: 100%; padding-inline: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	@media (hover: hover) { .cmr-tabbar .cmr-tabbar__tab:hover { color: var(--cmr-foam); } }
	/* Current page (aria-current="page") or section (aria-current="true"): foam + a marlin indicator pill */
	.cmr-tabbar .cmr-tabbar__tab[aria-current] { color: var(--cmr-foam); }
	.cmr-tabbar__tab[aria-current] .cmr-tabbar__ico { background: rgba(43, 108, 196, .42); }
	.cmr-tabbar__tab[aria-current] .cmr-tabbar__label { font-weight: 800; }
	.cmr-tabbar__tab[aria-current] .cmr-tabbar__svg { stroke-width: 2.1; }
	/* Press: the icon dips (a "haptic" feel without vibration) */
	.cmr-tabbar__tab:active .cmr-tabbar__ico { transform: scale(.88); background: rgba(242, 246, 248, .12); }
	.cmr-tabbar__tab[aria-current]:active .cmr-tabbar__ico { background: rgba(43, 108, 196, .55); }
	.cmr-tabbar .cmr-tabbar__tab:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: -3px; }
	.cmr-tabbar__tab[aria-expanded="true"] { color: var(--cmr-foam); }

	/* Count badge (cart: buoy = action colour; favourites the same) */
	.cmr-tabbar__badge { position: absolute; top: -4px; inset-inline-end: 4px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px;
		background: var(--cmr-buoy); color: var(--cmr-abyss); box-shadow: 0 0 0 2px var(--cmr-abyss);
		font: 800 11.5px/19px var(--cmr-font-text); font-variant-numeric: tabular-nums; text-align: center; }
	.cmr-tabbar__badge:empty, .cmr-tabbar__badge[data-count="0"] { display: none; }
	/* Add-to-cart "ping" (design system signature moment): a ring from the cart icon + the badge bumps */
	.cmr-tabbar__tab--cart .cmr-tabbar__ico::after { content: ""; position: absolute; inset: -2px 8px; border-radius: 999px; border: 2px solid var(--cmr-buoy); opacity: 0; pointer-events: none; }
	.cmr-tabbar__tab--cart.is-ping .cmr-tabbar__ico::after { animation: cmr-tab-ping .9s var(--cmr-ease); }
	.cmr-tabbar__tab--cart.is-ping .cmr-tabbar__badge { animation: cmr-tab-bump .5s var(--cmr-ease); }
	@keyframes cmr-tab-ping { 0% { opacity: .9; transform: scale(.8); } 100% { opacity: 0; transform: scale(1.5); } }
	@keyframes cmr-tab-bump { 40% { transform: scale(1.3); } }

	/* Kormi: the raised centre button (the marlin avatar), cut out of the bar by a ring in the bar colour */
	.cmr-tabbar__item--kormi { position: relative; }
	.cmr-tabbar .cmr-tabbar__kormi { justify-content: flex-end; padding-bottom: 4.5px; color: var(--cmr-foam); overflow: visible; }
	.cmr-tabbar__ava { position: absolute; top: -26px; left: 50%; width: 58px; height: 58px; margin-left: -29px; border-radius: 50%;
		background: radial-gradient(circle at 50% 40%, #fff 0%, var(--cmr-sand) 70%);
		box-shadow: 0 0 0 4px var(--cmr-abyss), 0 0 0 5px rgba(159, 179, 196, .28), 0 10px 22px rgba(0, 0, 0, .35);
		transition: transform .15s var(--cmr-ease), box-shadow .2s var(--cmr-ease); }
	.cmr-tabbar .cmr-tabbar__ava img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; pointer-events: none; -webkit-user-drag: none; }
	.cmr-tabbar__ava::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid rgba(242, 246, 248, .7); opacity: 0; pointer-events: none; }
	.cmr-tabbar__kormi.is-ping .cmr-tabbar__ava::after { animation: cmr-tab-kping 2.2s var(--cmr-ease) 2; }
	@keyframes cmr-tab-kping { 0% { opacity: .85; transform: scale(1); } 80%, 100% { opacity: 0; transform: scale(1.35); } }
	.cmr-tabbar__kormi:active .cmr-tabbar__ava { transform: scale(.92); }
	.cmr-tabbar__kormi[aria-expanded="true"] .cmr-tabbar__ava { box-shadow: 0 0 0 3px var(--cmr-buoy), 0 0 0 5px var(--cmr-abyss), 0 10px 22px rgba(0, 0, 0, .35); }
	.cmr-tabbar .cmr-tabbar__kormi:focus-visible { outline: none; }
	.cmr-tabbar .cmr-tabbar__kormi:focus-visible .cmr-tabbar__ava { box-shadow: 0 0 0 3px var(--cmr-sonar), 0 0 0 5px var(--cmr-abyss), 0 10px 22px rgba(0, 0, 0, .35); }
	.cmr-tabbar .cmr-tabbar__kormi:focus-visible .cmr-tabbar__label { text-decoration: underline; text-underline-offset: 3px; }

	/* The bar steps away under overlays: the Kormi chat sheet, the hamburger menu, open dialogs and, on phones,
	   while typing (the keyboard owns the bottom). cmr-chrome.js sets these classes. Body padding stays: no jump. */
	html.cmr-float-hide .cmr-tabbar, html.cmr-menu-open .cmr-tabbar, html.cmr-kchat-lock .cmr-tabbar {
		transform: translateY(105%); visibility: hidden; transition: transform .28s var(--cmr-ease), visibility 0s linear .28s; }

	/* =========================================================
	   2. The floating chrome in tab bar mode
	   ========================================================= */
	/* Kormi and the cart live in the bar now */
	body.cmr-has-tabbar .cmr-dock__kormi, body.cmr-has-tabbar .cmr-fcart { display: none !important; }
	/* Kormi's offline panel (chat backend off) opens as a card right above the bar */
	body.cmr-has-tabbar .cmr-dock { left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); bottom: calc(var(--cmr-tabbar-h) + 12px); align-items: stretch; }
	body.cmr-has-tabbar .cmr-dock__panel { position: static; width: auto; max-width: 480px; margin-inline: auto; animation: cmr-tab-up .28s var(--cmr-ease); }
	@keyframes cmr-tab-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

	/* Contact / cookies / accessibility pill: docked on the bar's top edge (left), like a tab of the bar.
	   It lifts above other bottom bars (product buy bar, sticky cart button) through --cmr-float-lift, which in tab bar
	   mode is the height of those bars ABOVE the tab bar (cmr-chrome.js bottomObstacle). */
	body.cmr-has-tabbar .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-has-tabbar .cmr-corner { bottom: calc(var(--cmr-tabbar-h) + var(--cmr-float-lift, 0px)); } /* lift = bars above the tab bar (cmr-chrome.js) */
	body.cmr-has-tabbar .cmr-corner__stack { display: none !important; } /* the contact button opens the contact sheet */
	body.cmr-has-tabbar .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-has-tabbar .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-has-tabbar .cmr-corner .cmr-corner__btn, body.cmr-has-tabbar .cmr-corner .cmr-corner__toggle { width: 46px; height: 42px; color: var(--cmr-mist); }
	body.cmr-has-tabbar .cmr-corner .cmr-corner__btn:hover { background: rgba(242, 246, 248, .08); color: var(--cmr-foam); }
	body.cmr-has-tabbar .cmr-corner .cmr-corner__btn:active svg { transform: scale(.88); }
	body.cmr-has-tabbar .cmr-corner .cmr-corner__btn svg { width: 21px; height: 21px; transition: transform .15s var(--cmr-ease); }
	body.cmr-has-tabbar .cmr-corner__btn + .cmr-corner__btn::before { top: 11px; bottom: 11px; background: rgba(159, 179, 196, .22); }
	body.cmr-has-tabbar .cmr-corner .cmr-corner__btn:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: -4px; box-shadow: none; }
	body.cmr-has-tabbar .cmr-corner__pill:has(:focus-visible) { box-shadow: inset 0 1px 0 rgba(159, 179, 196, .16); }
	body.cmr-has-tabbar .cmr-corner.is-open .cmr-corner__i-open { display: block !important; }
	body.cmr-has-tabbar .cmr-corner.is-open .cmr-corner__i-close { display: none !important; }
	body.cmr-has-tabbar .cmr-corner.is-open .cmr-corner__toggle { background: transparent; }
	body.cmr-has-tabbar .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-has-tabbar .cmr-corner, html.cmr-kchat-lock body.cmr-has-tabbar .cmr-corner { opacity: 0; visibility: hidden; pointer-events: none; }

	/* Other bottom UI sits above the bar (and above the pill where they share the left corner) */
	body.cmr-has-tabbar .cmr-buybar { bottom: var(--cmr-tabbar-h); padding-bottom: 8px; }
	body.cmr-has-tabbar .cmr-tray { bottom: calc(var(--cmr-tabbar-h) + 54px); }
	body.cmr-has-tabbar .cmr-toast { bottom: calc(var(--cmr-tabbar-h) + var(--cmr-float-lift, 0px) + 56px); }
	body.cmr-has-tabbar .wc-block-cart__submit-container--sticky { bottom: var(--cmr-tabbar-h) !important; padding-bottom: 12px !important; z-index: 70; }
	body.cmr-has-tabbar .woocommerce-store-notice, body.cmr-has-tabbar p.demo_store { bottom: var(--cmr-tabbar-h) !important; }
	/* End of the page: the footer keeps a dark strip as tall as the pill, so its last line is never under it */
	body.cmr-has-tabbar.cmr-has-dock .elementor-location-footer::after { height: 50px; }

	/* The header cart steps aside: the cart is in the bar (only when the bar has a cart tab) */
	body.cmr-tabbar-cart .elementor-location-header :has(> .elementor-widget-cmr-account-link) > a[href$="/cart/"],
	body.cmr-tabbar-cart .elementor-location-header a.cmr-has-cart-badge { display: none !important; }

	/* =========================================================
	   3. Bottom sheet (<dialog class="cmr-tsheet">): slides up, swipe the handle down to close
	   ========================================================= */
	.cmr-tsheet[open] { position: fixed; inset: auto 0 0 0; display: block; width: 100%; max-width: 560px; max-height: none; height: auto; margin: 0 auto; padding: 0; border: 0;
		background: transparent; color: var(--cmr-ink); overflow: visible; font-family: var(--cmr-font-text); direction: rtl; text-align: right; }
	.cmr-tsheet::backdrop { background: rgba(4, 20, 33, .55); opacity: 0; transition: opacity .28s var(--cmr-ease); }
	.cmr-tsheet.is-in::backdrop { opacity: 1; }
	.cmr-tsheet__panel { display: flex; flex-direction: column; max-height: 88vh; max-height: 88dvh; padding: 0 16px calc(16px + env(safe-area-inset-bottom));
		border-radius: 22px 22px 0 0; background: var(--cmr-paper); box-shadow: 0 -18px 48px rgba(4, 20, 33, .32);
		transform: translateY(105%); transition: transform .32s cubic-bezier(.2, .7, .2, 1); will-change: transform; }
	.cmr-tsheet.is-in .cmr-tsheet__panel { transform: translateY(var(--cmr-drag, 0px)); }
	.cmr-tsheet.is-drag .cmr-tsheet__panel { transition: none; }
	.cmr-tsheet__grab { display: flex; justify-content: center; padding: 10px 0 4px; cursor: grab; touch-action: none; }
	.cmr-tsheet__grab span { width: 40px; height: 5px; border-radius: 3px; background: var(--cmr-line); }
	.cmr-tsheet__head { display: flex; align-items: center; gap: 12px; padding: 2px 0 10px; touch-action: none; }
	.cmr-tsheet__t { flex: 1; margin: 0; color: var(--cmr-ink); font: 700 34px/1 var(--cmr-font-display); }
	.cmr-tsheet .cmr-tsheet__x { display: grid; place-items: center; flex: none; width: 44px; height: 44px; min-height: 0; padding: 0; border: 0; border-radius: 50%;
		background: var(--cmr-foam); color: var(--cmr-ink); cursor: pointer; touch-action: manipulation; }
	.cmr-tsheet__x-svg { width: 20px; height: 20px; }
	.cmr-tsheet .cmr-tsheet__x:hover { background: var(--cmr-line); color: var(--cmr-ink); }
	.cmr-tsheet__body { overflow-y: auto; overscroll-behavior: contain; margin-inline: -4px; padding-inline: 4px; }
	.cmr-tsheet__list { margin: 0; padding: 0; list-style: none; }
	.cmr-tsheet__list li { margin: 0; list-style: none; }
	.cmr-tsheet__list li + li { border-top: 1px solid var(--cmr-line); }
	.cmr-tsheet .cmr-tsheet__row { display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 6px; border-radius: 14px; color: var(--cmr-ink); text-decoration: none;
		transition: background-color .15s var(--cmr-ease); -webkit-tap-highlight-color: transparent; }
	.cmr-tsheet .cmr-tsheet__row:hover, .cmr-tsheet .cmr-tsheet__row:active { background: var(--cmr-foam); color: var(--cmr-ink); }
	.cmr-tsheet__logo { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--cmr-abyss); color: var(--soc-c, var(--cmr-foam)); --cmr-soc-ig: currentColor; }
	.cmr-tsheet__svg { width: 22px; height: 22px; display: block; }
	.cmr-tsheet__txt { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; }
	.cmr-tsheet__name { font: 800 17px/1.25 var(--cmr-font-text); }
	.cmr-tsheet__sub { color: var(--cmr-slate); font: 600 14px/1.35 var(--cmr-font-text); }
	.cmr-tsheet__sub .cmr-num { font-variant-numeric: tabular-nums; }
	.cmr-tsheet__chev { flex: none; width: 20px; height: 20px; color: var(--cmr-slate); }
	.cmr-tsheet__util { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; padding-top: 14px; border-top: 1px solid var(--cmr-line); }
	.cmr-tsheet__util [hidden] { display: none !important; }
	.cmr-tsheet .cmr-tsheet__chip { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 46px; padding: 0 12px; border: 1px solid var(--cmr-line); border-radius: 999px;
		background: var(--cmr-foam); color: var(--cmr-ink); font: 700 15px/1.2 var(--cmr-font-text); text-decoration: none; cursor: pointer; }
	.cmr-tsheet .cmr-tsheet__chip:hover { border-color: var(--cmr-marlin); background: var(--cmr-paper); color: var(--cmr-marlin); }
	.cmr-tsheet__chip-svg { width: 20px; height: 20px; flex: none; }
	.cmr-tsheet :is(.cmr-tsheet__row, .cmr-tsheet__chip, .cmr-tsheet__x):focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }

	/* =========================================================
	   4. Kormi chat on tablets (768-1024: a panel, not a full-screen sheet) opens right above the bar
	   ========================================================= */
	@media (min-width: 768px) {
		body.cmr-has-tabbar .cmr-kchat__panel { inset-inline-start: 16px; bottom: calc(var(--cmr-tabbar-h) + 16px) !important; height: min(660px, calc(100dvh - var(--cmr-tabbar-h) - var(--cmr-header-h, 0px) - 32px)); }
	}
}

/* Short screens (phones in landscape, 400% zoom): a lower bar, labels stay but smaller, Kormi less raised */
@media (max-width: 1024px) and (max-height: 500px) {
	body.cmr-has-tabbar { --cmr-tabbar-row: 50px; }
	.cmr-tabbar .cmr-tabbar__tab { min-height: 46px; margin-block: 2px; flex-direction: row; gap: 6px; }
	.cmr-tabbar__ico { width: 36px; height: 28px; }
	.cmr-tabbar__ava { top: -10px; width: 44px; height: 44px; margin-left: -22px; }
	.cmr-tabbar .cmr-tabbar__kormi { flex-direction: column; justify-content: center; padding: 0; }
	.cmr-tabbar .cmr-tabbar__kormi .cmr-tabbar__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	body.cmr-has-tabbar .cmr-corner__pill { height: 40px; }
	body.cmr-has-tabbar .cmr-corner .cmr-corner__btn { height: 40px; }
	.cmr-tsheet__panel { max-height: 94vh; max-height: 94dvh; }
}

/* Reduced motion (OS) and the site's motion switch */
@media (prefers-reduced-motion: reduce) {
	.cmr-tabbar, .cmr-tabbar *, .cmr-tsheet__panel, .cmr-tsheet::backdrop, body.cmr-has-tabbar .cmr-dock__panel { transition: none !important; animation: none !important; }
}
html.cmr-motion-off .cmr-tabbar, html.cmr-motion-off .cmr-tabbar *, html.cmr-motion-off .cmr-tsheet__panel, html.cmr-motion-off .cmr-tsheet::backdrop { transition: none !important; animation: none !important; }

/* cmr-woo */
/*
 * Cormorant: WooCommerce styling in the "מכ״ם עומק" design system.
 * Loaded on every front-end view (small file) by includes/core/woo-styles.php.
 * Sections: 1 shared Woo bits · 2 single product template · 3 archive / search templates
 *           4 cart + checkout (blocks) · 5 My Account · 6 notices
 * Tokens come from cmr-core.css (--cmr-*). RTL first: logical properties only.
 */

/* ---------- 1. Shared ---------- */
.woocommerce .woocommerce-Price-amount bdi,
.wc-block-components-formatted-money-amount { unicode-bidi: isolate; font-variant-numeric: tabular-nums; }

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 12px 24px; border: 2px solid transparent; border-radius: 999px;
	background: var(--cmr-buoy); color: var(--cmr-abyss); font: 800 16px/1.2 var(--cmr-font-text);
	text-decoration: none; cursor: pointer; transition: background-color .15s var(--cmr-ease), transform .15s var(--cmr-ease);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--cmr-buoy-hover); color: var(--cmr-abyss); }
.woocommerce a.button:focus-visible, .woocommerce button.button:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.woocommerce button.button:disabled, .woocommerce button.button.disabled, .woocommerce button.button.alt.disabled { opacity: .45; cursor: not-allowed; background: var(--cmr-buoy); color: var(--cmr-abyss); }

.woocommerce .quantity .qty { min-height: 48px; width: 76px; padding: 0 8px; border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper); color: var(--cmr-ink); font: 700 16px/1 var(--cmr-font-data); text-align: center; }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce-account input.input-text, .woocommerce-account select {
	min-height: 48px; padding: 10px 14px; border: 1px solid var(--cmr-line); border-radius: 10px; background: var(--cmr-paper);
	color: var(--cmr-ink); font: 400 16px/1.4 var(--cmr-font-text);
}
.woocommerce form .form-row textarea { min-height: 120px; }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row select:focus, .woocommerce form .form-row textarea:focus { outline: 3px solid rgba(43, 108, 196, .35); border-color: var(--cmr-marlin); }
.woocommerce form .form-row label { font: 700 14px/1.4 var(--cmr-font-text); color: var(--cmr-ink); margin-block-end: 6px; }
.woocommerce form .form-row .required { color: var(--cmr-danger-ink); text-decoration: none; }

/* ---------- 2. Single product template ---------- */
.cmr-pd-crumbs .woocommerce-breadcrumb, .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb {
	margin: 0; font: 600 14px/1.5 var(--cmr-font-text); color: var(--cmr-slate);
}
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a { color: var(--cmr-marlin); text-decoration: none; }
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:hover { text-decoration: underline; }

/* gallery */
.cmr-pd-gallery .woocommerce-product-gallery { margin: 0 !important; width: 100% !important; float: none !important; }
.cmr-pd-gallery .woocommerce-product-gallery__wrapper { border-radius: var(--cmr-r-panel); overflow: hidden; background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.cmr-pd-gallery .woocommerce-product-gallery__image img { aspect-ratio: 1; object-fit: contain; background: var(--cmr-paper); }
.cmr-pd-gallery .flex-viewport { border-radius: var(--cmr-r-panel); background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.cmr-pd-gallery .flex-viewport .woocommerce-product-gallery__wrapper { border: 0; border-radius: 0; }
.cmr-pd-gallery .flex-control-thumbs { display: flex !important; flex-wrap: wrap; gap: 12px; margin: 12px 0 0 !important; padding: 0; list-style: none; }
.cmr-pd-gallery .flex-control-thumbs li { width: 88px !important; margin: 0 !important; float: none !important; }
.cmr-pd-gallery .flex-control-thumbs img { width: 88px; height: 88px; object-fit: contain; border-radius: var(--cmr-r-card); background: var(--cmr-paper); border: 1px solid var(--cmr-line); opacity: .7; cursor: pointer; transition: opacity .15s, border-color .15s; }
.cmr-pd-gallery .flex-control-thumbs img.flex-active, .cmr-pd-gallery .flex-control-thumbs img:hover { opacity: 1; border-color: var(--cmr-marlin); }
.cmr-pd-gallery .woocommerce-product-gallery__trigger { inset-inline-end: 16px !important; inset-inline-start: auto !important; top: 16px !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background: var(--cmr-paper) !important; box-shadow: var(--cmr-shadow); }
@media (max-width: 767px) {
	.cmr-pd-gallery .flex-control-thumbs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	.cmr-pd-gallery .flex-control-thumbs li, .cmr-pd-gallery .flex-control-thumbs img { width: 64px !important; height: 64px; flex: none; }
}

/* title block */
.cmr-pd-brand .cmr-card__brand { font-size: 13px; color: var(--cmr-marlin); }
.cmr-pd-title .product_title, .cmr-pd-title .elementor-heading-title {
	margin: 0; font: 700 64px/0.95 var(--cmr-font-display); color: var(--cmr-ink); text-wrap: balance;
}
@media (max-width: 1024px) { .cmr-pd-title .elementor-heading-title { font-size: 52px; } }
@media (max-width: 767px) { .cmr-pd-title .elementor-heading-title { font-size: 40px; overflow-wrap: anywhere; } }
.cmr-pd-rating .woocommerce-product-rating { margin: 0; display: flex; gap: 8px; align-items: center; font-size: 14px; }
.cmr-pd-rating .star-rating { color: var(--cmr-buoy); }
.cmr-pd-short .woocommerce-product-details__short-description p { margin: 0; font: 400 19px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
@media (max-width: 767px) { .cmr-pd-short .woocommerce-product-details__short-description p { font-size: 17px; } }

/* buy box: panel + native variation form */
.elementor-widget-cmr-product-actions .cmr-buy { padding: 24px; border-radius: var(--cmr-r-panel); background: var(--cmr-paper); border: 1px solid var(--cmr-line); box-shadow: var(--cmr-shadow); }
@media (max-width: 767px) { .elementor-widget-cmr-product-actions .cmr-buy { padding: 16px; } }
.cmr-buy__price { font-size: 34px; }
.cmr-buy__native table.variations { border: 0; margin: 0 0 8px; border-collapse: collapse; }
.cmr-buy__native table.variations tr { display: flex; flex-direction: column; gap: 6px; margin-block-end: 12px; }
.cmr-buy__native table.variations th, .cmr-buy__native table.variations td { display: block; padding: 0; border: 0; background: none; text-align: start; }
.cmr-buy__native table.variations th label { font: 800 13px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--cmr-slate); }
.cmr-buy__native table.variations td.value { display: flex; align-items: center; gap: 12px; }
.cmr-buy__native table.variations select {
	flex: 1; min-height: 48px; padding-inline: 14px 40px; border: 1px solid var(--cmr-line); border-radius: 10px;
	background: var(--cmr-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B1B2A' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat left 14px center;
	font: 700 16px/1.2 var(--cmr-font-text); color: var(--cmr-ink); appearance: none; -webkit-appearance: none;
}
.cmr-buy__native table.variations select:focus { outline: 3px solid rgba(43, 108, 196, .35); border-color: var(--cmr-marlin); }
.cmr-buy__native .reset_variations { font-size: 13px; color: var(--cmr-marlin); white-space: nowrap; }
.cmr-buy__native .single_variation_wrap { width: 100%; }
.cmr-buy__native .woocommerce-variation { margin-block-end: 8px; }
.cmr-buy__native .woocommerce-variation-price .price, .woocommerce div.product .cmr-buy__native span.price { font: 800 22px/1.2 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-buy__native .woocommerce-variation-price del { font-weight: 400; font-size: 16px; color: var(--cmr-slate); }
.cmr-buy__native .woocommerce-variation-price ins { text-decoration: none; color: var(--cmr-danger-ink); }
.cmr-buy__native .woocommerce-variation-availability .stock, .woocommerce div.product .cmr-buy__native p.stock { margin: 4px 0 0; font: 700 14px/1.4 var(--cmr-font-text); color: var(--cmr-go-ink); }
.cmr-buy__native .woocommerce-variation-availability .stock.out-of-stock, .woocommerce div.product .cmr-buy__native p.stock.out-of-stock { color: var(--cmr-danger-ink); }
.woocommerce div.product .cmr-buy__native p.stock.available-on-backorder { color: var(--cmr-caution-ink); }
.cmr-buy__native .woocommerce-variation-add-to-cart { display: flex; gap: 8px; align-items: center; }
.cmr-buy__native .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.woocommerce .cmr-buy__native button.single_add_to_cart_button.button.alt { flex: 1; min-height: 56px; font-size: 17px; background: var(--cmr-buoy); color: var(--cmr-abyss); border-radius: 999px; }
.cmr-buy__native .quantity { flex: none; }
.cmr-buy__tools .cmr-button { min-height: 44px; }

/* specs table: a clean light panel (cancels the theme's grey table borders / zebra) */
.elementor-widget-cmr-product-specs .cmr-specs__table { border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-card); border-collapse: separate; border-spacing: 0; overflow: hidden; background: var(--cmr-paper); margin: 0; }
.elementor-widget-cmr-product-specs .cmr-specs__table th, .elementor-widget-cmr-product-specs .cmr-specs__table td { border: 0; border-block-end: 1px solid var(--cmr-line); background: transparent; padding: 12px 16px; }
.elementor-widget-cmr-product-specs .cmr-specs__table tr:last-child > * { border-block-end: 0; }
.elementor-widget-cmr-product-specs .cmr-specs__table tbody > tr:nth-child(odd) > * { background: transparent; }
.elementor-widget-cmr-product-specs .cmr-specs__table tbody > tr:nth-child(even) > * { background: var(--cmr-foam); }
.elementor-widget-cmr-product-specs .cmr-specs__table td { font-variant-numeric: tabular-nums; }
@media (max-width: 767px) { .elementor-widget-cmr-product-specs .cmr-specs__table th, .elementor-widget-cmr-product-specs .cmr-specs__table td { padding: 10px 12px; font-size: 14px; } }

/* specs + description */
.cmr-pd-desc { font: 400 17px/1.75 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-pd-desc h2, .cmr-pd-desc h3 { margin: 32px 0 8px; font: 800 24px/1.25 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-pd-desc p { margin: 0 0 16px; }
.cmr-pd-desc ul { margin: 0 0 16px; padding-inline-start: 20px; }
.cmr-pd-desc li { margin-block-end: 6px; }
.cmr-pd-desc strong { font-weight: 800; }

/* ---------- 3. Archive / search ---------- */
.cmr-arch-sort .woocommerce-ordering { margin: 0; }
.cmr-arch-sort .woocommerce-ordering select, .woocommerce-ordering select.orderby {
	min-height: 44px; padding-inline: 14px 40px; border: 1px solid var(--cmr-line); border-radius: 999px;
	background: var(--cmr-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B1B2A' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat left 14px center;
	font: 700 15px/1.2 var(--cmr-font-text); color: var(--cmr-ink); appearance: none; -webkit-appearance: none;
}
.woocommerce-result-count { margin: 0; font: 600 14px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }
.woocommerce nav.woocommerce-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; border: 0; margin: 32px 0 0; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; float: none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px;
	border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper); color: var(--cmr-ink); font: 700 15px/1 var(--cmr-font-data);
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--cmr-ink); border-color: var(--cmr-ink); color: var(--cmr-foam); }
.woocommerce nav.woocommerce-pagination ul li a:hover { border-color: var(--cmr-marlin); color: var(--cmr-marlin); background: var(--cmr-paper); }
.cmr-arch-desc p { margin: 0; }
/* archive hero is a light "surface" section (client: shop pages light, dark only as small accents) */
.cmr-ar-crumbs .woocommerce-breadcrumb { color: var(--cmr-slate); }
.elementor-widget-woocommerce-breadcrumb.cmr-ar-crumbs .woocommerce-breadcrumb a { color: var(--cmr-marlin); }
.cmr-ar-title .elementor-heading-title { margin: 0; font: 700 76px/0.9 var(--cmr-font-display); color: var(--cmr-ink); text-wrap: balance; }
@media (max-width: 1024px) { .cmr-ar-title .elementor-heading-title { font-size: 64px; } }
@media (max-width: 767px) { .cmr-ar-title .elementor-heading-title { font-size: 52px; } }
.cmr-ar-desc, .cmr-ar-desc .term-description, .cmr-ar-desc p { margin: 0; font: 400 19px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
@media (max-width: 767px) { .cmr-ar-desc, .cmr-ar-desc p { font-size: 16px; } }
.cmr-ar-products .woocommerce-result-count { float: none; margin: 0; align-self: center; }
.cmr-ar-products .woocommerce-ordering { float: none; margin: 0 !important; }
.cmr-ar-products .woocommerce { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; }
.cmr-ar-products .woocommerce > ul.products, .cmr-ar-products .woocommerce > nav, .cmr-ar-products .woocommerce > .woocommerce-notices-wrapper, .cmr-ar-products .woocommerce > .woocommerce-info { flex: 1 0 100%; }
/* Large catalog grid. Desktop columns = the products widget's "columns" setting (Elementor), from 1280px;
   1025-1279 (filters sidebar beside the grid) and tablets 3, phones 2. Cards a little denser than on rails. */
.cmr-ar-products ul.products.products { --cmr-cols: 3; grid-template-columns: repeat(var(--cmr-cols), minmax(0, 1fr)) !important; gap: 16px !important; }
@media (min-width: 1280px) {
	.cmr-ar-products ul.products.products.columns-4 { --cmr-cols: 4; }
	.cmr-ar-products ul.products.products.columns-5 { --cmr-cols: 5; }
	.cmr-ar-products ul.products.products.columns-6 { --cmr-cols: 6; }
	.cmr-ar-products ul.products.products.columns-2 { --cmr-cols: 2; }
}
@media (max-width: 1024px) { .cmr-ar-products ul.products.products { --cmr-cols: 3; } }
@media (max-width: 767px) { .cmr-ar-products ul.products.products { --cmr-cols: 2; } .cmr-ar-products .woocommerce-ordering select { min-height: 40px; font-size: 14px; } }
.cmr-ar-products .cmr-card__media { aspect-ratio: 5 / 4; }
.cmr-ar-products .cmr-card__img img { padding: 6%; }
.cmr-ar-products .cmr-card__body { gap: 5px; padding: 12px; }
.cmr-ar-products .cmr-card__title { font-size: 15px; }
.cmr-ar-products .cmr-card__price { font-size: 17px; }
.cmr-ar-products .cmr-card__specs > li:nth-child(n+3) { display: none; } /* the two key specs */
.cmr-ar-products .cmr-card__specs .cmr-spec { max-width: 100%; }
.cmr-ar-products .cmr-card__specs .cmr-spec b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmr-ar-products .cmr-card__atc { min-height: 44px; white-space: nowrap; }
@media (min-width: 1280px) { .cmr-ar-products .cmr-card__title { font-size: 16px; } }
@media (max-width: 767px) { .cmr-ar-products .cmr-card__body { padding: 10px; } .cmr-ar-products .cmr-card__atc { padding-inline: 8px; font-size: 13px; } }
/* the grid card is wide enough for "הוספה לסל" with its icon even on narrow phones */
@media (max-width: 400px) {
	.cmr-ar-products .cmr-card--grid .cmr-card__atc:has(svg) { flex: 1; padding-inline: 8px; }
	.cmr-ar-products .cmr-card--grid .cmr-card__atc svg + span { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
/* "מוצגים 37-72 מתוך 304 מוצרים" above the pagination (woo-styles.php) */
.cmr-loop-range { flex: 1 0 100%; margin: 36px 0 0; color: var(--cmr-slate); font: 600 14px/1.4 var(--cmr-font-text); text-align: center; }
.cmr-loop-range .cmr-num { color: var(--cmr-ink); font-weight: 800; font-variant-numeric: tabular-nums; }
.cmr-loop-range + nav.woocommerce-pagination { margin-top: 0 !important; }
.cmr-loop-range + nav.woocommerce-pagination ul { margin-top: 0; }

/* Compact archive header (categories, brands, product search): the shop search widget in "compact" size
   tightens the whole header block around it so the products start within the first screen.
   Desktop: crumbs, title and description on the start side, the one-row search on the end side, chips below. */
.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) { padding-block: 20px 18px !important; gap: 8px !important; }
.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) > .cmr-kicker { display: none; }
.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) .cmr-ar-title .elementor-heading-title { font-size: 60px; line-height: .95; }
.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) > :has(> .cmr-ar-desc) { max-width: 760px; }
.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) .cmr-ar-desc :is(p, .term-description) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 1.5; }
.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) .cmr-ar-desc :is(p, .term-description) + p { display: none; }
.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) > :has(> .cmr-ar-chips) { margin-top: 4px; }
/* product search: the department chips (whole-shop counts) give way to the results; the filters' category list has the search counts */
body.search .e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) > :has(> .cmr-ar-chips .is-top) { display: none; }
@media (min-width: 1025px) {
	.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(340px, 460px); align-items: center; column-gap: 40px; }
	.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) > * { grid-column: 1; min-width: 0; }
	.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) > .elementor-widget-cmr-shop-kormi { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
	.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) > :has(> .cmr-ar-chips) { grid-column: 1 / -1; }
}
@media (max-width: 1024px) { .e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) .cmr-ar-title .elementor-heading-title { font-size: 48px; } }
@media (max-width: 767px) {
	.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) { padding-block: 12px 12px !important; }
	.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) .cmr-ar-title .elementor-heading-title { font-size: 40px; }
	.e-con:has(> .elementor-widget-cmr-shop-kormi .cmr-shopk--compact) .cmr-ar-desc :is(p, .term-description) { font-size: 15px; }
}

/* Products + filters row: a bit less air above the toolbar; the sidebar column runs the full height of the
   grid so the sticky filters (cmr-facets "נצמד בגלילה") follow the scroll and scroll inside themselves. */
.e-con:has(> .e-con > .elementor-widget-cmr-facets) { padding-block-start: 24px !important; }
@media (min-width: 1025px) {
	.e-con:has(> .elementor-widget-cmr-facets .cmr-sf--sticky) { align-self: stretch; }
	/* below everything pinned at the top (sea stripe + header row: --cmr-header-h from cmr-chrome.js) */
	.elementor-widget-cmr-facets:has(.cmr-sf--sticky) { position: sticky; top: calc(var(--cmr-header-h, var(--cmr-sf-top, 0px)) + 16px); }
	.elementor-widget-cmr-facets .cmr-sf--sticky .cmr-sf__panel { max-height: calc(100vh - var(--cmr-header-h, var(--cmr-sf-top, 0px)) - 32px); }
}

/* Woo loops rendered with our card (includes/core/templates/content-product.php) */
.woocommerce ul.products:has(> li.cmr-loop-item), ul.products:has(> li.cmr-loop-item) {
	display: grid; grid-template-columns: repeat(var(--cmr-cols, 3), minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none;
}
.woocommerce ul.products:has(> li.cmr-loop-item)::before, .woocommerce ul.products:has(> li.cmr-loop-item)::after { content: none; display: none; }
.woocommerce ul.products li.cmr-loop-item { width: auto !important; margin: 0 !important; padding: 0; float: none !important; display: flex; }
.woocommerce ul.products li.cmr-loop-item > .cmr-card { width: 100%; }
/* Elementor's products grid sets li.product to display:block via --button-align-display: keep cards equal height */
.elementor-products-grid ul.products.elementor-grid li.product.cmr-loop-item, .elementor-widget-wc-archive-products ul.products li.product.cmr-loop-item { display: flex; }
@media (max-width: 767px) { ul.products li.cmr-loop-item .cmr-card__specs > li:nth-child(n+3) { display: none; } .cmr-ar-products ul.products.products { gap: 12px 10px !important; } }
ul.products.columns-4 { --cmr-cols: 4; }
ul.products.columns-2 { --cmr-cols: 2; }
@media (max-width: 1024px) { .woocommerce ul.products:has(> li.cmr-loop-item) { --cmr-cols: 3; gap: 16px; } }
@media (max-width: 767px) { .woocommerce ul.products:has(> li.cmr-loop-item) { --cmr-cols: 2; gap: 10px; } }
.woocommerce-products-header { display: none; }
.woocommerce-no-products-found .woocommerce-info { justify-content: center; }


/* general search template */
/* the theme's input[type=search] border beats .cmr-search__input: the pill field already has the border */
.cmr-search__field input.cmr-search__input { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.cmr-srch-products__all { margin: 24px 0 0; text-align: center; }
.cmr-sr-posts .elementor-post { padding: 20px; border-radius: var(--cmr-r-card); background: var(--cmr-foam); border: 1px solid var(--cmr-line); }
.cmr-sr-posts .elementor-post__title, .cmr-sr-posts .elementor-post__title a { font: 800 20px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-sr-posts .elementor-post__excerpt p { color: var(--cmr-slate); font-size: 15px; }
.cmr-sr-posts .elementor-post__read-more { color: var(--cmr-marlin); font-weight: 800; }
.cmr-sr-posts .elementor-posts-nothing-found { padding: 20px; border-radius: var(--cmr-r-card); background: var(--cmr-sand); color: var(--cmr-ink); }

/* ---------- 4. Cart + checkout (blocks) ---------- */
/* Page frame for the block cart / checkout and My Account (theme page template) */
body.woocommerce-cart main.site-main, body.woocommerce-checkout main.site-main, body.woocommerce-account main.site-main {
	max-width: 1320px; width: 100%; margin-inline: auto; padding: 0 24px 96px;
}
body.woocommerce-cart .page-header, body.woocommerce-checkout .page-header, body.woocommerce-account .page-header {
	position: relative; margin: 0 0 40px; padding: 48px 0 40px; background: var(--cmr-paper);
	box-shadow: 0 0 0 100vmax var(--cmr-paper), 0 1px 0 100vmax var(--cmr-line); clip-path: inset(0 -100vmax -1px);
}
body.woocommerce-cart .page-header .entry-title, body.woocommerce-checkout .page-header .entry-title, body.woocommerce-account .page-header .entry-title {
	margin: 0; font: 700 84px/0.95 var(--cmr-font-display); color: var(--cmr-ink);
}
@media (max-width: 767px) {
	body.woocommerce-cart main.site-main, body.woocommerce-checkout main.site-main, body.woocommerce-account main.site-main { padding: 0 16px 72px; }
	body.woocommerce-cart .page-header, body.woocommerce-checkout .page-header, body.woocommerce-account .page-header { margin-bottom: 24px; padding: 28px 0 24px; }
	body.woocommerce-cart .page-header .entry-title, body.woocommerce-checkout .page-header .entry-title, body.woocommerce-account .page-header .entry-title { font-size: 54px; }
}

.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { font-family: var(--cmr-font-text); color: var(--cmr-ink); }
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide { margin-inline: 0 !important; max-width: none !important; width: auto !important; }
.wc-block-cart, .wc-block-checkout { padding-block: 8px 48px; }
.wc-block-components-sidebar-layout .wc-block-components-main { padding-inline-end: 0; }
.wc-block-cart__totals-title, .wc-block-components-checkout-step__title, .wc-block-components-title.wc-block-components-title {
	font: 800 20px/1.3 var(--cmr-font-text) !important; color: var(--cmr-ink); text-transform: none; letter-spacing: 0;
}
.wc-block-cart-items { border-collapse: separate; }
.wc-block-cart-items th { font: 800 12px/1.2 var(--cmr-font-text) !important; letter-spacing: .08em; color: var(--cmr-slate); }
.wc-block-cart-items .wc-block-cart-items__row { border-block-end: 1px solid var(--cmr-line); }
.wc-block-cart-item__image img { border-radius: var(--cmr-r-card); background: var(--cmr-paper); border: 1px solid var(--cmr-line); aspect-ratio: 1; object-fit: contain; }
.wc-block-components-product-name { font: 800 17px/1.35 var(--cmr-font-text) !important; color: var(--cmr-ink) !important; text-decoration: none !important; }
.wc-block-components-product-name:hover { color: var(--cmr-marlin) !important; }
.wc-block-components-product-metadata { font-size: 14px; color: var(--cmr-slate); }
.wc-block-components-product-badge, .wc-block-components-sale-badge { border-radius: var(--cmr-r-chip) !important; border: 0 !important; background: var(--cmr-danger-ink) !important; color: #fff !important; font: 800 11px/1.4 var(--cmr-font-text) !important; padding: 2px 8px !important; }
.wc-block-components-quantity-selector { border-radius: 999px !important; border: 1px solid var(--cmr-line) !important; overflow: hidden; min-height: 40px; }
.wc-block-components-quantity-selector::after { display: none !important; }
.wc-block-components-quantity-selector input { font: 700 15px/1 var(--cmr-font-data) !important; }
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { flex: 0 0 44px; width: 44px !important; min-width: 44px !important; min-height: 44px; color: var(--cmr-ink) !important; }
.wc-block-components-quantity-selector input { min-height: 44px; }
/* Remove (trash): a 44x44 hit area around the small icon (QA M-09). */
.wc-block-cart-item__remove-link { position: relative; display: inline-flex !important; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--cmr-slate) !important; font-size: 13px !important; }
.wc-block-cart-item__quantity { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
/* Line details (attributes, short description) readable on phones (QA M-08: was 11.4px). */
.wc-block-components-product-metadata, .wc-block-components-product-metadata__description, .wc-block-components-product-details, .wc-block-components-product-details li { font-size: 14px !important; line-height: 1.45 !important; }
/* Checkout without a payment gateway yet (includes/core/woo-styles.php) */
.cmr-checkout-note { margin: 0 0 20px; padding: 14px 16px; border: 1px solid rgba(255, 193, 69, .6); border-inline-start: 4px solid var(--cmr-caution); border-radius: var(--cmr-r-card); background: rgba(255, 193, 69, .12); color: var(--cmr-ink); font: 500 16px/1.55 var(--cmr-font-text); }
.cmr-checkout-note strong { font-weight: 800; }
.cmr-checkout-note a { color: var(--cmr-current); font-weight: 800; }
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
	padding: 24px; border-radius: var(--cmr-r-panel); background: var(--cmr-paper); border: 1px solid var(--cmr-line); box-shadow: var(--cmr-shadow);
}
.wc-block-components-totals-item { font-size: 15px; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font: 800 22px/1.2 var(--cmr-font-text) !important; color: var(--cmr-ink); }
.wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
	min-height: 56px !important; border-radius: 999px !important; border: 0 !important; background: var(--cmr-buoy) !important; color: var(--cmr-abyss) !important;
	font: 800 17px/1.2 var(--cmr-font-text) !important; text-decoration: none !important; box-shadow: none !important;
}
.wc-block-components-button:not(.is-link):hover { background: var(--cmr-buoy-hover) !important; }
.wc-block-components-button:not(.is-link):focus-visible { outline: 3px solid var(--cmr-marlin) !important; outline-offset: 2px; }
.wc-block-components-button.is-link, .wc-block-components-panel__button, .wc-block-components-totals-coupon-link { color: var(--cmr-marlin) !important; font-weight: 700; }
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input,
.wc-block-components-form .wc-block-components-text-input input, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-textarea {
	border-radius: 10px !important; border: 1px solid var(--cmr-line) !important; background: var(--cmr-paper) !important; color: var(--cmr-ink) !important; font-family: var(--cmr-font-text) !important;
}
.wc-block-components-text-input.is-active input, .wc-block-components-text-input input:focus, .wc-blocks-components-select .wc-blocks-components-select__select:focus {
	border-color: var(--cmr-marlin) !important; box-shadow: 0 0 0 3px rgba(43, 108, 196, .25) !important; outline: 0;
}
.wc-block-components-text-input label, .wc-blocks-components-select__label { color: var(--cmr-slate) !important; }
.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option { border-radius: var(--cmr-r-card) !important; }
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted { box-shadow: inset 0 0 0 2px var(--cmr-marlin) !important; }
.wc-block-components-radio-control__input:checked { border-color: var(--cmr-marlin) !important; }
.wc-block-components-radio-control__input:checked::before { background: var(--cmr-marlin) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked { background: var(--cmr-marlin) !important; border-color: var(--cmr-marlin) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: #fff !important; }
.wc-block-components-checkout-step { padding-inline-start: 0 !important; }
.wc-block-components-checkout-step::after { display: none; }
.wc-block-components-checkout-step__container { padding: 20px; border-radius: var(--cmr-r-panel); background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button { color: var(--cmr-marlin); }
.wc-block-components-notice-banner { border-radius: var(--cmr-r-card) !important; font-family: var(--cmr-font-text); }
.wc-block-components-notice-banner.is-error { border-color: var(--cmr-danger-ink) !important; background: #FFF4F4 !important; }
.wc-block-components-notice-banner.is-success { border-color: var(--cmr-go-ink) !important; background: #F0FAF5 !important; }
.wc-block-components-notice-banner.is-info { border-color: var(--cmr-marlin) !important; background: #F1F6FD !important; }
.wc-block-components-order-summary-item__quantity { background: var(--cmr-ink) !important; color: var(--cmr-foam) !important; border: 0 !important; box-shadow: none !important; }
.wc-block-components-order-summary-item__image img { border-radius: 8px; background: var(--cmr-paper); }
.wp-block-woocommerce-empty-cart-block { padding-block: 48px; text-align: center; }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { font: 700 48px/1 var(--cmr-font-display) !important; color: var(--cmr-ink); }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before { display: none !important; }
.wc-block-cart__empty-cart__title + .wp-block-separator { display: none; }
/* Phones: less air above the empty-cart title, so Kormi's question form fits above the floating row (layout, never hiding Kormi). */
@media (max-width: 767px) {
	.wp-block-woocommerce-empty-cart-block { padding-block: 4px 40px; }
	.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { margin-top: 0; }
}
.wc-block-grid__product-title { font: 800 16px/1.3 var(--cmr-font-text) !important; color: var(--cmr-ink); }
.wc-block-grid__product-image img { border-radius: var(--cmr-r-card); background: var(--cmr-paper); }
.wc-block-grid__product .wp-block-button__link { border-radius: 999px !important; background: var(--cmr-buoy) !important; color: var(--cmr-abyss) !important; font-weight: 800 !important; }
@media (max-width: 767px) {
	.wc-block-cart__submit-container--sticky { padding: 12px 16px calc(12px + var(--cmr-bar-h)) !important; background: var(--cmr-paper) !important; box-shadow: 0 -8px 24px rgba(4, 20, 33, .1) !important; }
	.wc-block-components-checkout-step__container { padding: 16px; }
}

/* ---------- 5. My Account ---------- */
.woocommerce-account.logged-in .woocommerce { display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: flex-start; }
.woocommerce-account.logged-in .woocommerce > * { flex: 1 0 100%; min-width: 0; }
.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation { flex: 0 0 260px; position: sticky; top: 96px; }
.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content { flex: 1 1 0; }
.woocommerce-account:not(.logged-in) .woocommerce { display: block; }
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; }
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 8px; list-style: none; border-radius: var(--cmr-r-panel); background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.woocommerce-MyAccount-navigation li a { display: flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 10px; color: var(--cmr-ink); font: 700 15px/1.3 var(--cmr-font-text); text-decoration: none; }
.woocommerce-MyAccount-navigation li a:hover { background: var(--cmr-foam); color: var(--cmr-marlin); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--cmr-ink); color: var(--cmr-foam); }
.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--cmr-danger-ink) !important; }
.woocommerce-MyAccount-content { font: 400 16px/1.7 var(--cmr-font-text); color: var(--cmr-ink); }
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p, .woocommerce-MyAccount-content > p:first-child { margin: 0 0 12px; padding: 20px 24px; border-radius: var(--cmr-r-panel); background: var(--cmr-sand); font-size: 18px; }
.woocommerce-MyAccount-content a:not(.button):not(.cmr-button) { color: var(--cmr-marlin); font-weight: 700; } /* buttons keep their own text color (orange ATC on /my-account/history/ was blue on orange, 2.2:1) */
/* Hello's ".page-content a { underline }" outranks .cmr-button; product cards in the account keep the shop look (ink titles). */
.page-content a.cmr-button, .comments-area a.cmr-button { text-decoration: none; }
.woocommerce-MyAccount-content .cmr-card .cmr-card__title a { color: inherit; }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3, .woocommerce-account .woocommerce h2 { font: 700 40px/1 var(--cmr-font-display); color: var(--cmr-ink); margin: 0 0 16px; }
.woocommerce-account table.shop_table, .woocommerce-account table.woocommerce-orders-table { border: 1px solid var(--cmr-line) !important; border-radius: var(--cmr-r-card); border-collapse: separate !important; overflow: hidden; background: var(--cmr-paper); }
.woocommerce-account table.shop_table th { font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--cmr-slate); background: var(--cmr-foam); }
.woocommerce-account table.shop_table td, .woocommerce-account table.shop_table th { padding: 12px 14px !important; text-align: start; }
.woocommerce-account .woocommerce-Addresses .woocommerce-Address { padding: 20px; border-radius: var(--cmr-r-panel); background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.woocommerce-account .u-columns.col2-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.woocommerce-account .u-columns.col2-set .u-column1, .woocommerce-account .u-columns.col2-set .u-column2 { float: none; width: auto; }
.woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password { margin: 0 !important; padding: 28px !important; border: 1px solid var(--cmr-line) !important; border-radius: var(--cmr-r-panel) !important; background: var(--cmr-paper); box-shadow: var(--cmr-shadow); }
.woocommerce form .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 8px; margin-block: 8px; font-weight: 600; }
.woocommerce .lost_password a { color: var(--cmr-marlin); font-weight: 700; }
@media (max-width: 900px) {
	.woocommerce-account.logged-in .woocommerce { gap: 16px; }
	.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation, .woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content { flex: 1 0 100%; position: static; }
	.woocommerce-MyAccount-navigation ul { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 6px; }
	.woocommerce-MyAccount-navigation li { flex: none; }
	.woocommerce-MyAccount-navigation li a { white-space: nowrap; min-height: 40px; font-size: 14px; }
	.woocommerce-account .u-columns.col2-set { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-account table.shop_table_responsive tr td::before { font-weight: 800; color: var(--cmr-slate); }
}

/* ---------- 6. Classic notices ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	margin: 0 0 24px !important; padding: 14px 18px !important; border: 1px solid var(--cmr-line) !important; border-inline-start: 4px solid var(--cmr-marlin) !important;
	border-radius: var(--cmr-r-card); background: var(--cmr-paper) !important; color: var(--cmr-ink) !important; font: 600 15px/1.5 var(--cmr-font-text);
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; list-style: none;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none !important; }
.woocommerce-message { border-inline-start-color: var(--cmr-go-ink) !important; }
.woocommerce-error { border-inline-start-color: var(--cmr-danger-ink) !important; }
.woocommerce-message .button, .woocommerce-info .button { order: 2; margin-inline-start: auto; min-height: 40px !important; padding: 8px 18px !important; }

@media (prefers-reduced-motion: reduce) {
	.woocommerce a.button, .woocommerce button.button, .cmr-pd-gallery .flex-control-thumbs img { transition: none; }
}
.cmr-kit-price__label { display: inline-block; font-size: .72em; font-weight: 600; color: var(--cmr-slate, #4a5d6e); margin-inline-end: 6px; vertical-align: middle; }

/* cmr-acct */
/*
 * Cormorant: My Account in the "מכ״ם עומק" design system (light surfaces, navy / marlin accents, orange = action).
 * Loaded only on account pages by includes/account/bootstrap.php, after cmr-woo.css (overrides its section 5).
 * Sections: 1 page header · 2 form controls · 3 auth (login / register / lost + reset password)
 *           4 logged-in layout + navigation · 5 dashboard · 6 orders + view order · 7 addresses + forms
 *           8 personal module endpoints (cmr-acc-*) · 9 empty states, notices · 10 motion
 * RTL first: logical properties only. Tokens from cmr-core.css (--cmr-*).
 */

body.cmr-account-page { --cmr-acct-tint: #EAF1FB; --cmr-acct-marlin-ink: #1F57A5; --cmr-acct-hover-line: #B9CCE6; }

/* ---------- 1. Page header (replaces Hello's huge page title) ---------- */
.cmr-acct-head {
	position: relative; margin: 0 0 32px; padding: 40px 0 32px; background: var(--cmr-paper);
	box-shadow: 0 0 0 100vmax var(--cmr-paper), 0 1px 0 100vmax var(--cmr-line); clip-path: inset(0 -100vmax -1px);
}
.cmr-acct-head::after {
	content: ""; position: absolute; inset-block: 0; inset-inline-end: 0; width: min(420px, 45%); pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' fill='none' stroke='%232B6CC4' stroke-opacity='.18' stroke-width='1'%3E%3Cpath d='M0 120C60 100 90 60 160 64s110 40 170 20 70-40 70-40'/%3E%3Cpath d='M0 140c70-18 100-52 170-52s100 36 160 18 70-30 70-30'/%3E%3Cpath d='M0 100c50-22 80-58 150-60s120 30 180 12 70-44 70-44'/%3E%3Cpath d='M20 160c60-14 100-40 170-36s100 28 150 16 60-20 60-20'/%3E%3Cpath d='M0 78c40-24 70-56 140-58s130 22 190 6 70-26 70-26'/%3E%3Cpath d='M30 56c40-20 70-40 120-40s120 16 170 4 80-20 80-20'/%3E%3C/svg%3E") no-repeat center / cover;
}
.cmr-acct-head > * { position: relative; z-index: 1; }
.cmr-acct-head__eyebrow { margin: 0 0 8px; font: 800 14px/1.2 var(--cmr-font-text); letter-spacing: .02em; color: var(--cmr-marlin); }
.cmr-acct-head__eyebrow a { display: inline-flex; align-items: center; min-height: 32px; color: var(--cmr-marlin); text-decoration: none; }
.cmr-acct-head__eyebrow a::after { content: ""; width: 7px; height: 7px; margin-inline-start: 8px; border-block-start: 2px solid currentColor; border-inline-start: 2px solid currentColor; transform: rotate(-45deg); }
.cmr-acct-head__eyebrow a:hover { text-decoration: underline; }
.cmr-acct-head__title { margin: 0; font: 700 60px/0.95 var(--cmr-font-display); color: var(--cmr-ink); text-wrap: balance; overflow-wrap: anywhere; }
.cmr-acct-head__lead { margin: 12px 0 0; max-width: 640px; font: 400 18px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-acct-head__lead bdi { color: var(--cmr-ink); font-weight: 600; }
@media (max-width: 767px) {
	.cmr-acct-head { margin-bottom: 20px; padding: 24px 0 20px; }
	.cmr-acct-head::after { width: 60%; opacity: .7; }
	.cmr-acct-head__title { font-size: 44px; }
	.cmr-acct-head__lead { font-size: 16px; }
}

/* ---------- 2. Form controls (login, register, account, address forms) ---------- */
body.woocommerce-account .woocommerce form .form-row { float: none; width: auto; margin: 0 0 16px; padding: 0; }
body.woocommerce-account .woocommerce form .form-row label:not(.cmr-check):not(.woocommerce-form__label-for-checkbox) { display: block; margin: 0 0 6px; font: 700 15px/1.4 var(--cmr-font-text); color: var(--cmr-ink); }
body.woocommerce-account .woocommerce form .form-row .required { color: var(--cmr-danger-ink); text-decoration: none; font-weight: 800; }
body.woocommerce-account .woocommerce form .form-row input.input-text,
body.woocommerce-account .woocommerce form .form-row select,
body.woocommerce-account .woocommerce form .form-row textarea {
	box-sizing: border-box; width: 100%; min-height: 52px; padding: 12px 16px; border: 1px solid #B8C7D3; border-radius: 12px;
	background: var(--cmr-paper); color: var(--cmr-ink); font: 400 17px/1.4 var(--cmr-font-text); box-shadow: none;
	transition: border-color .15s var(--cmr-ease), box-shadow .15s var(--cmr-ease);
}
body.woocommerce-account .woocommerce form .form-row input.input-text:hover, body.woocommerce-account .woocommerce form .form-row select:hover { border-color: var(--cmr-slate); }
body.woocommerce-account .woocommerce form .form-row input.input-text:focus,
body.woocommerce-account .woocommerce form .form-row select:focus,
body.woocommerce-account .woocommerce form .form-row textarea:focus { outline: 0; border-color: var(--cmr-marlin); box-shadow: 0 0 0 3px rgba(43, 108, 196, .3); }
body.woocommerce-account .woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--cmr-danger-ink); }
body.woocommerce-account .woocommerce form input[type="email"] { direction: ltr; text-align: end; }

/* show / hide password (button added by WooCommerce JS) */
body.woocommerce-account .woocommerce form .password-input { position: relative; display: block; }
body.woocommerce-account .woocommerce form .password-input input.input-text { padding-inline-end: 56px; }
body.woocommerce-account .woocommerce form .password-input .show-password-input {
	position: absolute; top: 50%; right: auto; left: auto; inset-inline-end: 4px; transform: translateY(-50%);
	width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 10px; cursor: pointer;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5D6E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center / 22px;
}
body.woocommerce-account .woocommerce form .password-input .show-password-input.display-password {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B6CC4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7c2 0 3.7.7 5.1 1.6M22 12s-3.6 7-10 7c-2 0-3.7-.7-5.1-1.6'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2M3 3l18 18'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce form .password-input .show-password-input::after { content: none; display: none; }
body.woocommerce-account .woocommerce form .password-input .show-password-input:hover { background-color: var(--cmr-foam); }
body.woocommerce-account .woocommerce form .password-input .show-password-input:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: -3px; }

/* checkbox ("זכרו אותי") */
.cmr-check, body.woocommerce-account .woocommerce form .woocommerce-form__label-for-checkbox {
	display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; cursor: pointer;
	font: 600 15px/1.4 var(--cmr-font-text); color: var(--cmr-ink);
}
.cmr-check input[type="checkbox"], body.woocommerce-account .woocommerce form .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	-webkit-appearance: none; appearance: none; flex: none; width: 22px; height: 22px; margin: 0; border: 1.5px solid var(--cmr-slate); border-radius: 6px;
	background: var(--cmr-paper) no-repeat center / 16px; cursor: pointer; transition: background-color .15s, border-color .15s;
}
.cmr-check input[type="checkbox"]:checked, body.woocommerce-account .woocommerce form .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked {
	border-color: var(--cmr-marlin); background-color: var(--cmr-marlin);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
.cmr-check input[type="checkbox"]:focus-visible, body.woocommerce-account .woocommerce form .woocommerce-form__label-for-checkbox input[type="checkbox"]:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }

/* buttons in account forms */
body.woocommerce-account .woocommerce form button.button, body.woocommerce-account .woocommerce form .button[type="submit"] { min-height: 52px; padding: 12px 28px; font-size: 17px; }

/* ---------- 3. Auth: login / register / lost + reset password ---------- */
.cmr-auth { max-width: 980px; margin-inline: auto; }
.cmr-auth--narrow { max-width: 560px; }
.cmr-auth__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 24px; align-items: start; }
.cmr-auth__panel {
	padding: 32px; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-panel); background: var(--cmr-paper); box-shadow: var(--cmr-shadow);
}
.cmr-auth__panel > .woocommerce-notices-wrapper:empty { display: none; }
.cmr-auth__title { margin: 0 0 20px; font: 800 22px/1.3 var(--cmr-font-text) !important; color: var(--cmr-ink); }
.cmr-auth.has-register .cmr-auth__panel.is-tabbed .cmr-auth__title,
.cmr-auth__panel.is-tabbed .cmr-auth__title { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.cmr-auth__pane { float: none !important; width: auto !important; }
.cmr-auth__pane + .cmr-auth__pane { margin-block-start: 32px; padding-block-start: 32px; border-block-start: 1px solid var(--cmr-line); }
.cmr-auth__panel.is-tabbed .cmr-auth__pane + .cmr-auth__pane { margin: 0; padding: 0; border: 0; }
.cmr-auth__pane[hidden] { display: none !important; }

/* tabs: a light segmented control */
.cmr-auth__tabs { display: flex; gap: 4px; margin: 0 0 24px; padding: 4px; border-radius: 999px; background: var(--cmr-foam); border: 1px solid var(--cmr-line); }
.cmr-auth__tabs[hidden] { display: none; }
.cmr-auth__tabs [role="tab"] {
	flex: 1; min-height: 44px; padding: 8px 16px; border: 0; border-radius: 999px; background: transparent; cursor: pointer;
	font: 800 16px/1.2 var(--cmr-font-text); color: var(--cmr-slate); transition: background-color .15s, color .15s, box-shadow .15s;
}
.cmr-auth__tabs [role="tab"]:hover { color: var(--cmr-ink); }
.cmr-auth__tabs [role="tab"][aria-selected="true"] { background: var(--cmr-paper); color: var(--cmr-ink); box-shadow: 0 1px 2px rgba(4, 20, 33, .08), 0 4px 12px rgba(4, 20, 33, .08); }
.cmr-auth__tabs [role="tab"]:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 1px; }

/* the forms themselves: no second card inside the panel */
body.woocommerce-account .woocommerce .cmr-auth form.cmr-auth__form,
body.woocommerce-account .woocommerce .cmr-auth form.login, body.woocommerce-account .woocommerce .cmr-auth form.register, body.woocommerce-account .woocommerce .cmr-auth form.lost_reset_password {
	margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none; box-shadow: none; text-align: start;
}
.cmr-auth__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 16px; margin: -6px 0 16px !important; }
.cmr-auth__forgot { margin: 0; }
.cmr-auth__forgot a, .cmr-auth__back a, .cmr-auth__note a {
	display: inline-flex; align-items: center; min-height: 44px; color: var(--cmr-marlin); font: 700 15px/1.3 var(--cmr-font-text); text-decoration: none;
}
.cmr-auth__forgot a:hover, .cmr-auth__back a:hover, .cmr-auth__note a:hover { text-decoration: underline; text-underline-offset: 3px; }
body.woocommerce-account .woocommerce .cmr-auth button.cmr-auth__submit { width: 100%; min-height: 54px; margin: 0; font-size: 17px; }
.cmr-auth__hint { margin: 0 0 16px; font: 400 15px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-auth .woocommerce-privacy-policy-text p { margin: 0 0 16px; font: 400 14px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-auth .woocommerce-privacy-policy-text a { color: var(--cmr-marlin); font-weight: 700; }
.cmr-auth__back { margin: 16px 0 0; text-align: center; }
.cmr-auth__back a::before { content: ""; width: 7px; height: 7px; margin-inline-end: 8px; border-block-start: 2px solid currentColor; border-inline-end: 2px solid currentColor; transform: rotate(45deg); }

/* "why sign in" */
.cmr-auth__why { padding: 28px; border-radius: var(--cmr-r-panel); background: var(--cmr-sand); color: var(--cmr-ink); }
.cmr-auth__why-head { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.cmr-auth__why-head .cmr-kormi-img { flex: none; width: 64px; height: 64px; object-fit: contain; }
.cmr-auth__why-title { margin: 0; font: 800 20px/1.3 var(--cmr-font-text) !important; color: var(--cmr-ink); }
.cmr-auth__benefits { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.cmr-auth__benefits li { display: flex; align-items: flex-start; gap: 12px; font: 400 15px/1.5 var(--cmr-font-text); color: #3E4F5E; }
.cmr-auth__benefits strong { display: block; font-weight: 800; color: var(--cmr-ink); }
.cmr-auth__benefit-icon { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--cmr-paper); color: var(--cmr-marlin); }
.cmr-auth__benefit-icon .cmr-ai { width: 22px; height: 22px; }
.cmr-auth__note { margin: 20px 0 0; padding-block-start: 12px; border-block-start: 1px solid rgba(11, 27, 42, .12); font: 600 15px/1.5 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-auth__note a { display: inline; min-height: 0; font-weight: 800; }

/* lost-password confirmation */
.cmr-auth__panel--done { text-align: center; }
.cmr-auth__done-icon { display: inline-grid; place-items: center; width: 64px; height: 64px; margin: 0 0 16px; border-radius: 50%; background: var(--cmr-acct-tint); color: var(--cmr-marlin); }
.cmr-auth__done-icon .cmr-ai { width: 30px; height: 30px; }
.cmr-auth__panel--done .woocommerce-message, .cmr-auth__panel--done .woocommerce-info { justify-content: center; margin-bottom: 16px !important; }

@media (max-width: 860px) {
	.cmr-auth__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.cmr-auth__panel { padding: 20px; }
	.cmr-auth__why { padding: 20px; }
	.cmr-auth__benefits { gap: 12px; }
	.cmr-auth__benefits li { font-size: 14.5px; }
}

/* ---------- 4. Logged in: layout + navigation ---------- */
.cmr-acct__layout { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 40px; align-items: start; }
body.woocommerce-account .woocommerce .cmr-acct-nav { position: sticky; top: 96px; float: none !important; width: auto !important; }
body.woocommerce-account .woocommerce .cmr-acct-nav ul.cmr-acct-nav__list {
	display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 8px; list-style: none;
	border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-panel); background: var(--cmr-paper);
}
body.woocommerce-account .woocommerce .cmr-acct-nav li { margin: 0; padding: 0; }
body.woocommerce-account .woocommerce .cmr-acct-nav li a {
	display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 10px 14px; border-radius: 12px;
	background: transparent; color: var(--cmr-ink); font: 700 15.5px/1.3 var(--cmr-font-text); text-decoration: none;
	transition: background-color .15s, color .15s;
}
.cmr-acct-nav .cmr-ai { flex: none; width: 20px; height: 20px; color: var(--cmr-slate); transition: color .15s; }
body.woocommerce-account .woocommerce .cmr-acct-nav li a:hover { background: var(--cmr-foam); color: var(--cmr-acct-marlin-ink); }
body.woocommerce-account .woocommerce .cmr-acct-nav li a:hover .cmr-ai { color: var(--cmr-marlin); }
body.woocommerce-account .woocommerce .cmr-acct-nav li.is-active a {
	background: var(--cmr-acct-tint); color: var(--cmr-acct-marlin-ink); font-weight: 800; box-shadow: inset -3px 0 0 var(--cmr-marlin);
}
body.woocommerce-account .woocommerce .cmr-acct-nav li.is-active a .cmr-ai { color: var(--cmr-marlin); }
body.woocommerce-account .woocommerce .cmr-acct-nav li.cmr-acct-nav__logout { margin-block-start: 6px; padding-block-start: 6px; border-block-start: 1px solid var(--cmr-line); }
body.woocommerce-account .woocommerce .cmr-acct-nav li.cmr-acct-nav__logout a { color: var(--cmr-slate) !important; font-weight: 600; }
body.woocommerce-account .woocommerce .cmr-acct-nav li.cmr-acct-nav__logout a:hover { background: #FDF1F1; color: var(--cmr-danger-ink) !important; }
body.woocommerce-account .woocommerce .cmr-acct-nav li.cmr-acct-nav__logout a:hover .cmr-ai { color: var(--cmr-danger-ink); }
html[dir="ltr"] body.woocommerce-account .woocommerce .cmr-acct-nav li.is-active a { box-shadow: inset 3px 0 0 var(--cmr-marlin); }

.cmr-acct .woocommerce-MyAccount-content { float: none !important; width: auto !important; min-width: 0; font: 400 16px/1.7 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-acct .woocommerce-MyAccount-content > .woocommerce-notices-wrapper:empty { display: none; }
.cmr-acct .woocommerce-MyAccount-content > p:first-child,
.cmr-acct .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p { margin: 0 0 20px; padding: 0; border-radius: 0; background: none; font-size: 16px; color: var(--cmr-slate); }
.cmr-acct .woocommerce-MyAccount-content h2, .cmr-acct .woocommerce-MyAccount-content h3 { margin: 0 0 12px; font: 800 22px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
/* :where() keeps this generic link colour at low specificity, so component links (orange CTA buttons with abyss text,
   card titles, the dark community tile) keep their own colours and contrast (WCAG 1.4.3). */
.cmr-acct .woocommerce-MyAccount-content a:where(:not(.button):not(.cmr-button)) { color: var(--cmr-marlin); font-weight: 700; }

@media (max-width: 900px) {
	.cmr-acct__layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	body.woocommerce-account .woocommerce .cmr-acct-nav { position: static; margin-inline: -16px; }
	body.woocommerce-account .woocommerce .cmr-acct-nav ul.cmr-acct-nav__list {
		flex-direction: row; gap: 8px; padding: 2px 16px 6px; border: 0; border-radius: 0; background: none;
		overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; scroll-padding-inline: 16px;
		-webkit-mask-image: linear-gradient(to left, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
		mask-image: linear-gradient(to left, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
	}
	body.woocommerce-account .woocommerce .cmr-acct-nav ul.cmr-acct-nav__list::-webkit-scrollbar { display: none; }
	body.woocommerce-account .woocommerce .cmr-acct-nav li { flex: none; scroll-snap-align: start; }
	body.woocommerce-account .woocommerce .cmr-acct-nav li a {
		gap: 8px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper);
		font-size: 14.5px; white-space: nowrap;
	}
	.cmr-acct-nav .cmr-ai { width: 18px; height: 18px; }
	body.woocommerce-account .woocommerce .cmr-acct-nav li.is-active a { border-color: var(--cmr-marlin); background: var(--cmr-marlin); color: #fff; box-shadow: none; }
	body.woocommerce-account .woocommerce .cmr-acct-nav li.is-active a .cmr-ai { color: #fff; }
	body.woocommerce-account .woocommerce .cmr-acct-nav li.cmr-acct-nav__logout { margin: 0; padding: 0; border: 0; }
	body.woocommerce-account .woocommerce .cmr-acct-nav li.cmr-acct-nav__logout a { border-style: dashed; background: transparent; }
}

/* ---------- 5. Dashboard ---------- */
.cmr-acct-cards { margin: 0 0 24px; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cmr-acct-card {
	position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "icon title value" "meta meta meta" "cta cta cta";
	align-content: start; gap: 10px 12px; min-height: 148px; margin: 0; padding: 20px 20px 18px; border: 1px solid var(--cmr-line); border-radius: 16px;
	background: var(--cmr-paper); transition: border-color .15s var(--cmr-ease), box-shadow .15s var(--cmr-ease), transform .15s var(--cmr-ease);
}
.cmr-acct-card:hover { border-color: var(--cmr-acct-hover-line); box-shadow: var(--cmr-shadow); }
.cmr-acct-card__icon { grid-area: icon; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--cmr-acct-tint); color: var(--cmr-marlin); }
.cmr-acct-card__icon .cmr-ai { width: 22px; height: 22px; }
.cmr-acct .woocommerce-MyAccount-content .cmr-acct-card__title { grid-area: title; align-self: center; margin: 0; font: 800 17px/1.3 var(--cmr-font-text); }
.cmr-acct .woocommerce-MyAccount-content a.cmr-acct-card__link { color: var(--cmr-ink); font-weight: 800; text-decoration: none; }
.cmr-acct-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.cmr-acct-card__link:focus-visible { outline: 0; }
.cmr-acct-card__link:focus-visible::after { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; border-radius: 16px; }
.cmr-acct-card:hover .cmr-acct-card__link { color: var(--cmr-acct-marlin-ink); }
.cmr-acct-card__value { grid-area: value; align-self: center; margin: 0; font: 800 34px/1 var(--cmr-font-data); font-variant-numeric: tabular-nums; color: var(--cmr-ink); }
.cmr-acct-card.is-empty .cmr-acct-card__value { color: var(--cmr-slate); font-weight: 600; }
.cmr-acct-card__meta { grid-area: meta; margin: 0; padding-inline-end: 28px; font: 400 14.5px/1.55 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-acct-card__meta bdi, .cmr-acct-card__meta .cmr-num { color: var(--cmr-ink); font-weight: 700; }
.cmr-acct-card__date { white-space: nowrap; }
.cmr-acct .woocommerce-MyAccount-content a.cmr-acct-card__cta {
	grid-area: cta; justify-self: start; position: relative; z-index: 2; display: inline-flex; align-items: center; min-height: 40px; padding: 6px 16px;
	border-radius: 999px; background: var(--cmr-buoy); color: var(--cmr-abyss); font: 800 14px/1.2 var(--cmr-font-text); text-decoration: none;
}
.cmr-acct .woocommerce-MyAccount-content a.cmr-acct-card__cta:hover { background: var(--cmr-buoy-hover); }
.cmr-acct-card__go { position: absolute; inset-block-end: 16px; inset-inline-end: 16px; color: var(--cmr-mist); transition: color .15s, transform .15s var(--cmr-ease); }
.cmr-acct-card__go .cmr-ai { width: 20px; height: 20px; }
.cmr-acct-card:hover .cmr-acct-card__go { color: var(--cmr-marlin); transform: translateX(-3px); }
html[dir="ltr"] .cmr-acct-card__go { transform: scaleX(-1); }

/* Links on the sand panels: current blue (marlin is 4.25:1 on sand). */
.cmr-auth__why a:not([class]), .cmr-auth__note a, .cmr-acct .woocommerce-MyAccount-content .cmr-acct-tip a:not([class]) { color: var(--cmr-current); }
.cmr-acct-tip { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0 0 24px; padding: 16px 20px; border-radius: var(--cmr-r-panel); background: var(--cmr-sand); }
.cmr-acct-tip .cmr-kormi-img { flex: none; width: 72px; height: 72px; object-fit: contain; }
.cmr-acct-tip__text { flex: 1 1 240px; margin: 0; font: 600 15.5px/1.55 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-acct .woocommerce-MyAccount-content a.cmr-acct-tip__cta { min-height: 44px; color: var(--cmr-ink); font-weight: 800; }
.cmr-acct .woocommerce-MyAccount-content a.cmr-acct-tip__cta:hover { color: var(--cmr-foam); }

/* order status chip */
.cmr-acct-status { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; font: 800 13px/1.6 var(--cmr-font-text); white-space: nowrap; vertical-align: middle; }
.cmr-acct-status--go { background: #E3F4EC; color: var(--cmr-go-ink); }
.cmr-acct-status--info { background: var(--cmr-acct-tint); color: var(--cmr-acct-marlin-ink); }
.cmr-acct-status--caution { background: #FFF2D6; color: var(--cmr-caution-ink); }
.cmr-acct-status--danger { background: #FDECEC; color: var(--cmr-danger-ink); }
.cmr-acct-status--muted { background: var(--cmr-foam); color: var(--cmr-slate); }

@media (max-width: 1200px) { .cmr-acct-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
	.cmr-acct-cards { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.cmr-acct-card { min-height: 0; padding: 16px; gap: 8px 12px; }
	.cmr-acct-card__value { font-size: 28px; }
	.cmr-acct-tip { padding: 14px 16px; }
	.cmr-acct-tip .cmr-kormi-img { width: 56px; height: 56px; }
	.cmr-acct-tip__text { flex-basis: 180px; font-size: 15px; }
}

/* ---------- 6. Orders + view order ---------- */
.cmr-acct table.shop_table, .cmr-acct table.woocommerce-orders-table {
	width: 100%; margin: 0 0 24px; border: 1px solid var(--cmr-line) !important; border-radius: 16px; border-collapse: separate !important; border-spacing: 0;
	overflow: hidden; background: var(--cmr-paper);
}
.cmr-acct table.shop_table thead th { padding: 12px 16px !important; border: 0; border-block-end: 1px solid var(--cmr-line); background: var(--cmr-foam); font: 800 13px/1.3 var(--cmr-font-text); letter-spacing: .02em; color: var(--cmr-slate); text-align: start; }
.cmr-acct table.shop_table tbody td, .cmr-acct table.shop_table tbody th, .cmr-acct table.shop_table tfoot td, .cmr-acct table.shop_table tfoot th {
	padding: 14px 16px !important; border: 0; border-block-start: 1px solid var(--cmr-line); background: transparent; font: 400 15px/1.5 var(--cmr-font-text); color: var(--cmr-ink); text-align: start; vertical-align: middle;
}
.cmr-acct table.shop_table tbody tr:first-child > * { border-block-start: 0; }
.cmr-acct table.shop_table tfoot th { font-weight: 700; color: var(--cmr-slate); }
.cmr-acct table.shop_table tfoot tr:last-child > * { font-weight: 800; font-size: 17px; color: var(--cmr-ink); }
.cmr-acct .woocommerce-orders-table__cell-order-number a { font-weight: 800; font-variant-numeric: tabular-nums; text-decoration: none; }
.cmr-acct .woocommerce-orders-table__cell-order-number a:hover { text-decoration: underline; }
.cmr-acct .woocommerce-orders-table__cell-order-total { font-variant-numeric: tabular-nums; }
.cmr-acct .woocommerce-orders-table__cell-order-actions { white-space: nowrap; }
.cmr-acct .woocommerce-MyAccount-content .button { min-height: 40px; padding: 8px 18px; font-size: 14px; }
.cmr-acct .woocommerce-orders-table__cell-order-actions .button + .button { margin-inline-start: 8px; }
.cmr-acct .woocommerce-MyAccount-content .button.view, .cmr-acct .woocommerce-MyAccount-content .button.cancel {
	background: var(--cmr-paper); color: var(--cmr-ink); border: 1px solid #B8C7D3;
}
.cmr-acct .woocommerce-MyAccount-content .button.view:hover { border-color: var(--cmr-marlin); color: var(--cmr-acct-marlin-ink); background: var(--cmr-paper); }
.cmr-acct .woocommerce-MyAccount-content .button.cancel:hover { border-color: var(--cmr-danger-ink); color: var(--cmr-danger-ink); background: var(--cmr-paper); }
.cmr-acct .woocommerce-pagination { display: flex; gap: 8px; justify-content: space-between; }

@media (max-width: 767px) {
	.cmr-acct table.woocommerce-orders-table, .cmr-acct table.woocommerce-orders-table tbody { display: block; border: 0 !important; border-radius: 0; background: none; overflow: visible; }
	.cmr-acct table.woocommerce-orders-table thead { display: none; }
	.cmr-acct table.woocommerce-orders-table tr {
		display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; margin: 0 0 12px; padding: 16px;
		border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper);
	}
	.cmr-acct table.woocommerce-orders-table tr > * { display: block !important; padding: 0 !important; border: 0 !important; text-align: start !important; }
	.cmr-acct table.woocommerce-orders-table tr > *::before { float: none !important; display: inline; margin-inline-end: 6px; content: attr(data-title) ":" !important; font: 700 13px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number { grid-column: 1; font-size: 18px; }
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status { grid-column: 2; grid-row: 1; align-self: center; }
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number::before,
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status::before,
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before { content: none !important; display: none; }
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-date,
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total { grid-column: 1 / -1; font-size: 14.5px; }
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions { grid-column: 1 / -1; display: flex !important; gap: 8px; margin-block-start: 8px; }
	.cmr-acct table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button { flex: 1; margin: 0; min-height: 44px; }
	.cmr-acct table.shop_table.order_details td, .cmr-acct table.shop_table.order_details th { padding: 12px !important; }
}

/* view order */
.cmr-acct .woocommerce-MyAccount-content mark { padding: 0; background: none; color: var(--cmr-ink); font-weight: 800; }
.cmr-acct .woocommerce-order-details, .cmr-acct .woocommerce-customer-details { margin: 0 0 24px; }
.cmr-acct .woocommerce-order-details__title, .cmr-acct .woocommerce-column__title { font-size: 20px !important; }
.cmr-acct .order_details .product-name a { color: var(--cmr-ink); font-weight: 700; text-decoration: none; }
.cmr-acct .order_details .product-name a:hover { color: var(--cmr-marlin); text-decoration: underline; }
.cmr-acct .order_details .product-quantity { color: var(--cmr-slate); font-weight: 700; }
.cmr-acct .order_details .wc-item-meta { margin: 4px 0 0; padding: 0; list-style: none; font-size: 14px; color: var(--cmr-slate); }
.cmr-acct .order_details .wc-item-meta p { display: inline; margin: 0; }
.cmr-acct .woocommerce-customer-details .woocommerce-columns--addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cmr-acct .woocommerce-customer-details .woocommerce-column { float: none; width: auto; }
.cmr-acct .woocommerce-customer-details address, .cmr-acct .woocommerce-Address address {
	margin: 0; padding: 20px; border: 1px solid var(--cmr-line) !important; border-radius: 16px; background: var(--cmr-paper); font-style: normal; line-height: 1.7; color: var(--cmr-ink);
}
.cmr-acct .woocommerce-customer-details address p { margin: 8px 0 0; color: var(--cmr-slate); }
.cmr-acct .woocommerce-customer-details address p::before { display: none; }
.cmr-acct .woocommerce-OrderUpdates { margin: 0 0 24px; padding: 0; list-style: none; display: grid; gap: 8px; }
.cmr-acct .woocommerce-OrderUpdate { padding: 14px 16px; border-radius: 12px; background: var(--cmr-foam); }
.cmr-acct .woocommerce-OrderUpdate-meta { margin: 0 0 4px; font-size: 13px; font-weight: 700; color: var(--cmr-slate); }
.cmr-acct .woocommerce-OrderUpdate-description p { margin: 0; }
.cmr-acct .order-again { margin: 0 0 24px; }
@media (max-width: 767px) { .cmr-acct .woocommerce-customer-details .woocommerce-columns--addresses { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 7. Addresses + account / address forms ---------- */
.cmr-acct .woocommerce-Addresses.col2-set, .cmr-acct .u-columns.woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cmr-acct .woocommerce-Addresses::before, .cmr-acct .woocommerce-Addresses::after { content: none; display: none; }
.cmr-acct .woocommerce-Addresses .woocommerce-Address { float: none !important; width: auto !important; margin: 0; padding: 20px; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); }
.cmr-acct .woocommerce-Addresses .woocommerce-Address address { padding: 0; border: 0 !important; border-radius: 0; color: var(--cmr-slate); }
.cmr-acct .woocommerce-Address-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 12px; }
.cmr-acct .woocommerce-Address-title::before, .cmr-acct .woocommerce-Address-title::after { content: none; display: none; }
.cmr-acct .woocommerce-Address-title h2, .cmr-acct .woocommerce-Address-title h3 { margin: 0; font-size: 18px !important; float: none; }
.cmr-acct .woocommerce-MyAccount-content .woocommerce-Address-title a.edit {
	float: none; display: inline-flex; align-items: center; min-height: 40px; padding: 6px 16px; border: 1px solid #B8C7D3; border-radius: 999px;
	color: var(--cmr-ink); font: 800 14px/1.2 var(--cmr-font-text); text-decoration: none;
}
.cmr-acct .woocommerce-MyAccount-content .woocommerce-Address-title a.edit:hover { border-color: var(--cmr-marlin); color: var(--cmr-acct-marlin-ink); }

.cmr-acct .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
.cmr-acct .woocommerce-MyAccount-content .woocommerce-address-fields { max-width: 760px; padding: 28px; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-panel); background: var(--cmr-paper); }
.cmr-acct .woocommerce-address-fields__field-wrapper, .cmr-acct form.woocommerce-EditAccountForm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
.cmr-acct .woocommerce-address-fields__field-wrapper > *, .cmr-acct form.woocommerce-EditAccountForm > * { grid-column: 1 / -1; }
.cmr-acct .woocommerce-address-fields__field-wrapper > .form-row-first, .cmr-acct form.woocommerce-EditAccountForm > .form-row-first { grid-column: 1; }
.cmr-acct .woocommerce-address-fields__field-wrapper > .form-row-last, .cmr-acct form.woocommerce-EditAccountForm > .form-row-last { grid-column: 2; }
.cmr-acct form.woocommerce-EditAccountForm > .clear, .cmr-acct .woocommerce-address-fields .clear { display: none; }
.cmr-acct form.woocommerce-EditAccountForm fieldset { margin: 8px 0 20px; padding: 20px 20px 4px; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-foam); }
.cmr-acct form.woocommerce-EditAccountForm legend { padding: 0 8px; font: 800 17px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-acct form.woocommerce-EditAccountForm em, .cmr-acct .woocommerce-address-fields em { display: block; margin-block-start: 6px; font-style: normal; font-size: 14px; color: var(--cmr-slate); }
.cmr-acct .select2-container .select2-selection--single { height: 52px; border: 1px solid #B8C7D3; border-radius: 12px; }
.cmr-acct .select2-container .select2-selection--single .select2-selection__rendered { line-height: 50px; padding-inline: 16px 36px; color: var(--cmr-ink); }
.cmr-acct .select2-container .select2-selection--single .select2-selection__arrow { height: 50px; }
@media (max-width: 767px) {
	.cmr-acct .woocommerce-Addresses.col2-set, .cmr-acct .u-columns.woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
	.cmr-acct .woocommerce-MyAccount-content form.woocommerce-EditAccountForm, .cmr-acct .woocommerce-MyAccount-content .woocommerce-address-fields { padding: 18px; }
	.cmr-acct .woocommerce-address-fields__field-wrapper, .cmr-acct form.woocommerce-EditAccountForm { grid-template-columns: minmax(0, 1fr); }
	.cmr-acct .woocommerce-address-fields__field-wrapper > .form-row-first, .cmr-acct .woocommerce-address-fields__field-wrapper > .form-row-last,
	.cmr-acct form.woocommerce-EditAccountForm > .form-row-first, .cmr-acct form.woocommerce-EditAccountForm > .form-row-last { grid-column: 1; }
	.cmr-acct form.woocommerce-EditAccountForm fieldset { padding: 16px 14px 2px; }
}

/* ---------- 8. Personal module endpoints (smart baskets, favorites, history, my spots) ---------- */
.cmr-acct .cmr-acc { gap: 20px; }
.cmr-acct .cmr-acc-head .cmr-acc-title { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.cmr-acct .cmr-acc-intro { font-size: 16px; color: var(--cmr-slate); }
.cmr-acct .cmr-acc-basket { gap: 14px; padding: 20px; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); }
.cmr-acct .woocommerce-MyAccount-content .cmr-acc-basket__title { margin: 0; font-size: 19px; }
.cmr-acct .cmr-acc-basket__items { gap: 0; }
.cmr-acct .cmr-acc-basket__item { padding: 10px 0; border-block-start: 1px solid var(--cmr-line); }
.cmr-acct .cmr-acc-basket__item:first-child { border-block-start: 0; }
.cmr-acct .cmr-acc-basket__img { background: var(--cmr-foam); border-radius: 10px; }
.cmr-acct .woocommerce-MyAccount-content a.cmr-acc-basket__name { color: var(--cmr-ink); font-weight: 700; text-decoration: none; }
.cmr-acct .woocommerce-MyAccount-content a.cmr-acc-basket__name:hover { color: var(--cmr-marlin); text-decoration: underline; }
.cmr-acct .cmr-acc-basket__foot { padding-block-start: 12px; border-block-start: 1px solid var(--cmr-line); }
.cmr-acct .cmr-button.cmr-acc-basket__add { min-height: 48px; background: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-acct .cmr-button.cmr-acc-basket__add:hover { background: var(--cmr-buoy-hover); }

.cmr-acct .cmr-acc-spots__list { gap: 8px; }
.cmr-acct .cmr-acc-spots__item { min-height: 56px; padding: 6px 8px 6px 16px; padding-inline: 16px 8px; border-color: var(--cmr-line); border-radius: 12px; background: var(--cmr-paper); }
.cmr-acct .woocommerce-MyAccount-content .cmr-acc-spots__item a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--cmr-ink); font-weight: 800; text-decoration: none; }
.cmr-acct .woocommerce-MyAccount-content .cmr-acc-spots__item a::before {
	content: ""; flex: none; width: 20px; height: 20px; background: var(--cmr-marlin);
	-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='1.8'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21Z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%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='1.8'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21Z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.cmr-acct .woocommerce-MyAccount-content .cmr-acc-spots__item a:hover { color: var(--cmr-acct-marlin-ink); text-decoration: underline; }
.cmr-acct .cmr-acc-spots__remove { padding: 6px 14px; border-radius: 999px; font: 700 14px/1.2 var(--cmr-font-text); color: var(--cmr-slate); text-decoration: none; }
.cmr-acct .cmr-acc-spots__remove:hover { background: #FDF1F1; color: var(--cmr-danger-ink); }

.cmr-acct .cmr-acc-prefs { gap: 16px; padding: 20px; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); }
.cmr-acct .cmr-acc-prefs fieldset { margin: 0; padding: 0; border: 0; gap: 8px; }
.cmr-acct .cmr-acc-prefs legend { width: 100%; margin: 0 0 8px; padding: 0; font: 800 16px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-acct .cmr-acc-prefs label { gap: 8px; padding: 6px 16px 6px 14px; padding-inline: 12px 16px; border: 1px solid #B8C7D3; border-radius: 999px; background: var(--cmr-paper); font: 700 15px/1.3 var(--cmr-font-text); cursor: pointer; }
.cmr-acct .cmr-acc-prefs label:has(input:checked) { border-color: var(--cmr-marlin); background: var(--cmr-acct-tint); color: var(--cmr-acct-marlin-ink); }
.cmr-acct .cmr-acc-prefs input[type="radio"] { width: 18px; height: 18px; margin: 0; accent-color: var(--cmr-marlin); }
.cmr-acct .cmr-acc-prefs .cmr-button { justify-self: start; border: 2px solid var(--cmr-marlin); background: var(--cmr-paper); color: var(--cmr-acct-marlin-ink); }
.cmr-acct .cmr-acc-prefs .cmr-button:hover { background: var(--cmr-acct-tint); }
.cmr-acct .cmr-acc-prefs__status { font-weight: 700; color: var(--cmr-go-ink); }

/* ---------- 9. Empty states + notices ---------- */
.cmr-acct-empty, .cmr-acct .cmr-empty.cmr-acc-empty {
	display: flex; align-items: center; gap: 20px; margin: 0 0 24px; padding: 28px; border: 1px dashed #B8C7D3; border-radius: var(--cmr-r-panel); background: var(--cmr-paper);
}
.cmr-acct-empty__icon { flex: none; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 16px; background: var(--cmr-acct-tint); color: var(--cmr-marlin); }
.cmr-acct-empty__icon .cmr-ai { width: 30px; height: 30px; }
.cmr-acct-empty__title, .cmr-acct .cmr-acc-empty .cmr-empty__title { margin: 0 0 4px; font: 800 19px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-acct-empty__text, .cmr-acct .cmr-acc-empty .cmr-empty__text { margin: 0 0 14px; font: 400 15.5px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-acct .cmr-acc-empty .cmr-kormi-img { width: 88px; height: 88px; object-fit: contain; }
.cmr-acct .woocommerce-MyAccount-content .cmr-acc-empty .cmr-button, .cmr-acct .woocommerce-MyAccount-content .cmr-acct-empty .cmr-button {
	min-height: 44px; padding: 10px 22px; border: 0; background: var(--cmr-buoy); color: var(--cmr-abyss); font-size: 15px; text-decoration: none;
}
.cmr-acct .woocommerce-MyAccount-content .cmr-acc-empty .cmr-button:hover, .cmr-acct .woocommerce-MyAccount-content .cmr-acct-empty .cmr-button:hover { background: var(--cmr-buoy-hover); color: var(--cmr-abyss); }
/* Woo's one-line "no orders / no downloads" notice right after our empty state */
.cmr-acct-empty + .woocommerce-info, .cmr-acct-empty + .woocommerce-message, .cmr-acct-empty + .wc-block-components-notice-banner { display: none !important; }
@media (max-width: 600px) {
	.cmr-acct-empty, .cmr-acct .cmr-empty.cmr-acc-empty { flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; }
	.cmr-acct-empty__icon { width: 52px; height: 52px; }
}
.cmr-acct .woocommerce-MyAccount-content .woocommerce-info, .cmr-acct .woocommerce-MyAccount-content .woocommerce-message, .cmr-acct .woocommerce-MyAccount-content .woocommerce-error,
.cmr-auth .woocommerce-info, .cmr-auth .woocommerce-message, .cmr-auth .woocommerce-error { margin-bottom: 20px !important; }
.cmr-auth .woocommerce-error li { margin: 0; }

/* ---------- 10. Motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.cmr-acct-card, .cmr-acct-card__go, .cmr-auth__tabs [role="tab"], body.woocommerce-account .woocommerce .cmr-acct-nav li a,
	body.woocommerce-account .woocommerce form .form-row input.input-text { transition: none; }
	.cmr-acct-card:hover .cmr-acct-card__go { transform: none; }
}

/* ---------- Email code login (form-login.php + cmr-acct.js) ---------- */
.cmr-otp { display: grid; gap: 12px; margin-bottom: 8px; }
.cmr-otp[hidden], .cmr-otp__step[hidden], #cmr-pw-form[hidden] { display: none !important; }
.cmr-otp__step { display: grid; gap: 12px; }
.cmr-otp__lead { display: flex; align-items: center; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 12px; background: rgba(56, 225, 211, .1); color: var(--cmr-ink); font: 600 15px/1.45 var(--cmr-font-text); }
.cmr-otp__lead-ico { flex: none; width: 22px; height: 22px; color: var(--cmr-marlin); }
.cmr-otp__sent { margin: 0; color: var(--cmr-slate); font: 500 15px/1.5 var(--cmr-font-text); }
.cmr-otp__sent bdi { color: var(--cmr-ink); font-weight: 800; }
.cmr-otp .form-row { margin: 0; }
.cmr-otp__code { font: 800 26px/1 var(--cmr-font-data, "Assistant") !important; letter-spacing: .45em; text-align: center; font-variant-numeric: tabular-nums; }
.cmr-otp__row { display: flex; justify-content: space-between; gap: 12px; }
.cmr-otp__link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 4px; border: 0; background: none !important; color: var(--cmr-marlin) !important; font: 700 15px/1.2 var(--cmr-font-text); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; box-shadow: none !important; }
.cmr-otp__link:disabled { color: var(--cmr-slate) !important; text-decoration: none; cursor: default; }
.cmr-otp__link svg { width: 18px; height: 18px; }
.cmr-otp__msg { margin: 0; min-height: 1.4em; font: 600 14px/1.45 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-otp__msg:empty { display: none; }
.cmr-otp__msg.is-error { color: var(--cmr-danger-ink, #C0282D); }
.cmr-otp__or { display: flex; align-items: center; gap: 12px; color: var(--cmr-slate); font: 600 13px/1 var(--cmr-font-text); }
.cmr-otp__or::before, .cmr-otp__or::after { content: ""; flex: 1; height: 1px; background: var(--cmr-line); }
.cmr-otp__pw { justify-self: center; text-decoration: none; }
.cmr-otp.is-pw .cmr-otp__pw { color: var(--cmr-ink) !important; }
.cmr-auth__submit.is-busy { opacity: .7; cursor: progress; }

/* cmr-community */
/*
 * Cormorant community ("מודיעין דיג"): feed cards, empty state, community page, single catch, maps, account
 * section (hub, catch log, catch form, alerts, profile). "מכ״ם עומק" tokens from cmr-core.css; RTL first,
 * logical properties only; mobile first. No em/en dashes anywhere (client rule).
 * Sections: 1 shared · 2 feed + cards · 3 empty state · 4 community page · 5 single catch · 6 maps
 *           7 account section (nav icons, hub, stats, log, form, alerts, profile) · 8 dialog · 9 motion
 */

/* ---------- 1. Shared ---------- */
.cmr-ci { width: 20px; height: 20px; flex: none; }
.cmr-cm-hint { margin: 0; font: 600 14px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-notice { margin: 0 0 20px; padding: 14px 16px; border-radius: 12px; font: 700 15px/1.5 var(--cmr-font-text); }
.cmr-cm-notice.is-go { background: #E7F6EF; color: var(--cmr-go-ink); }
.cmr-cm-notice.is-danger { background: #FDF1F1; color: var(--cmr-danger-ink); }
.cmr-cm-state { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 2px 10px; border-radius: 999px; font: 800 13px/1.2 var(--cmr-font-text); }
.cmr-cm-state::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.cmr-cm-state--go { background: #E7F6EF; color: var(--cmr-go-ink); }
.cmr-cm-state--caution { background: #FFF4DC; color: var(--cmr-caution-ink); }
.cmr-cm-state--danger { background: #FDF1F1; color: var(--cmr-danger-ink); }
.cmr-cm-state--muted { background: var(--cmr-foam); color: var(--cmr-slate); }
.cmr-cm-h2, .cmr-cm-section__title { margin: 0 0 8px; font: 700 42px/1 var(--cmr-font-display); color: var(--cmr-ink); text-wrap: balance; }
.cmr-on-dark .cmr-cm-section__title { color: #fff; }
@media (min-width: 768px) { .cmr-cm-h2, .cmr-cm-section__title { font-size: 56px; } }
.cmr-cm-section__intro { margin: 0 0 20px; max-width: 640px; font: 400 17px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-on-dark .cmr-cm-section__intro { color: var(--cmr-mist); }

/* ---------- 2. Feed + cards ---------- */
.cmr-cm-section { margin: 0; }
.cmr-cm-section__head { margin: 0 0 20px; }
.cmr-cm-grid { display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 560px) { .cmr-cm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .cmr-cm-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.cmr-cm-section__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }

.cmr-cm-card { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cmr-line); border-radius: var(--cmr-r-card); background: var(--cmr-paper); box-shadow: var(--cmr-shadow); }
.cmr-on-dark .cmr-cm-card { border-color: var(--cmr-trench); }
.cmr-cm-card__media { display: block; aspect-ratio: 4 / 5; background: var(--cmr-foam); overflow: hidden; }
.cmr-cm-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--cmr-ease); }
.cmr-cm-card:hover .cmr-cm-card__media img { transform: scale(1.03); }
.cmr-cm-card__count { position: absolute; inset-block-start: 10px; inset-inline-end: 10px; display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 999px; background: rgba(4, 20, 33, .72); color: #fff; font: 800 13px/1 var(--cmr-font-text); }
.cmr-cm-card__count .cmr-ci { width: 16px; height: 16px; }
.cmr-cm-card__body { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 16px; flex: 1; }
.cmr-cm-card__title { margin: 0; font: 800 20px/1.25 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-card__title a { color: inherit; text-decoration: none; }
.cmr-cm-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 0; } /* whole card clickable */
.cmr-cm-card__title a:focus-visible { outline: 0; }
.cmr-cm-card:has(.cmr-cm-card__title a:focus-visible) { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cm-card__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; font: 600 14px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-card__m { display: inline-flex; align-items: center; gap: 4px; }
.cmr-cm-card__m .cmr-ci { width: 16px; height: 16px; color: var(--cmr-marlin); }
.cmr-cm-card__meta a { position: relative; z-index: 1; }
.cmr-cm-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.cmr-cm-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; background: var(--cmr-foam); font: 700 13px/1.3 var(--cmr-font-text); color: var(--cmr-ink); font-variant-numeric: tabular-nums; }
.cmr-cm-chip .cmr-ci { width: 15px; height: 15px; color: var(--cmr-current); }
.cmr-cm-card__by { display: flex; align-items: center; gap: 8px; margin: 2px 0 0; font: 700 14px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-card__by small { font-weight: 600; color: var(--cmr-slate); }
.cmr-cm-avatar { display: inline-block; flex: none; border-radius: 50%; object-fit: cover; background: var(--cmr-foam); }
.cmr-cm-avatar--initial { display: inline-flex; align-items: center; justify-content: center; background: var(--cmr-current); color: #fff; font: 800 14px/1 var(--cmr-font-text); }
.cmr-cm-card__actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 6px; }

.cmr-cm-like { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 14px; border: 1.5px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper); color: var(--cmr-ink); font: 800 14px/1 var(--cmr-font-text); text-decoration: none; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.cmr-cm-like:hover { border-color: var(--cmr-marlin); color: var(--cmr-marlin); }
.cmr-cm-like[aria-pressed="true"] { border-color: var(--cmr-buoy); background: #FFF1E4; color: #8A3D00; }
.cmr-cm-like[aria-pressed="true"] .cmr-ci { fill: var(--cmr-buoy); stroke: #8A3D00; }
.cmr-cm-like__n { padding-inline-start: 6px; border-inline-start: 1px solid currentColor; font-variant-numeric: tabular-nums; }
.cmr-cm-like:focus-visible, .cmr-cm-share__b:focus-visible, .cmr-cm-report:focus-visible, .cmr-cm-act:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cm-share { display: inline-flex; gap: 4px; }
.cmr-cm-share__b { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 40px; min-height: 40px; padding: 0 8px; border: 0; border-radius: 999px; background: transparent; color: var(--cmr-slate); font: 700 14px/1 var(--cmr-font-text); text-decoration: none; cursor: pointer; }
.cmr-cm-share__b:hover { background: var(--cmr-foam); color: var(--cmr-ink); }
.cmr-cm-share__b--wa:hover { color: #0E7A4D; }
.cmr-cm-share__b--fb:hover { color: #1F57A5; }

/* ---------- 3. Empty state ("בקרוב יופיעו תמונות מתפיסות אחרונות") ---------- */
.cmr-cm-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px; border: 1px dashed #B8C7D3; border-radius: var(--cmr-r-panel); background: var(--cmr-sand); }
.cmr-cm-empty .cmr-cm-section__title { font-size: 38px; }
.cmr-cm-empty__kormi { width: 96px; height: 96px; object-fit: contain; }
.cmr-cm-empty__title { margin: 0 0 4px; font: 800 19px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-empty__text { margin: 0 0 16px; max-width: 560px; font: 400 16px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-on-dark .cmr-cm-empty { border-color: var(--cmr-trench); background: var(--cmr-deep); }
.cmr-on-dark .cmr-cm-empty__text { color: var(--cmr-mist); }
@media (min-width: 768px) { .cmr-cm-empty { flex-direction: row; align-items: center; gap: 28px; padding: 32px 36px; } .cmr-cm-empty__kormi { width: 120px; height: 120px; } .cmr-cm-empty .cmr-cm-section__title { font-size: 52px; } }
.cmr-cm-cta { gap: 8px; }
.cmr-cm-cta__note { margin: 8px 0 0; font: 600 13px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-on-dark .cmr-cm-cta__note { color: var(--cmr-mist); }

/* ---------- 4. Community page ---------- */
.cmr-cm-community { display: grid; gap: 40px; }
.cmr-cm-community__head { display: grid; gap: 16px; justify-items: start; }
.cmr-cm-community__lead { margin: 0; max-width: 720px; font: 400 19px/1.6 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-block__bar { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.cmr-cm-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cmr-cm-filter label { font: 700 14px/1 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-filter select { min-height: 44px; padding: 8px 12px; border: 1px solid #B8C7D3; border-radius: 12px; background: var(--cmr-paper); font: 600 15px/1.2 var(--cmr-font-text); }
.cmr-cm-more { margin: 24px 0 0; text-align: center; }
.cmr-cm-none { font: 600 16px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }

/* ---------- 5. Single catch ---------- */
.cmr-cm-single { width: min(1320px, 100% - 32px); margin: 0 auto; padding: 24px 0 72px; }
.cmr-cm-single__crumbs { margin: 0 0 16px; font: 800 14px/1.2 var(--cmr-font-text); }
.cmr-cm-single__crumbs a { color: var(--cmr-marlin); text-decoration: none; }
.cmr-cm-preview { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 12px 16px; border-radius: 12px; background: #FFF4DC; color: var(--cmr-caution-ink); font: 700 15px/1.4 var(--cmr-font-text); }
.cmr-cm-single__grid { display: grid; gap: 24px; }
@media (min-width: 900px) { .cmr-cm-single__grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px; align-items: start; } .cmr-cm-single__info { position: sticky; top: 24px; } }
.cmr-cm-gallery { display: grid; gap: 12px; }
.cmr-cm-gallery__item { margin: 0; overflow: hidden; border-radius: var(--cmr-r-panel); background: var(--cmr-foam); }
.cmr-cm-gallery__item img { display: block; width: 100%; height: auto; }
.cmr-cm-gallery__none { display: flex; align-items: center; justify-content: center; gap: 8px; aspect-ratio: 4 / 3; border-radius: var(--cmr-r-panel); background: var(--cmr-foam); color: var(--cmr-slate); font: 700 16px/1 var(--cmr-font-text); }
.cmr-cm-single__info { display: flex; flex-direction: column; gap: 14px; }
.cmr-cm-single__eyebrow { margin: 0; font: 800 13px/1.2 var(--cmr-font-text); letter-spacing: .08em; color: var(--cmr-marlin); }
.cmr-cm-single__title { margin: 0; font: 700 54px/0.95 var(--cmr-font-display); color: var(--cmr-ink); }
@media (min-width: 768px) { .cmr-cm-single__title { font-size: 84px; } }
.cmr-cm-single__caption { margin: 0; font: 400 18px/1.6 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-how { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 0; }
.cmr-cm-how dt { font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .08em; color: var(--cmr-slate); }
.cmr-cm-how dd { margin: 4px 0 0; font: 700 16px/1.4 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-single__cond h2, .cmr-cm-single__map h2 { margin: 8px 0 10px; font: 800 20px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-readouts { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin: 0; }
.cmr-cm-readout { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 8px; padding: 12px; border-radius: 12px; background: var(--cmr-abyss); color: #fff; }
.cmr-cm-readout .cmr-ci { grid-row: span 2; color: var(--cmr-sonar); }
.cmr-cm-readout dt { font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--cmr-mist); }
.cmr-cm-readout dd { margin: 0; font: 800 17px/1.2 var(--cmr-font-data); font-variant-numeric: tabular-nums; }
.cmr-cm-readouts.is-compact .cmr-cm-readout { padding: 10px; }
.cmr-cm-readouts__src { margin: 8px 0 0; font: 600 13px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-report-row { margin: 0; }
.cmr-cm-report { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 4px; border: 0; background: none; color: var(--cmr-slate); font: 700 14px/1 var(--cmr-font-text); text-decoration: underline; cursor: pointer; }
.cmr-cm-report .cmr-ci { width: 16px; height: 16px; }
.cmr-cm-single__more { margin-top: 56px; }

/* ---------- 6. Maps ---------- */
.cmr-cm-map { position: relative; z-index: 0; height: 360px; border-radius: var(--cmr-r-panel); overflow: hidden; background: var(--cmr-deep); }
.cmr-cm-map.is-single { height: 260px; }
@media (min-width: 900px) { .cmr-cm-map { height: 460px; } }
.cmr-cm-map__fallback { margin: 0; padding: 24px; color: var(--cmr-mist); font: 600 15px/1.4 var(--cmr-font-text); }
.cmr-cm-pop { display: grid; gap: 4px; min-width: 160px; font: 700 14px/1.3 var(--cmr-font-text); }
.cmr-cm-pop img { display: block; width: 160px; height: 120px; object-fit: cover; border-radius: 8px; }
.cmr-cm-pop small { font-weight: 600; color: var(--cmr-slate); }
.cmr-cm-map .leaflet-container { font-family: var(--cmr-font-text); }

/* ---------- 7. Account section ---------- */
/* Nav icons for our endpoints (the account nav prints a generic dot for unknown endpoints). */
.cmr-acct-nav li[class*="--fishing-intel"] .cmr-ai, .cmr-acct-nav li[class*="--catch-log"] .cmr-ai,
.cmr-acct-nav li[class*="--fishing-alerts"] .cmr-ai, .cmr-acct-nav li[class*="--angler-profile"] .cmr-ai {
	stroke: none; background: currentColor; -webkit-mask: var(--cmr-cm-ico) center / 24px no-repeat; mask: var(--cmr-cm-ico) center / 24px no-repeat;
}
.cmr-acct-nav li[class*="--fishing-intel"] .cmr-ai *, .cmr-acct-nav li[class*="--catch-log"] .cmr-ai *,
.cmr-acct-nav li[class*="--fishing-alerts"] .cmr-ai *, .cmr-acct-nav li[class*="--angler-profile"] .cmr-ai * { display: none; }
.cmr-acct-nav li[class*="--fishing-intel"] { --cmr-cm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 12 18 6'/%3E%3C/svg%3E"); }
.cmr-acct-nav li[class*="--catch-log"] { --cmr-cm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12c3-4 7-6 11-6 3 0 5 2 7 6-2 4-4 6-7 6-4 0-8-2-11-6Z'/%3E%3Cpath d='M3 12 1 9M3 12l-2 3'/%3E%3Ccircle cx='16' cy='11' r='1'/%3E%3C/svg%3E"); }
.cmr-acct-nav li[class*="--fishing-alerts"] { --cmr-cm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l2 2H4l2-2Z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E"); }
.cmr-acct-nav li[class*="--angler-profile"] { --cmr-cm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c1.5-3.5 4.5-5 8-5s6.5 1.5 8 5'/%3E%3C/svg%3E"); }
/* The section reads as one group in the desktop menu: a hairline above the hub, sub items indented. */
@media (min-width: 1025px) {
	.cmr-acct-nav li[class*="--fishing-intel"] { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--cmr-line); }
	.cmr-acct-nav li[class*="--catch-log"] > a, .cmr-acct-nav li[class*="--my-spots"] > a,
	.cmr-acct-nav li[class*="--fishing-alerts"] > a, .cmr-acct-nav li[class*="--angler-profile"] > a { padding-inline-start: 28px; }
	.cmr-acct-nav li[class*="--angler-profile"] { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--cmr-line); }
}

.cmr-cm-acct { display: grid; gap: 24px; }
.cmr-cm-acct__lead { margin: 0; max-width: 680px; font: 400 17px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-acct__actions { margin: 0; }
.cmr-cm-acct .cmr-button .cmr-ci, .cmr-cm-section .cmr-button .cmr-ci, .cmr-cm-community .cmr-button .cmr-ci { width: 20px; height: 20px; }

.cmr-cm-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
@media (min-width: 900px) { .cmr-cm-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.cmr-cm-stat { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 10px; padding: 14px 16px; border-radius: 16px; background: var(--cmr-abyss); color: #fff; }
.cmr-cm-stat .cmr-ci { grid-row: span 2; width: 24px; height: 24px; color: var(--cmr-sonar); }
.cmr-cm-stat dt { font: 800 12px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--cmr-mist); }
.cmr-cm-stat dd { margin: 0; min-width: 0; font: 800 20px/1.2 var(--cmr-font-text); overflow-wrap: anywhere; }
.cmr-cm-stat dd .cmr-num { font: 800 32px/1 var(--cmr-font-data); font-variant-numeric: tabular-nums; }
.cmr-cm-stat dd small { display: block; font: 600 13px/1.3 var(--cmr-font-text); color: var(--cmr-mist); }
.cmr-cm-stat dd small .cmr-num { font-size: 13px; }

.cmr-cm-tiles { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .cmr-cm-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cmr-cm-tile { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; padding: 16px 18px; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); transition: border-color .15s, box-shadow .15s; }
.cmr-cm-tile:hover { border-color: #B9CCE6; box-shadow: var(--cmr-shadow); }
.cmr-cm-tile__icon { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #EAF1FB; color: var(--cmr-marlin); }
.cmr-cm-tile__title { margin: 0; font: 800 17px/1.3 var(--cmr-font-text); }
.cmr-acct .woocommerce-MyAccount-content .cmr-cm-tile__title a { color: var(--cmr-ink); text-decoration: none; }
.cmr-cm-tile__title a::after { content: ""; position: absolute; inset: 0; border-radius: 16px; }
.cmr-cm-tile__title a:focus-visible { outline: 0; }
.cmr-cm-tile:has(a:focus-visible) { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cm-tile__meta { margin: 0; font: 400 15px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }

.cmr-cm-dash { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 24px 0 0; padding: 18px 20px; border-radius: 16px; background: var(--cmr-abyss); color: #fff; }
.cmr-cm-dash__icon { display: inline-flex; color: var(--cmr-sonar); }
.cmr-cm-dash__icon .cmr-ci { width: 32px; height: 32px; }
.cmr-cm-dash__body { flex: 1 1 260px; }
.cmr-cm-dash__title { margin: 0 0 2px; font: 800 18px/1.3 var(--cmr-font-text); }
.cmr-acct .woocommerce-MyAccount-content .cmr-cm-dash__title a { color: #fff; }
.cmr-cm-dash__text { margin: 0; font: 400 15px/1.5 var(--cmr-font-text); color: var(--cmr-mist); }

.cmr-cm-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.cmr-cm-view { display: inline-flex; padding: 3px; border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper); }
.cmr-cm-view button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 40px; border: 0; border-radius: 999px; background: transparent; color: var(--cmr-slate); cursor: pointer; }
.cmr-cm-view button[aria-pressed="true"] { background: #EAF1FB; color: var(--cmr-marlin); }
.cmr-cm-view button:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 1px; }
.cmr-cm-mapbox { border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); }
.cmr-cm-mapbox summary { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 16px; font: 800 16px/1 var(--cmr-font-text); color: var(--cmr-ink); cursor: pointer; }
.cmr-cm-mapbox[open] .cmr-cm-map { margin: 0 12px 12px; }

.cmr-cm-mine { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.cmr-cm-mine.is-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.cmr-cm-mine__item { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); }
.cmr-cm-mine__media { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: var(--cmr-foam); color: var(--cmr-mist); }
.cmr-cm-mine__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cmr-cm-mine__media .cmr-ci { width: 40px; height: 40px; }
.cmr-cm-mine__body { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px 14px; }
.cmr-cm-mine__title { margin: 0; font: 800 18px/1.3 var(--cmr-font-text); }
.cmr-acct .woocommerce-MyAccount-content .cmr-cm-mine__title a { color: var(--cmr-ink); text-decoration: none; }
.cmr-cm-mine__state { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; }
.cmr-cm-mine__actions { display: flex; flex-wrap: wrap; gap: 2px; margin: 0; }
.cmr-cm-mine.is-list .cmr-cm-mine__item { flex-direction: row; }
.cmr-cm-mine.is-list .cmr-cm-mine__media { flex: none; width: 112px; aspect-ratio: 1; }
@media (min-width: 640px) { .cmr-cm-mine.is-list .cmr-cm-mine__media { width: 160px; } }
.cmr-cm-mini, .cmr-acct .woocommerce-MyAccount-content form.cmr-cm-mini { display: inline-flex; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.cmr-cm-act { display: inline-flex; align-items: center; gap: 4px; min-height: 40px; padding: 0 10px; border: 0; border-radius: 999px; background: none; font: 700 14px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-acct .woocommerce-MyAccount-content a.cmr-cm-act, .cmr-cm-act { color: var(--cmr-current); text-decoration: none; }
.cmr-cm-act:hover { background: var(--cmr-foam); }
.cmr-cm-act.is-danger { color: var(--cmr-danger-ink); }
.cmr-cm-act.is-danger:hover { background: #FDF1F1; }
.cmr-cm-act .cmr-ci { width: 18px; height: 18px; }

/* Buttons inside the account content keep the design-system colours (account links are marlin). */
.cmr-acct .woocommerce-MyAccount-content .cmr-cm-acct .cmr-button--primary, .cmr-acct .woocommerce-MyAccount-content .cmr-cm-dash .cmr-button--primary { color: var(--cmr-abyss); }
.cmr-acct .woocommerce-MyAccount-content .cmr-cm-acct .cmr-button--secondary { color: var(--cmr-marlin); }
.cmr-acct .woocommerce-MyAccount-content .cmr-cm-acct .cmr-button--secondary:hover { color: #fff; }

/* Form */
.cmr-cm-back { margin: 0; }
.cmr-acct .woocommerce-MyAccount-content .cmr-cm-back a { display: inline-flex; align-items: center; gap: 4px; min-height: 40px; color: var(--cmr-marlin); text-decoration: none; }
.cmr-cm-back .cmr-ci { width: 18px; height: 18px; transform: scaleX(-1); }
[dir="rtl"] .cmr-cm-back .cmr-ci { transform: none; }
.cmr-cm-form { display: grid; gap: 20px; }
.cmr-cm-form__status:empty { display: none; }
.cmr-cm-form__status { margin: 0; padding: 12px 16px; border-radius: 12px; background: #EAF1FB; font: 700 15px/1.5 var(--cmr-font-text); color: var(--cmr-current); }
.cmr-cm-form__status.is-go { background: #E7F6EF; color: var(--cmr-go-ink); }
.cmr-cm-form__status.is-danger { background: #FDF1F1; color: var(--cmr-danger-ink); }
.cmr-cm-fs { display: grid; gap: 14px; margin: 0; padding: 18px; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); min-width: 0; }
@media (min-width: 768px) { .cmr-cm-fs { padding: 22px 24px; } }
.cmr-cm-fs > legend { display: inline-flex; align-items: center; gap: 8px; padding: 0 6px; font: 800 18px/1.2 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-fs > legend .cmr-ci { color: var(--cmr-marlin); }
.cmr-cm-sublegend { margin: 4px 0 0; font: 800 14px/1.2 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-row { display: grid; gap: 6px; min-width: 0; }
.cmr-cm-row > label, .cmr-cm-choice > legend { font: 700 15px/1.4 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-row2 { display: grid; gap: 14px; }
@media (min-width: 640px) { .cmr-cm-row2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cmr-cm-form input[type="text"], .cmr-cm-form input[type="number"], .cmr-cm-form input[type="datetime-local"], .cmr-cm-form select, .cmr-cm-form textarea, .cmr-cm-dialog input[type="text"] {
	box-sizing: border-box; width: 100%; min-height: 52px; padding: 12px 16px; border: 1px solid #B8C7D3; border-radius: 12px;
	background: var(--cmr-paper); color: var(--cmr-ink); font: 400 17px/1.4 var(--cmr-font-text);
}
.cmr-cm-form textarea { min-height: 96px; resize: vertical; }
.cmr-cm-form input:focus, .cmr-cm-form select:focus, .cmr-cm-form textarea:focus, .cmr-cm-dialog input:focus { outline: 0; border-color: var(--cmr-marlin); box-shadow: 0 0 0 3px rgba(43, 108, 196, .3); }
.cmr-cm-form input[type="file"]:not(.cmr-sr) { min-height: 44px; font: 600 15px/1.4 var(--cmr-font-text); }
.cmr-cm-inline { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-cm-inline select { flex: 1 1 220px; }
.cmr-cm-help { margin: 0; font: 400 14px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-loc-note { display: flex; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 12px; background: #EAF1FB; font: 400 15px/1.55 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-loc-note .cmr-ci { color: var(--cmr-marlin); margin-top: 2px; }
.cmr-cm-detect { margin: 0; padding: 10px 14px; border-radius: 12px; background: #E7F6EF; font: 700 15px/1.5 var(--cmr-font-text); color: var(--cmr-go-ink); }
.cmr-cm-pick { display: flex; flex-wrap: wrap; gap: 10px; }
.cmr-cm-pick__btn { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 20px; border: 2px dashed var(--cmr-marlin); border-radius: 14px; background: #F5F9FE; color: var(--cmr-current); font: 800 16px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-cm-pick__btn:hover { background: #EAF1FB; }
.cmr-cm-pick__btn:focus-within { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cm-previews, .cmr-cm-thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cmr-cm-previews:empty { display: none; }
.cmr-cm-previews li, .cmr-cm-thumbs li { position: relative; display: grid; gap: 4px; justify-items: center; }
.cmr-cm-previews img, .cmr-cm-thumbs img { display: block; width: 96px; height: 96px; object-fit: cover; border-radius: 12px; }
.cmr-cm-prev__x { position: absolute; inset-block-start: -8px; inset-inline-end: -8px; width: 32px; height: 32px; border: 2px solid #fff; border-radius: 50%; background: var(--cmr-ink); color: #fff; font: 800 14px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-cm-check { display: inline-flex; align-items: flex-start; gap: 10px; min-height: 32px; font: 600 15px/1.45 var(--cmr-font-text); color: var(--cmr-ink); cursor: pointer; }
.cmr-cm-check input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--cmr-marlin); }
.cmr-cm-choice { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
.cmr-cm-choice > legend { width: 100%; margin-bottom: 6px; padding: 0; }
.cmr-cm-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-cm-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 12px; padding-inline: 12px 16px; border: 1px solid #B8C7D3; border-radius: 999px; background: var(--cmr-paper); font: 700 15px/1.2 var(--cmr-font-text); color: var(--cmr-ink); cursor: pointer; }
.cmr-cm-pill:has(input:checked) { border-color: var(--cmr-marlin); background: #EAF1FB; color: #1F57A5; }
.cmr-cm-pill:has(input:focus-visible) { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cm-pill input { width: 18px; height: 18px; margin: 0; accent-color: var(--cmr-marlin); }
.cmr-cm-vis { display: grid; gap: 10px; }
@media (min-width: 640px) { .cmr-cm-vis { grid-template-columns: 1fr 1fr; } }
.cmr-cm-card-radio { position: relative; display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border: 1.5px solid #B8C7D3; border-radius: 14px; cursor: pointer; }
.cmr-cm-card-radio:has(input:checked) { border-color: var(--cmr-marlin); background: #F5F9FE; box-shadow: 0 0 0 1px var(--cmr-marlin); }
.cmr-cm-card-radio:has(input:focus-visible) { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cm-card-radio input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--cmr-marlin); }
.cmr-cm-card-radio > span { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; align-items: center; }
.cmr-cm-card-radio .cmr-ci { color: var(--cmr-marlin); }
.cmr-cm-card-radio strong { font: 800 16px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-card-radio small { grid-column: 1 / -1; font: 400 14px/1.45 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-share-opts { display: grid; gap: 12px; padding-top: 4px; }
.cmr-cm-share-opts[hidden] { display: none; }
.cmr-cm-switch { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font: 800 16px/1.3 var(--cmr-font-text); color: var(--cmr-ink); cursor: pointer; }
.cmr-cm-switch input { -webkit-appearance: none; appearance: none; flex: none; position: relative; width: 52px; height: 30px; margin: 0; border-radius: 999px; background: #B8C7D3; cursor: pointer; transition: background-color .15s; }
.cmr-cm-switch input::after { content: ""; position: absolute; inset-block-start: 3px; inset-inline-start: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(4, 20, 33, .3); transition: inset-inline-start .15s var(--cmr-ease); }
.cmr-cm-switch input:checked { background: var(--cmr-go-ink); }
.cmr-cm-switch input:checked::after { inset-inline-start: 25px; }
.cmr-cm-switch input:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cm-switch input:disabled { opacity: .5; cursor: not-allowed; }
.cmr-cm-cond:empty { display: none; }
.cmr-cm-cond { display: grid; gap: 8px; }
.cmr-cm-cond__title { margin: 0; font: 800 14px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-sizewarn { margin: 4px 0 0; font: 700 14px/1.4 var(--cmr-font-text); color: var(--cmr-caution-ink); }
.cmr-cm-form__foot { display: flex; flex-wrap: wrap; gap: 10px; }
.cmr-cm-form__foot .cmr-button { flex: 1 1 auto; }
@media (min-width: 640px) { .cmr-cm-form__foot .cmr-button { flex: 0 0 auto; } }
.cmr-cm-danger-zone { margin: 0; }
.cmr-cm-preview-out:empty { display: none; }
.cmr-cm-alert-list { margin: 8px 0 0; padding-inline-start: 20px; font: 400 15px/1.6 var(--cmr-font-text); }
.cmr-cm-alerts__state { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cmr-cm-preview-card { display: inline-flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; padding-inline: 12px 18px; border: 1px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper); justify-self: start; }
.cmr-cm-preview-card div { display: grid; }
.cmr-cm-preview-card strong { font: 800 16px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-preview-card small { font: 600 13px/1.3 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-empty.is-account { background: var(--cmr-paper); border-style: solid; border-color: var(--cmr-line); }

/* Unsubscribe page */
.cmr-cm-unsub { width: min(720px, 100% - 32px); margin: 0 auto; padding: 56px 0 96px; }
.cmr-cm-unsub__box { display: grid; gap: 14px; justify-items: start; padding: 28px; border-radius: var(--cmr-r-panel); background: var(--cmr-paper); border: 1px solid var(--cmr-line); }
.cmr-cm-unsub h1 { margin: 0; font: 700 54px/0.95 var(--cmr-font-display); color: var(--cmr-ink); }
.cmr-cm-unsub p { margin: 0; font: 400 17px/1.6 var(--cmr-font-text); color: var(--cmr-slate); }

/* ---------- 8. Dialog ---------- */
.cmr-cm-dialog { width: min(480px, 100% - 32px); padding: 0; border: 0; border-radius: var(--cmr-r-panel); box-shadow: var(--cmr-shadow); }
.cmr-cm-dialog::backdrop { background: rgba(4, 20, 33, .6); }
.cmr-cm-dialog__form { display: grid; gap: 12px; padding: 24px; }
.cmr-cm-dialog h2 { margin: 0; font: 800 22px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cm-dialog p { margin: 0; font: 400 15px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cm-dialog fieldset { display: grid; gap: 4px; margin: 0; padding: 0; border: 0; }
.cmr-cm-dialog legend { margin-bottom: 6px; font: 800 15px/1.3 var(--cmr-font-text); }
.cmr-cm-radio { display: flex; align-items: center; gap: 10px; min-height: 40px; font: 600 15px/1.3 var(--cmr-font-text); }
.cmr-cm-radio input { width: 18px; height: 18px; accent-color: var(--cmr-marlin); }
.cmr-cm-dialog label[for] { font: 700 14px/1.3 var(--cmr-font-text); }
.cmr-cm-dialog__actions { display: flex; flex-wrap: wrap; gap: 8px; }

/* ---------- 9. Motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.cmr-cm-card__media img, .cmr-cm-switch input, .cmr-cm-switch input::after, .cmr-cm-tile { transition: none; }
	.cmr-cm-card:hover .cmr-cm-card__media img { transform: none; }
}

/* Placed directly on a page (not inside a section): align with the page content width and give it air. */
.elementor > .elementor-widget-cmr-catch-feed { box-sizing: border-box; width: 100%; max-width: calc(1272px + 32px); margin: 56px auto; padding-inline: 16px; }
@media (max-width: 767px) { .elementor > .elementor-widget-cmr-catch-feed { margin: 36px auto; } }

/* ---------- 10. Automatic check: reasons shown to the owner ---------- */
.cmr-cm-reasons { margin: 0; padding: 12px 14px; border-radius: 12px; background: #FDF1F1; color: var(--cmr-ink); font: 400 15px/1.55 var(--cmr-font-text); }
.cmr-cm-reasons p { margin: 0; font-weight: 700; color: var(--cmr-danger-ink); }
.cmr-cm-reasons p:last-child { margin-top: 6px; font-weight: 600; color: var(--cmr-slate); }
.cmr-cm-reasons ul { margin: 6px 0 0; padding-inline-start: 20px; }

/* =====================================================================================================
   11. v5 catch cards (window.Cormorant.catches + Feed::cc), lists, lightbox, share sheet, highlights
   ===================================================================================================== */
.cmr-cc-section { display: grid; gap: 16px; }
.cmr-cc-section__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.cmr-cc-section__title { margin: 0; font: 700 40px/1 var(--cmr-font-display); color: var(--cmr-ink); text-wrap: balance; }
@media (min-width: 768px) { .cmr-cc-section__title { font-size: 54px; } }
.cmr-cc-section__intro { margin: 6px 0 0; max-width: 620px; font: 400 17px/1.55 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-on-dark .cmr-cc-section__title { color: #fff; }
.cmr-on-dark .cmr-cc-section__intro { color: var(--cmr-mist); }
.cmr-cc-section__foot { display: flex; justify-content: flex-start; }
.cmr-cc-more { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font: 800 16px/1.2 var(--cmr-font-text); color: var(--cmr-marlin); text-decoration: none; }
.cmr-cc-more:hover { text-decoration: underline; }
.cmr-on-dark .cmr-cc-more { color: var(--cmr-sonar); }
.cmr-cc-cta { gap: 8px; }
.cmr-cc-cta--big { min-height: 56px; padding: 14px 28px; font-size: 18px; box-shadow: 0 10px 24px rgba(255, 138, 43, .28); }
.cmr-cc-more-row { margin: 8px 0 0; text-align: center; }

/* lists */
.cmr-cc-list { display: grid; gap: 16px; margin: 0; padding: 0; }
.cmr-cc-list--grid { grid-template-columns: 1fr; }
@media (min-width: 560px) { .cmr-cc-list--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .cmr-cc-list--grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.cmr-cc-list--rail { grid-auto-flow: column; grid-auto-columns: min(78vw, 300px); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding: 4px 2px 12px; scrollbar-width: thin; }
.cmr-cc-list--rail > .cmr-cc { scroll-snap-align: start; }
.cmr-cc-list--rail:focus-visible { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cc-list--stack { grid-template-columns: 1fr; gap: 12px; }
.cmr-cc-list--stack .cmr-cc { flex-direction: row; }
.cmr-cc-list--stack .cmr-cc__media { flex: none; width: 112px; aspect-ratio: 1; }
.cmr-cc-list--stack .cmr-cc__text, .cmr-cc-list--stack .cmr-cc__chips, .cmr-cc-list--stack .cmr-cc__cond, .cmr-cc-list--stack .cmr-cc__share span { display: none; }

/* card */
.cmr-cc { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--cmr-line); border-radius: 16px; background: var(--cmr-paper); box-shadow: var(--cmr-shadow); transition: transform .28s var(--cmr-ease), box-shadow .28s var(--cmr-ease); }
.cmr-cc:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(4, 20, 33, .06), 0 18px 40px rgba(4, 20, 33, .14); }
.cmr-on-dark .cmr-cc { border-color: var(--cmr-trench); }
.cmr-cc--ghost { min-height: 340px; background: linear-gradient(100deg, var(--cmr-foam) 40%, #fff 50%, var(--cmr-foam) 60%) 0 0 / 200% 100%; animation: cmr-cc-shimmer 1.4s linear infinite; box-shadow: none; }
@keyframes cmr-cc-shimmer { to { background-position: -200% 0; } }
.cmr-cc__media { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--cmr-deep); }
.cmr-cc__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--cmr-ease); }
.cmr-cc:hover .cmr-cc__media img { transform: scale(1.04); }
.cmr-cc__media::after { content: ""; position: absolute; inset: auto 0 0; height: 40%; background: linear-gradient(to top, rgba(4, 20, 33, .55), transparent); pointer-events: none; }
.cmr-cc__open { position: absolute; inset: 0; z-index: 1; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.cmr-cc__open:focus-visible { outline: 3px solid var(--cmr-sonar); outline-offset: -3px; }
.cmr-cc__count, .cmr-cc__cond { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; background: rgba(4, 20, 33, .72); color: #fff; font: 800 13px/1.2 var(--cmr-font-text); pointer-events: none; backdrop-filter: blur(4px); }
.cmr-cc__count { inset-block-start: 10px; inset-inline-end: 10px; }
.cmr-cc__cond { inset-block-end: 10px; inset-inline-start: 10px; }
.cmr-cc__count .cmr-ci, .cmr-cc__cond .cmr-ci { width: 16px; height: 16px; color: var(--cmr-sonar); }
.cmr-cc__body { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; flex: 1; min-width: 0; }
.cmr-cc__by { display: flex; align-items: center; gap: 8px; margin: 0; min-width: 0; font: 700 14px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cc__who { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmr-cc__time { margin-inline-start: auto; flex: none; font-weight: 600; color: var(--cmr-slate); font-size: 13px; }
.cmr-cc__av { flex: none; width: 32px; height: 32px; border-radius: 50%; object-fit: cover; background: var(--cmr-foam); }
.cmr-cc__av--i { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--cmr-current), var(--cmr-marlin)); color: #fff; font: 800 15px/1 var(--cmr-font-text); }
.cmr-cc__title { margin: 2px 0 0; font: 800 20px/1.25 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cc__title a { color: inherit; text-decoration: none; }
.cmr-cc__title a:hover { text-decoration: underline; }
.cmr-cc__spot { display: flex; align-items: center; gap: 4px; margin: 0; font: 700 14px/1.3 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cc__spot .cmr-ci { width: 16px; height: 16px; color: var(--cmr-marlin); }
.cmr-cc__spot a { color: var(--cmr-current); text-decoration: none; }
.cmr-cc__spot a:hover { text-decoration: underline; }
.cmr-cc__text { margin: 2px 0 0; font: 400 15px/1.55 var(--cmr-font-text); color: var(--cmr-ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.cmr-cc__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; padding: 0; list-style: none; }
.cmr-cc__chips li { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; background: var(--cmr-foam); font: 700 13px/1.3 var(--cmr-font-text); color: var(--cmr-ink); font-variant-numeric: tabular-nums; }
.cmr-cc__chips .cmr-ci { width: 15px; height: 15px; color: var(--cmr-current); }
.cmr-cc__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; }

/* "כל הכבוד" */
.cmr-cc__like { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 14px; border: 1.5px solid var(--cmr-line); border-radius: 999px; background: var(--cmr-paper); color: var(--cmr-ink); font: 800 14px/1 var(--cmr-font-text); cursor: pointer; transition: background-color .15s, border-color .15s, color .15s, transform .15s; }
.cmr-cc__like:hover { border-color: var(--cmr-buoy); color: #8A3D00; }
.cmr-cc__like:active { transform: scale(.96); }
.cmr-cc__like[aria-pressed="true"] { border-color: var(--cmr-buoy); background: #FFF1E4; color: #8A3D00; }
.cmr-cc__like[aria-pressed="true"] .cmr-ci { fill: var(--cmr-buoy); stroke: #8A3D00; }
.cmr-cc__likes { padding-inline-start: 6px; border-inline-start: 1px solid currentColor; font-variant-numeric: tabular-nums; }
.cmr-cc__like::before, .cmr-cc__like::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 22px; width: 6px; height: 6px; border-radius: 50%; background: var(--cmr-buoy); opacity: 0; pointer-events: none; }
.cmr-cc__like.is-pop .cmr-ci { animation: cmr-cc-pop .5s var(--cmr-ease); }
.cmr-cc__like.is-pop::before { animation: cmr-cc-burst-a .6s ease-out; }
.cmr-cc__like.is-pop::after { animation: cmr-cc-burst-b .6s ease-out; background: var(--cmr-sonar); }
@keyframes cmr-cc-pop { 0% { transform: scale(1); } 35% { transform: scale(1.45) rotate(-12deg); } 70% { transform: scale(.92); } 100% { transform: scale(1); } }
@keyframes cmr-cc-burst-a { 0% { opacity: 1; transform: translate(0, 0) scale(1); box-shadow: 10px -14px 0 var(--cmr-buoy), -12px -10px 0 var(--cmr-marlin), 14px 6px 0 var(--cmr-buoy); } 100% { opacity: 0; transform: translate(0, -6px) scale(.4); box-shadow: 22px -30px 0 var(--cmr-buoy), -26px -22px 0 var(--cmr-marlin), 30px 12px 0 var(--cmr-buoy); } }
@keyframes cmr-cc-burst-b { 0% { opacity: 1; transform: scale(1); box-shadow: -14px 10px 0 var(--cmr-sonar), 4px -18px 0 var(--cmr-buoy); } 100% { opacity: 0; transform: scale(.4); box-shadow: -30px 22px 0 var(--cmr-sonar), 8px -36px 0 var(--cmr-buoy); } }
.cmr-cc__share { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 12px; border: 0; border-radius: 999px; background: transparent; color: var(--cmr-current); font: 800 14px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-cc__share:hover { background: var(--cmr-foam); }

/* empty state (no "בקרוב") */
.cmr-cc-empty { position: relative; display: grid; gap: 16px; justify-items: start; overflow: hidden; padding: 28px 22px; border-radius: 22px; color: #fff; background: radial-gradient(120% 90% at 85% 0%, #1E4E78 0%, rgba(30, 78, 120, 0) 60%), radial-gradient(90% 80% at 0% 100%, rgba(255, 138, 43, .35) 0%, rgba(255, 138, 43, 0) 55%), linear-gradient(160deg, #0A2236 0%, #041421 100%); }
.cmr-cc-empty__glow { position: absolute; inset-block-start: -40px; inset-inline-start: -40px; width: 220px; height: 220px; border-radius: 50%; border: 1px solid rgba(56, 225, 211, .3); box-shadow: 0 0 0 30px rgba(56, 225, 211, .06), 0 0 0 60px rgba(56, 225, 211, .04); pointer-events: none; }
.cmr-cc-empty__kormi { position: relative; width: 120px; height: 120px; object-fit: contain; filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .35)); }
.cmr-cc-empty__art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.cmr-cc-empty.has-art::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(4, 20, 33, .95) 20%, rgba(4, 20, 33, .4)); z-index: 0; }
.cmr-cc-empty__body { position: relative; z-index: 1; display: grid; gap: 10px; justify-items: start; max-width: 620px; }
.cmr-cc-empty__title { margin: 0; font: 700 40px/1 var(--cmr-font-display); color: #fff; text-wrap: balance; }
.cmr-cc-empty__text { margin: 0 0 6px; font: 400 17px/1.6 var(--cmr-font-text); color: #D5E0E8; }
.cmr-cc-empty.has-art { min-height: 340px; align-content: end; }
@media (min-width: 768px) { .cmr-cc-empty { grid-template-columns: auto 1fr; align-items: center; gap: 28px; padding: 40px; } .cmr-cc-empty.has-art { grid-template-columns: 1fr; } .cmr-cc-empty__title { font-size: 56px; } }

/* hero on the community page */
.cmr-cc-hero { display: grid; gap: 16px; justify-items: start; padding: 24px; border-radius: 22px; background: linear-gradient(135deg, #EAF1FB, #FFF1E4); }
.cmr-cc-hero__lead { margin: 0; max-width: 720px; font: 600 19px/1.6 var(--cmr-font-text); color: var(--cmr-ink); }

/* highlights */
.cmr-cc-hl { display: grid; gap: 16px; }
@media (min-width: 900px) { .cmr-cc-hl { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; } }
.cmr-cc-hl__catch, .cmr-cc-hl__angler { display: grid; gap: 10px; padding: 16px; border-radius: 20px; background: linear-gradient(160deg, #0A2236, #041421); color: #fff; }
.cmr-cc-hl__catch .cmr-cc { max-width: 420px; }
.cmr-cc-hl__kicker { display: inline-flex; align-items: center; gap: 8px; margin: 0; font: 800 14px/1.2 var(--cmr-font-text); letter-spacing: .06em; color: var(--cmr-sonar); }
.cmr-cc-hl__who { display: flex; align-items: center; gap: 12px; margin: 0; font: 800 22px/1.2 var(--cmr-font-text); }
.cmr-cc-hl__who .cmr-cc__av { width: 56px; height: 56px; font-size: 22px; }
.cmr-cc-hl__stat { margin: 0; font: 700 16px/1.4 var(--cmr-font-text); color: #D5E0E8; }
.cmr-cc-hl__stat .cmr-num { font: 800 28px/1 var(--cmr-font-data); color: #fff; }
.cmr-cc-hl__rule { margin: 0; font: 600 12px/1.5 var(--cmr-font-text); color: var(--cmr-mist); }

/* badges */
.cmr-cc-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.cmr-cc-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; background: #EAF1FB; color: #1F57A5; font: 700 13px/1.2 var(--cmr-font-text); }
.cmr-cc-badge .cmr-ci { width: 15px; height: 15px; }
.cmr-cc-badge .cmr-num { padding-inline-start: 4px; font-weight: 800; }
.cmr-cc-badge--level { background: #FFF1E4; color: #8A3D00; }
.cmr-cc-hl .cmr-cc-badge { background: rgba(255, 255, 255, .1); color: #fff; }
.cmr-cc-me { display: grid; gap: 8px; }
.cmr-cc-me__stats { margin: 0; font: 700 15px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }

/* shared dialog bits */
.cmr-cc-x { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--cmr-foam); color: var(--cmr-ink); cursor: pointer; }
.cmr-cc-x:hover { background: var(--cmr-line); }
html.cmr-cc-locked { overflow: hidden; }

/* share popover */
.cmr-cc-sharepop { width: min(420px, 100% - 32px); padding: 20px; border: 0; border-radius: 20px; box-shadow: var(--cmr-shadow); }
.cmr-cc-sharepop::backdrop, .cmr-cc-lb::backdrop, .cmr-cc-sheet::backdrop { background: rgba(4, 20, 33, .72); }
.cmr-cc-sharepop__t { margin: 0 0 12px; font: 800 18px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cc-sharepop .cmr-cc-x { position: absolute; inset-block-start: 10px; inset-inline-end: 10px; }
.cmr-cc-sharepop__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.cmr-cc-sharepop__row a, .cmr-cc-sharepop__row button { display: grid; justify-items: center; gap: 6px; padding: 12px 6px; border: 1px solid var(--cmr-line); border-radius: 14px; background: var(--cmr-paper); color: var(--cmr-ink); font: 700 13px/1.2 var(--cmr-font-text); text-decoration: none; cursor: pointer; }
.cmr-cc-sharepop__row a:hover, .cmr-cc-sharepop__row button:hover { border-color: var(--cmr-marlin); }

/* lightbox */
.cmr-cc-lb { width: min(1180px, 100%); max-width: 100%; height: min(860px, 100%); max-height: 100%; padding: 0; border: 0; border-radius: 22px; background: var(--cmr-abyss); color: #fff; overflow: hidden; }
.cmr-cc-lb[open] { animation: cmr-cc-in .28s var(--cmr-ease); }
@keyframes cmr-cc-in { from { opacity: 0; transform: translateY(16px) scale(.98); } }
.cmr-cc-lb__in { display: grid; height: 100%; grid-template-rows: minmax(0, 58%) minmax(0, 1fr); }
@media (min-width: 900px) { .cmr-cc-lb__in { grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr); grid-template-rows: 100%; } }
.cmr-cc-lb__fig { position: relative; margin: 0; display: flex; align-items: center; justify-content: center; background: #000; min-height: 0; }
.cmr-cc-lb__fig img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.cmr-cc-lb__none { color: var(--cmr-mist); }
.cmr-cc-lb__nav { position: absolute; inset-block-start: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(4, 20, 33, .7); color: #fff; cursor: pointer; }
.cmr-cc-lb__nav--prev { inset-inline-start: 12px; }
.cmr-cc-lb__nav--next { inset-inline-end: 12px; }
.cmr-cc-lb__dots { position: absolute; inset-block-end: 12px; inset-inline: 0; display: flex; justify-content: center; gap: 6px; }
.cmr-cc-lb__dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, .45); }
.cmr-cc-lb__dots i.is-on { background: #fff; }
.cmr-cc-lb__info { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 20px 20px 24px; overflow-y: auto; }
.cmr-cc-lb__info > .cmr-cc-x { position: absolute; inset-block-start: 12px; inset-inline-end: 12px; background: rgba(255, 255, 255, .1); color: #fff; }
.cmr-cc-lb .cmr-cc__by { color: #fff; padding-inline-end: 52px; }
.cmr-cc-lb .cmr-cc__av { width: 44px; height: 44px; }
.cmr-cc-lb .cmr-cc__time, .cmr-cc-lb .cmr-cc__spot { color: var(--cmr-mist); }
.cmr-cc-lb .cmr-cc__spot a { color: var(--cmr-sonar); }
.cmr-cc-lb__title { margin: 0; font: 700 52px/0.95 var(--cmr-font-display); color: #fff; }
.cmr-cc-lb__date { margin: 0; font: 600 14px/1.4 var(--cmr-font-text); color: var(--cmr-mist); }
.cmr-cc-lb__text { margin: 4px 0; font: 400 17px/1.65 var(--cmr-font-text); color: #F2F6F8; white-space: pre-line; overflow-wrap: anywhere; }
.cmr-cc-lb .cmr-cc__chips li { background: rgba(255, 255, 255, .1); color: #fff; }
.cmr-cc-lb .cmr-cc__chips .cmr-ci { color: var(--cmr-sonar); }
.cmr-cc-lb__h { margin: 6px 0; font: 800 15px/1.3 var(--cmr-font-text); color: #fff; }
.cmr-cc-lb .cmr-cm-readout { background: var(--cmr-deep); }
.cmr-cc-lb .cmr-cm-readouts__src { color: var(--cmr-mist); }
.cmr-cc-lb .cmr-cc__share { color: #fff; }
.cmr-cc-lb .cmr-cc__share:hover { background: rgba(255, 255, 255, .1); }
.cmr-cc-lb__page { display: inline-flex; align-items: center; min-height: 44px; font: 800 14px/1 var(--cmr-font-text); color: var(--cmr-sonar); }
.cmr-cc-lb .cmr-cc-badge { background: rgba(255, 255, 255, .1); color: #fff; }
@media (max-width: 899px) { .cmr-cc-lb { border-radius: 0; height: 100%; } }

/* share sheet: bottom sheet on phones, centered panel on desktop */
.cmr-cc-sheet { width: min(620px, 100%); max-width: 100%; max-height: min(92vh, 900px); padding: 0; border: 0; border-radius: 24px; background: var(--cmr-paper); color: var(--cmr-ink); overflow: hidden; }
.cmr-cc-sheet[open] { display: flex; flex-direction: column; animation: cmr-cc-in .28s var(--cmr-ease); }
@media (max-width: 640px) {
	.cmr-cc-sheet { margin: auto 0 0; width: 100%; max-height: 94vh; border-radius: 24px 24px 0 0; padding-bottom: env(safe-area-inset-bottom); }
	.cmr-cc-sheet[open] { animation: cmr-cc-up .32s var(--cmr-ease); }
}
@keyframes cmr-cc-up { from { transform: translateY(40%); opacity: .4; } }
.cmr-cc-sheet__grab { flex: none; width: 44px; height: 5px; margin: 10px auto 0; border-radius: 999px; background: var(--cmr-line); }
@media (min-width: 641px) { .cmr-cc-sheet__grab { display: none; } }
.cmr-cc-sheet__head { flex: none; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; background: var(--cmr-paper); border-bottom: 1px solid var(--cmr-line); }
.cmr-cc-sheet__title { margin: 0; font: 700 34px/1 var(--cmr-font-display); color: var(--cmr-ink); outline: 0; }
.cmr-cc-sheet__body { display: grid; align-content: start; gap: 16px; padding: 16px 18px 20px; flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.cmr-cc-sheet__body[hidden] { display: none; }
.cmr-cc-sheet__status:empty { display: none; }
.cmr-cc-sheet__status { margin: 0; padding: 10px 14px; border-radius: 12px; background: #EAF1FB; font: 700 15px/1.5 var(--cmr-font-text); color: var(--cmr-current); }
.cmr-cc-sheet__status.is-bad { background: #FDF1F1; color: var(--cmr-danger-ink); }
.cmr-cc-pick { display: grid; gap: 10px; padding: 14px; border: 2px dashed #9DB8DA; border-radius: 18px; background: #F5F9FE; }
.cmr-cc-pick.has-files { border-style: solid; border-color: var(--cmr-line); background: var(--cmr-paper); }
.cmr-cc-pick__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cmr-cc-pick__btn { position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 64px; padding: 0 12px; border-radius: 14px; background: var(--cmr-paper); border: 1.5px solid var(--cmr-marlin); color: var(--cmr-current); font: 800 16px/1.2 var(--cmr-font-text); cursor: pointer; text-align: center; }
.cmr-cc-pick__btn.is-main { background: var(--cmr-buoy); border-color: var(--cmr-buoy); color: var(--cmr-abyss); }
.cmr-cc-pick__btn:focus-within { outline: 3px solid var(--cmr-marlin); outline-offset: 2px; }
.cmr-cc-pick__previews { display: flex; flex-wrap: wrap; gap: 10px; }
.cmr-cc-pick__previews:empty { display: none; }
.cmr-cc-prev { position: relative; }
.cmr-cc-prev img { display: block; width: 88px; height: 88px; object-fit: cover; border-radius: 12px; }
.cmr-cc-prev button { position: absolute; inset-block-start: -8px; inset-inline-end: -8px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: var(--cmr-ink); color: #fff; cursor: pointer; }
.cmr-cc-prev button .cmr-ci { width: 16px; height: 16px; }
.cmr-cc-help { display: flex; gap: 6px; margin: 0; font: 400 13.5px/1.5 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cc-help:empty { display: none; }
.cmr-cc-help .cmr-ci { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--cmr-marlin); }
.cmr-cc-detect { margin: 0; padding: 8px 12px; border-radius: 10px; background: #E7F6EF; color: var(--cmr-go-ink); font: 700 14px/1.5 var(--cmr-font-text); }
.cmr-cc-field { display: grid; gap: 6px; min-width: 0; }
.cmr-cc-field > label, .cmr-cc-vis > legend, .cmr-cc-pills > legend { font: 800 15px/1.3 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cc-sheet input[type="text"], .cmr-cc-sheet input[type="email"], .cmr-cc-sheet input[type="datetime-local"], .cmr-cc-sheet select, .cmr-cc-sheet textarea {
	box-sizing: border-box; width: 100%; min-height: 50px; padding: 11px 14px; border: 1px solid #B8C7D3; border-radius: 12px; background: var(--cmr-paper); color: var(--cmr-ink); font: 400 17px/1.4 var(--cmr-font-text);
}
.cmr-cc-sheet textarea { min-height: 104px; resize: vertical; }
.cmr-cc-sheet input:focus, .cmr-cc-sheet select:focus, .cmr-cc-sheet textarea:focus { outline: 0; border-color: var(--cmr-marlin); box-shadow: 0 0 0 3px rgba(43, 108, 196, .3); }
.cmr-cc-inline { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-cc-inline select { flex: 1 1 200px; }
.cmr-cc-chipbtn { display: inline-flex; align-items: center; gap: 6px; min-height: 50px; padding: 0 14px; border: 1.5px solid var(--cmr-marlin); border-radius: 12px; background: var(--cmr-paper); color: var(--cmr-current); font: 800 15px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-cc-combo { position: relative; }
.cmr-cc-combo__list { position: absolute; z-index: 5; inset-inline: 0; top: calc(100% + 4px); max-height: 260px; margin: 0; padding: 6px; overflow-y: auto; list-style: none; border: 1px solid var(--cmr-line); border-radius: 14px; background: var(--cmr-paper); box-shadow: var(--cmr-shadow); }
.cmr-cc-combo__list li { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border-radius: 10px; font: 700 16px/1.3 var(--cmr-font-text); cursor: pointer; }
.cmr-cc-combo__list li[aria-selected="true"], .cmr-cc-combo__list li:hover { background: #EAF1FB; color: #1F57A5; }
.cmr-cc-combo__list small { font: 800 12px/1 var(--cmr-font-text); padding: 3px 8px; border-radius: 999px; background: #E7F6EF; color: var(--cmr-go-ink); }
.cmr-cc-more-fields { border: 1px solid var(--cmr-line); border-radius: 14px; padding: 0 14px; }
.cmr-cc-more-fields[open] { padding-bottom: 14px; }
.cmr-cc-more-fields > summary { min-height: 48px; display: flex; align-items: center; font: 800 15px/1.3 var(--cmr-font-text); color: var(--cmr-current); cursor: pointer; }
.cmr-cc-more-fields > *:not(summary) + * { margin-top: 12px; }
.cmr-cc-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cmr-cc-sizewarn { margin: 0; font: 700 14px/1.4 var(--cmr-font-text); color: var(--cmr-caution-ink); }
.cmr-cc-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
.cmr-cc-pills > legend { width: 100%; margin-bottom: 6px; padding: 0; }
.cmr-cc-pills label { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border: 1px solid #B8C7D3; border-radius: 999px; font: 700 15px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-cc-pills label:has(input:checked) { border-color: var(--cmr-marlin); background: #EAF1FB; color: #1F57A5; }
.cmr-cc-vis { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; border: 0; }
.cmr-cc-vis > legend { grid-column: 1 / -1; margin-bottom: 6px; padding: 0; }
.cmr-cc-vis__opt { display: flex; gap: 8px; align-items: flex-start; padding: 12px; border: 1.5px solid #B8C7D3; border-radius: 14px; cursor: pointer; }
.cmr-cc-vis__opt:has(input:checked) { border-color: var(--cmr-marlin); background: #F5F9FE; box-shadow: 0 0 0 1px var(--cmr-marlin); }
.cmr-cc-vis__opt input { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--cmr-marlin); }
.cmr-cc-vis__opt > span { display: grid; grid-template-columns: auto 1fr; gap: 2px 6px; align-items: center; }
.cmr-cc-vis__opt .cmr-ci { width: 18px; height: 18px; color: var(--cmr-marlin); }
.cmr-cc-vis__opt small { grid-column: 1 / -1; font: 400 13px/1.4 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cc-share-opts { display: grid; gap: 12px; }
.cmr-cc-share-opts[hidden] { display: none; }
.cmr-cc-check { display: flex; align-items: flex-start; gap: 10px; font: 600 14.5px/1.5 var(--cmr-font-text); color: var(--cmr-ink); cursor: pointer; }
.cmr-cc-check input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--cmr-marlin); }
.cmr-cc-sheet__foot { position: sticky; bottom: -20px; z-index: 3; margin: 0 -18px -20px; padding: 12px 18px calc(12px + env(safe-area-inset-bottom)); background: linear-gradient(to top, var(--cmr-paper) 75%, rgba(255, 255, 255, 0)); }
.cmr-cc-submit { width: 100%; min-height: 56px; font-size: 18px; }
.cmr-cc-linkbtn { min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--cmr-marlin); font: 700 15px/1.2 var(--cmr-font-text); text-decoration: underline; cursor: pointer; }
.cmr-cc-login__lead { margin: 0; font: 400 16px/1.6 var(--cmr-font-text); color: var(--cmr-ink); }
.cmr-cc-done { justify-items: center; text-align: center; padding-block: 28px; }
.cmr-cc-done__kormi { width: 128px; height: 128px; object-fit: contain; }
.cmr-cc-done__title { margin: 0; font: 700 48px/1 var(--cmr-font-display); color: var(--cmr-ink); }
.cmr-cc-done__text { margin: 0; max-width: 440px; font: 600 17px/1.55 var(--cmr-font-text); color: var(--cmr-slate); }
.cmr-cc-done__share { display: grid; gap: 10px; width: 100%; max-width: 440px; }
.cmr-cc-done__links { margin: 0; font: 600 15px/1.5 var(--cmr-font-text); }

/* motion off: the site signal (html.cmr-motion-off) and the OS setting */
html.cmr-motion-off .cmr-cc, html.cmr-motion-off .cmr-cc__media img, html.cmr-motion-off .cmr-cc__like { transition: none; }
html.cmr-motion-off .cmr-cc:hover, html.cmr-motion-off .cmr-cc:hover .cmr-cc__media img { transform: none; }
html.cmr-motion-off .cmr-cc__like.is-pop .cmr-ci, html.cmr-motion-off .cmr-cc__like::before, html.cmr-motion-off .cmr-cc__like::after,
html.cmr-motion-off .cmr-cc--ghost, html.cmr-motion-off .cmr-cc-lb[open], html.cmr-motion-off .cmr-cc-sheet[open] { animation: none; }
@media (prefers-reduced-motion: reduce) {
	.cmr-cc, .cmr-cc__media img, .cmr-cc__like { transition: none; }
	.cmr-cc:hover, .cmr-cc:hover .cmr-cc__media img { transform: none; }
	.cmr-cc__like.is-pop .cmr-ci, .cmr-cc__like::before, .cmr-cc__like::after, .cmr-cc--ghost, .cmr-cc-lb[open], .cmr-cc-sheet[open] { animation: none; }
}
/* A rail is wider than its box by design (it scrolls): never let it widen a grid/flex parent. */
.cmr-cm-community > *, .cmr-cc-section, .cmr-cc-mount, .cmr-cc-hl > * { min-width: 0; max-width: 100%; }
.cmr-cc-list--rail { max-width: 100%; }

/* cmr-mobile */
/* Cormorant - global mobile fixes (mobile QA 2026-10-23, docs/mobile-qa.md).
   Scoped, low-risk overrides for layout issues found on live pages at 360 / 390 / 414 px.
   Enqueued site-wide from includes/core/dock.php after Elementor's CSS. */

/* ---------- Header hamburger menu (Elementor nav-menu, "full width" dropdown) ----------
   Elementor positions the full-width dropdown with a JS-computed `right` that is wrong in RTL when the
   menu widget is not at the edge: the page gets ~75px of horizontal scroll and shifts sideways.
   Anchor it to the header row instead: full width, directly under the row, scrollable if tall. */
@media (max-width: 1024px) {
	.elementor-location-header .elementor-widget-nav-menu { position: static !important; }
	/* The header row is the anchor; the dropdown must be out of the flow, or the closed menu adds its height to the header. */
	.elementor-location-header :has(> .elementor-widget-nav-menu) { position: relative; }
	/* z-index above the category chip bar (.cmr-sb, 60), so "חנות" (first item) is never hidden under it. Height: up to the
	   bottom of the screen (cmr-chrome.js measures --cmr-menu-max), scrolling inside, never the page behind it. */
	.elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		position: absolute !important; z-index: 80;
		left: 0 !important; right: 0 !important; width: auto !important; top: 100% !important; margin-top: 0 !important;
		max-height: var(--cmr-menu-max, calc(100vh - 140px)); overflow-y: auto; overscroll-behavior: contain;
		box-shadow: 0 18px 40px rgba(4, 20, 33, .45); border-top: 1px solid var(--cmr-trench, #12324D);
	}
	.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item { min-height: 52px; display: flex; align-items: center; font-size: 18px; }
	.elementor-location-header .elementor-menu-toggle { min-width: 44px; min-height: 44px; }

	/* Header row on phones and tablets (RTL, right to left): menu, logo, then search, account and cart at the end. */
	.elementor-location-header .elementor-widget-nav-menu { order: -1; flex: none !important; }
	.elementor-location-header :has(> .elementor-widget-nav-menu) > .elementor-widget-cmr-search { order: 1; margin-inline-start: auto; }
	.elementor-location-header :has(> .elementor-widget-nav-menu) > :has(.elementor-widget-cmr-account-link) { order: 2; }
}

/* Open menu (cmr-chrome.js section 6c): the page behind is dimmed and does not scroll; Esc / backdrop close it. */
html.cmr-menu-open, html.cmr-menu-open body { overflow: hidden !important; }
.cmr-menu-backdrop { position: fixed; inset: 0; z-index: 49; background: rgba(4, 20, 33, .62); opacity: 0; transition: opacity .2s var(--cmr-ease, ease); -webkit-tap-highlight-color: transparent; }
.cmr-menu-backdrop[hidden] { display: none; }
.cmr-menu-backdrop.is-on { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .cmr-menu-backdrop { transition: none; } }

/* Header cart on phones: an icon button with the live count (the header design hides the actions group on phones,
   cmr-acclink.css keeps only the account icon; the cart joins it). The text stays as the accessible name. */
@media (max-width: 767px) {
	.elementor-location-header :has(> .elementor-widget-cmr-account-link) > a.cmr-has-cart-badge,
	.elementor-location-header :has(> .elementor-widget-cmr-account-link) > a[href$="/cart/"] {
		position: relative; display: inline-flex !important; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px !important; padding: 0 !important;
		border-radius: 50%; font-size: 0 !important; line-height: 0; gap: 0; overflow: visible;
	}
	.elementor-location-header :has(> .elementor-widget-cmr-account-link) > a[href$="/cart/"]::before {
		content: ""; width: 22px; height: 22px; 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.1 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L20.6 8H6.1'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.1 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L20.6 8H6.1'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	.elementor-location-header :has(> .elementor-widget-cmr-account-link) > a[href$="/cart/"] .cmr-cart-badge { position: absolute; top: -4px; right: -6px; margin: 0; border: 2px solid var(--cmr-buoy, #FF8A2B); }
	.elementor-location-header :has(> .elementor-widget-cmr-account-link) { gap: 8px; }
}

/* Landscape on notched iPhones (viewport-fit=cover, includes/core/dock.php): keep content out of the notch area,
   exactly like the browser's default letterboxing, while the bottom inset now reaches the bars and floats. */
@supports (padding: max(0px)) {
	body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
}

/* Touch targets (phones and tablets): footer links and the footer menu get a 44px tall hit area. */
@media (max-width: 1024px) {
	.elementor-location-footer p > a:only-child { display: inline-flex; align-items: center; min-height: 44px; }
	.elementor-location-footer p:has(> a:only-child) { margin-block: 0; line-height: 1.4; }
	.elementor-location-footer .elementor-nav-menu a.elementor-item { min-height: 44px; display: flex; align-items: center; padding-block: 0 !important; }
}

@media (max-width: 767px) {
	/* Product sticky buy bar sits on the screen edge now (no bottom-bar reservation): keep it clear of the iPhone home indicator.
	   The floating dock lifts above it (cmr-chrome.js --cmr-float-lift). */
	.cmr-buybar { padding-bottom: calc(8px + env(safe-area-inset-bottom)); }

	/* Never let a stray wide element create sideways scrolling (clip keeps position: sticky working). */
	html, body { overflow-x: clip; }

	/* Kormi chat sheet: above the admin bar and every floating button; nothing over the input. */
	html.cmr-kchat-lock .cmr-kchat__panel { z-index: 100000; }
	html.cmr-kchat-lock #wpadminbar { display: none !important; }
	html.cmr-kchat-lock .cmr-kchat__form { position: relative; z-index: 2; }
	html.cmr-kchat-lock .cmr-kchat__send { min-width: 48px; min-height: 48px; }
	html.cmr-kchat-lock .cmr-kchat__chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }

	/* Readable minimums (12px) for small labels from the shared widgets. */
	.cmr-badge, .cmr-spotl__lv, .cmr-gloss__tag, .cmr-src, .cmr-tl__src, .cmr-kchat__foot { font-size: 12px !important; }

	/* Tap targets: breadcrumbs and small text links in lists get a 44px-tall hit area. */
	.woocommerce-breadcrumb a, .elementor-widget-breadcrumbs a, nav[aria-label="breadcrumb" i] a, nav[aria-label="פירורי לחם"] a { display: inline-block; padding-block: 12px; }
	.wc-block-components-panel__button { min-height: 44px; }
	.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { min-width: 24px; min-height: 24px; }

	/* The admin-only "coming soon" banner should not sit on top of the page's own bottom UI. */
	#coming-soon-footer-banner { font-size: 13px; }

	/* Checkout / cart: room under the last button so floating UI never sits on it. */
	body.woocommerce-checkout .wc-block-checkout__actions, body.woocommerce-cart .wc-block-cart__submit { margin-bottom: 24px; }
}