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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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-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; }
}