/* ==========================================================================
   OMIS · גיליון סגנון ראשי
   קנבס דסקטופ 1440px · קנבס מובייל 393px
   1rem = 10px בקנבס, ומתכווץ פרופורציונלית בין הברייקפוינטים.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. בסיס
   -------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-size: 8.5px; /* קנה־מידה גלובלי 85% (דסקטופ). מקורי 10px. */
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: var(--omis-header-h);
	background: var(--omis-sage); /* מונע רצועה לבנה מתחת לפוטר בגלילת יתר */
}

/* טווח דסקטופ־ביניים — שמירה על יחסי העיצוב.
   max() כרצפה: הנוסחה לבדה נותנת 7.11px ב-1024px, ואז טקסט הגוף יורד ל-11px
   ובדיוק בגבול 1023/1024 הכול קופץ פי 2 כלפי מטה (מ-14.25px). הרצפה 8.8px
   מחזיקה את הגוף על ~13.6px בקצה התחתון של הטווח ומתמזגת חזרה לנוסחה
   סביב 1267px, כך שב-1440px אין שינוי בכלל. */
@media (min-width: 1024px) and (max-width: 1439.98px) {
	html { font-size: max(7.48px, calc(850vw / 1440)); } /* 85% של הנוסחה המקורית */
}

/* מובייל — קנבס 393px */
@media (max-width: 1023.98px) {
	html { font-size: calc(1000vw / 393); }
}

/* טאבלט — נעילת הקנבס על ~560px וממורכז */
@media (min-width: 560px) and (max-width: 1023.98px) {
	html { font-size: 14.25px; }
}

body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background: var(--omis-cream);
	color: var(--omis-ink);
	font-family: var(--omis-font);
	font-size: 1.6rem;
	font-weight: var(--omis-regular);
	line-height: 1.55;
	/* אין כאן overflow-x. הגלישה האופקית נחסמת ב-html עם overflow-x: clip
	   (סעיף 26), ולדפדפנים ישנים יש שם גיבוי עם @supports.

	   overflow-x: hidden על body היה כאן קודם, והוא שבר את כל ה-sticky באתר:
	   ברגע של-html יש overflow משלו, ה-hidden של body מפסיק להתפשט ל-viewport
	   ו-body עצמו הופך למכולת גלילה. אז ה-scrollport של ההדר הוא body, שאינו
	   נגלל בפועל, ולכן position:sticky מעולם לא נתפס.
	   נמדד: headerTop@scroll700 היה -700px, ואחרי ההסרה 0px. */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.omis-no-scroll {
	overflow: hidden;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
}

button {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
}

button,
input,
textarea,
select {
	font: inherit;
	color: inherit;
}

h1, h2, h3, h4, h5, h6, p, figure, ul, ol, dl, dd, fieldset {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

fieldset {
	border: 0;
}

:focus-visible {
	outline: 2px solid var(--omis-ink);
	outline-offset: 3px;
	border-radius: 2px;
}

.omis-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.omis-skip-link {
	position: absolute;
	inset-inline-start: 1rem;
	top: -100px;
	z-index: 999;
	background: var(--omis-ink);
	color: var(--omis-cream);
	padding: 1rem 1.6rem;
	border-radius: 0 0 0.6rem 0.6rem;
	font-size: 1.5rem;
}

.omis-skip-link:focus {
	top: 0;
}

/* מכולת הקנבס — רקעי הסקשנים נשארים ברוחב מלא */
.omis-wrap {
	width: var(--omis-canvas);
	max-width: 100%;
	margin-inline: auto;
	position: relative;
}

/* --------------------------------------------------------------------------
   2. סטריפ ההכרזה (marquee)
   -------------------------------------------------------------------------- */

.omis-announcement {
	background: var(--omis-sage);
	color: var(--omis-cream);
	height: 3.3rem; /* פס דק — היה 6.26rem */
	overflow: hidden;
	position: relative;
	direction: ltr; /* מסילת ה-marquee נמדדת משמאל; הטקסט עצמו RTL */
}

.omis-announcement__track {
	display: flex;
	align-items: center;
	height: 100%;
	width: max-content;
	white-space: nowrap;
	will-change: transform;
	animation: omis-marquee var(--omis-marquee-duration) linear infinite;
}

.omis-announcement__group {
	display: flex;
	align-items: center;
	flex: none;
}

.omis-announcement__item {
	direction: rtl;
	unicode-bidi: isolate;
	font-size: 1.6rem; /* טקסט הפס מוקטן ~50% מהמקור (27px→~13.6px ב-base 8.5) — היה 2.7rem */
	font-weight: var(--omis-medium);
	line-height: 1;
	flex: none;
}

.omis-announcement__dot {
	flex: none;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: currentColor;
	margin-inline: 1.1rem;
}

/* RTL: התוכן נכנס משמאל */
@keyframes omis-marquee {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
	.omis-announcement__track {
		animation: none;
		transform: translateX(-50%);
	}
}

/* --------------------------------------------------------------------------
   3. הדר (סטיקי)
   -------------------------------------------------------------------------- */

.omis-header-stack {
	position: sticky;
	top: 0;
	z-index: 90;
}

.omis-header {
	/* הוחלף עם רקע עמוד המוצר לבקשת הלקוחה (עמוד המוצר קיבל את הקרם הבהיר). */
	background: var(--omis-cream-soft);
	position: relative;
	transition: box-shadow 0.3s var(--omis-ease);
}

.omis-header-stack.is-stuck .omis-header {
	box-shadow: 0 0.2rem 2.4rem rgba(47, 51, 45, 0.1);
}

.omis-header__inner {
	display: flex;
	align-items: center;
	height: 8.98rem;
	padding-block-start: 0.8rem; /* תוכן ההדר יושב ~4px מתחת למרכז המלבן */
	padding-inline-start: 6.2rem;
	padding-inline-end: 4.361rem;
}

.omis-brand {
	flex: none;
	display: block;
}

.omis-brand img {
	height: 3.64rem;
	width: auto;
}

/* ---- ניווט ראשי ---- */

.omis-nav {
	margin-inline-start: 13.5rem;
}

.omis-nav ul {
	display: flex;
	align-items: center;
	gap: 4.11rem;
}

.omis-nav a {
	font-size: 1.65rem;
	font-weight: var(--omis-regular);
	line-height: 1.5;
	color: var(--omis-ink);
	display: block;
	position: relative;
	white-space: nowrap;
}

.omis-nav a::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	bottom: -0.2rem;
	height: 0.11rem;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.32s var(--omis-ease);
}

.omis-nav a:hover::after,
.omis-nav .current-menu-item > a::after,
.omis-nav .current-menu-parent > a::after,
.omis-nav .current_page_item > a::after {
	transform: scaleX(1);
	transform-origin: left;
}

/* ---- אייקוני ההדר ---- */

.omis-header__actions {
	margin-inline-start: auto;
	display: flex;
	align-items: center;
	gap: 1.455rem;
}

.omis-header__actions > a,
.omis-header__actions > button {
	width: 2.4rem;
	height: 2.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--omis-ink);
	position: relative;
	transition: opacity 0.2s var(--omis-ease);
}

.omis-header__actions > a:hover,
.omis-header__actions > button:hover {
	opacity: 0.55;
}

.omis-cart-count {
	position: absolute;
	top: -0.6rem;
	inset-inline-start: -0.8rem;
	min-width: 1.6rem;
	height: 1.6rem;
	padding: 0 0.4rem;
	border-radius: 999px;
	background: var(--omis-ink);
	color: var(--omis-cream);
	font-size: 1rem;
	font-weight: var(--omis-medium);
	line-height: 1.6rem;
	text-align: center;
}

.omis-burger {
	display: none;
	color: var(--omis-ink);
}

/* --------------------------------------------------------------------------
   4. מגירת תפריט המובייל
   -------------------------------------------------------------------------- */

.omis-drawer {
	position: fixed;
	inset: 0;
	z-index: 200;
	visibility: hidden;
	pointer-events: none;
}

.omis-drawer.is-open {
	visibility: visible;
	pointer-events: auto;
}

.omis-drawer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(47, 51, 45, 0.45);
	opacity: 0;
	transition: opacity 0.35s var(--omis-ease);
}

.omis-drawer.is-open .omis-drawer__backdrop {
	opacity: 1;
}

.omis-drawer__panel {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: min(88vw, 33rem);
	background: var(--omis-cream);
	display: flex;
	flex-direction: column;
	transform: translateX(-100%);
	transition: transform 0.4s var(--omis-ease);
	overflow-y: auto;
	overscroll-behavior: contain;
}

[dir="rtl"] .omis-drawer__panel {
	transform: translateX(100%);
}

.omis-drawer.is-open .omis-drawer__panel,
[dir="rtl"] .omis-drawer.is-open .omis-drawer__panel {
	transform: translateX(0);
}

.omis-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2.2rem 2.2rem 1.6rem;
	border-bottom: 1px solid var(--omis-line);
}

.omis-drawer__head img {
	height: 2.4rem;
	width: auto;
}

.omis-drawer__close {
	width: 3.2rem;
	height: 3.2rem;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: var(--omis-ink);
	transition: background-color 0.25s var(--omis-ease);
}

.omis-drawer__close:hover {
	background: rgba(47, 51, 45, 0.07);
}

.omis-drawer__close svg {
	width: 1.5rem;
	height: 1.5rem;
}

.omis-drawer__search {
	padding: 1.6rem 2.2rem;
	border-bottom: 1px solid var(--omis-line);
}

.omis-drawer__search form {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	background: var(--omis-white);
	border: 1px solid var(--omis-line);
	border-radius: 999px;
	padding: 0 1.4rem;
	height: 3.8rem;
}

.omis-drawer__search input {
	flex: 1;
	border: 0;
	background: none;
	font-size: 1.35rem;
	min-width: 0;
}

.omis-drawer__search input:focus {
	outline: none;
}

.omis-drawer__search button {
	color: var(--omis-ink);
	display: grid;
	place-items: center;
}

.omis-drawer__search svg {
	width: 1.6rem;
	height: 1.6rem;
}

.omis-drawer__nav {
	padding: 1rem 0;
	flex: 1;
}

.omis-drawer__nav ul {
	display: flex;
	flex-direction: column;
}

.omis-drawer__nav a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.15rem 2.2rem;
	font-size: 1.55rem;
	font-weight: var(--omis-regular);
	color: var(--omis-ink);
	transition: background-color 0.2s var(--omis-ease);
}

.omis-drawer__nav a:hover,
.omis-drawer__nav .current-menu-item > a {
	background: rgba(47, 51, 45, 0.05);
}

.omis-drawer__nav a::after {
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	border-inline-start: 1.5px solid var(--omis-ink-45);
	border-block-end: 1.5px solid var(--omis-ink-45);
	transform: rotate(45deg);
	flex: none;
}

.omis-drawer__utils {
	border-top: 1px solid var(--omis-line);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.omis-drawer__utils a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.6rem;
	padding: 1.5rem 0.6rem;
	font-size: 1.1rem;
	color: var(--omis-ink);
	position: relative;
}

.omis-drawer__utils a + a {
	border-inline-start: 1px solid var(--omis-line);
}

.omis-drawer__utils svg {
	width: 1.8rem;
	height: 1.8rem;
}

.omis-drawer__social {
	display: flex;
	justify-content: center;
	gap: 2.4rem;
	padding: 1.8rem 2.2rem;
	background: var(--omis-sage);
	color: var(--omis-ink);
}

.omis-drawer__social a {
	width: 2.2rem;
	height: 2.2rem;
	display: grid;
	place-items: center;
}

.omis-drawer__social svg {
	width: 100%;
	height: auto;
}

/* --------------------------------------------------------------------------
   5. הירו
   -------------------------------------------------------------------------- */

.omis-hero {
	position: relative;
	height: 62.84rem;
	overflow: hidden;
	background: var(--omis-ink);
}

.omis-hero__slides {
	position: absolute;
	inset: 0;
}

.omis-hero__slides--mobile {
	display: none;
}

.omis-hero__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1.2s var(--omis-ease);
}

.omis-hero__slide.is-active {
	opacity: 1;
}

.omis-hero__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.omis-hero__content {
	position: absolute;
	left: 20.14rem;
	bottom: 5.607rem;
	width: 33rem;
	direction: ltr;
	color: var(--omis-white);
	z-index: 2;
}

.omis-hero__logo {
	height: 3.97rem;
	width: auto;
	margin-bottom: 2.5rem;
}

.omis-hero__text {
	direction: ltr;
	text-align: justify;
	font-size: 1.1rem;
	font-weight: var(--omis-regular);
	line-height: 1.5rem;
	color: var(--omis-white);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* --------------------------------------------------------------------------
   6. הקולקציות שלנו
   -------------------------------------------------------------------------- */

.omis-collections {
	background: var(--omis-cream);
	padding-block: 7.898rem 18.21rem;
}

.omis-collections__inner {
	padding-inline: var(--omis-gutter);
}

.omis-collections__title {
	font-size: 5.6rem;
	font-weight: var(--omis-medium);
	line-height: 1.08;
	text-align: start;
	color: var(--omis-ink);
	letter-spacing: -0.01em;
}

.omis-collections__subtitle {
	margin-top: 1.4rem;
	font-size: 3.1rem;
	font-weight: var(--omis-regular);
	line-height: 1.2;
	color: var(--omis-ink);
}

.omis-collections__subtitle strong {
	font-weight: var(--omis-semibold);
}

.omis-collections__grid {
	margin-top: 6.2rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.47rem;
}

.omis-collections__grid--wide {
	margin-top: 3.35rem;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.82rem;
}

.omis-cat-card {
	position: relative;
	display: block;
	height: 46.42rem;
	border-radius: var(--omis-radius-card);
	overflow: hidden;
	isolation: isolate;
	background: var(--omis-ink);
}

.omis-collections__grid--wide .omis-cat-card {
	height: 46.52rem;
}

.omis-cat-card picture {
	display: contents;
}

.omis-cat-card img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
	transition: transform 0.8s var(--omis-ease);
}

.omis-cat-card::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 42%;
	background: linear-gradient(to top, rgba(30, 32, 27, 0.4), rgba(30, 32, 27, 0));
	pointer-events: none;
}

.omis-cat-card:hover img {
	transform: scale(1.04);
}

.omis-cat-card__title {
	position: absolute;
	inset-inline: 0;
	bottom: 3.194rem;
	z-index: 2;
	text-align: center;
	font-size: 4rem;
	font-weight: var(--omis-bold);
	line-height: 1;
	color: var(--omis-cream);
	pointer-events: none;
}

/* --------------------------------------------------------------------------
   7. Gift Card
   -------------------------------------------------------------------------- */

.omis-giftcard {
	position: relative;
	background: var(--omis-sage);
	height: 72.2rem;
}

.omis-giftcard__photo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(50% + 4.46rem);
	right: 0;
}

.omis-giftcard__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
}

.omis-giftcard__mockup {
	position: absolute;
	top: -9.3rem;
	left: 27.21rem;
	width: 60.26rem;
	height: 68.78rem;
	z-index: 2;
	pointer-events: none;
}

.omis-giftcard__mockup img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.omis-giftcard__content {
	position: absolute;
	/* הוזז שמאלה — הכותרת "Surprise your friend" ארוכה מ-"Gift Card"
	   וישבה על הדמיית הכרטיס (בקשת הלקוחה). */
	left: 0;
	top: 0;
	z-index: 3;
	direction: ltr;
	padding-top: 46.013rem;
}

.omis-giftcard__title {
	font-size: 3.2rem;
	font-weight: var(--omis-medium);
	line-height: 1.1;
	color: var(--omis-ink);
	direction: ltr;
	text-align: left;
	/* "Surprise your friend" נשבר לשתי שורות כדי לא לשבת על הדמיית הכרטיס. */
	max-width: 23rem;
}

.omis-giftcard__cta {
	margin-top: 2.9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.62rem;
	direction: ltr;
	width: 24.97rem;
	height: 5.12rem;
	border-radius: 999px;
	background: var(--omis-cream);
	color: var(--omis-ink);
	font-size: 2rem;
	font-weight: var(--omis-regular);
	line-height: 1;
	box-shadow: 0 0.6rem 1.6rem rgba(47, 51, 45, 0.14);
	transition: background-color 0.25s var(--omis-ease), transform 0.25s var(--omis-ease), box-shadow 0.25s var(--omis-ease);
}

.omis-giftcard__cta:hover {
	background: var(--omis-white);
	transform: translateY(-2px);
	box-shadow: 0 1rem 2.2rem rgba(47, 51, 45, 0.2);
}

.omis-giftcard__cta-arrow {
	font-size: 0.85em;
	line-height: 1;
}

.omis-giftcard__text {
	margin-top: 4.2rem;
	width: 57.5rem;
	direction: rtl;
	text-align: left;
	font-size: 1.55rem;
	font-weight: var(--omis-regular);
	line-height: 2.05rem;
	color: var(--omis-ink);
}

/* --------------------------------------------------------------------------
   8. OMIS's friends
   -------------------------------------------------------------------------- */

.omis-friends {
	background: var(--omis-cream);
	padding-block: 18.97rem 15.66rem;
}

.omis-friends__card {
	position: relative;
	/* בעיצוב: 113.5px משמאל ו-134.8px מימין בתוך קנבס 1440.
	   ב-RTL השוליים הלוגיים מונעים "over-constrained" שמצמיד את הכרטיס לימין. */
	margin-inline-start: 13.48rem;
	margin-inline-end: auto;
	width: 119.17rem;
	max-width: calc(100% - 2rem);
	height: 73.74rem;
	border-radius: var(--omis-radius-card);
	background: var(--omis-olive);
	overflow: hidden;
	color: var(--omis-cream);
}

.omis-friends__photo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 60.68rem;
}

.omis-friends__photo picture {
	display: contents;
}

.omis-friends__photo img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* הפאנל כולל את הרקע והטבעות — חתוך מקובץ העיצוב, ללא תפרים */
.omis-friends__panel {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 60.68rem;
	right: 0;
	background: var(--omis-olive) url('../images/friends-panel.png') center / 100% 100% no-repeat;
}

.omis-friends__intro {
	position: absolute;
	left: 65.1rem;
	top: 4.219rem;
	width: 17.6rem;
	z-index: 2;
	direction: rtl;
	text-align: left;
	font-size: 0.95rem;
	font-weight: var(--omis-regular);
	line-height: 1.28rem;
	color: var(--omis-cream);
}

.omis-friends__brand {
	position: absolute;
	left: 108.06rem;
	top: 4.86rem;
	width: 7.86rem;
	height: auto;
	z-index: 2;
}

/* התוכן של הפאנל (כותרת + טופס) ממורכז אנכית — אחרי שהלוגו הקטן וה-Inspired
   הוסרו והחלק העליון התרוקן (בקשת הלקוחה). */
.omis-friends__body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 60.68rem;
	right: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	/* עוגן לתחתית כדי שהטבעות שברקע הפאנל (בשליש העליון) יישארו מעל
	   הכותרת ולא ישבו עליה (בקשת הלקוחה). */
	justify-content: flex-end;
	align-items: center;
	gap: 2.2rem;
	padding: 3rem 4.6rem 5rem;
	box-sizing: border-box;
	overflow-y: auto;
}

.omis-friends__heading {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	direction: ltr;
	font-size: 4.6rem;
	font-weight: var(--omis-medium);
	line-height: 1;
	color: var(--omis-cream);
	white-space: nowrap;
}

.omis-friends__heading img {
	width: 12.78rem;
	height: 4.226rem;
}

.omis-friends__heading span {
	margin-left: 0.578rem;
}

/* ---- טופס ---- */

.omis-friends__form {
	position: static;
	width: 100%;
	max-width: 49.94rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.3rem 1.64rem;
	direction: rtl;
}

.omis-field {
	position: relative;
}

.omis-field--full {
	grid-column: 1 / -1;
}

.omis-friends__form input,
.omis-friends__form textarea {
	width: 100%;
	height: 3.86rem;
	background: var(--omis-cream);
	border: 0.121rem solid var(--omis-sage);
	border-radius: var(--omis-radius-field);
	color: var(--omis-ink);
	font-size: 1.5rem;
	font-weight: var(--omis-regular);
	line-height: 3.6rem;
	padding-inline: 1.6rem;
	padding-block: 0;
	appearance: none;
	transition: border-color 0.2s var(--omis-ease), box-shadow 0.2s var(--omis-ease);
}

.omis-friends__form textarea {
	height: 8.33rem;
	line-height: 1.94rem;
	padding-block: 1.5rem 1rem;
	resize: none;
}

.omis-friends__form input::placeholder,
.omis-friends__form textarea::placeholder {
	color: var(--omis-ink-70);
	opacity: 1;
}

.omis-friends__form input:focus,
.omis-friends__form textarea:focus {
	outline: none;
	border-color: var(--omis-ink);
	box-shadow: 0 0 0 0.3rem rgba(254, 244, 228, 0.25);
}

/* ---- select (מין) + שדה תאריך לידה (יום/חודש/שנה) ---- */
.omis-friends__form select {
	width: 100%;
	height: 3.86rem;
	background-color: var(--omis-cream);
	border: 0.121rem solid var(--omis-sage);
	border-radius: var(--omis-radius-field);
	color: var(--omis-ink);
	font-family: inherit;
	font-size: 1.5rem;
	font-weight: var(--omis-regular);
	line-height: 3.6rem;
	padding-inline: 1.6rem 3.6rem;
	padding-block: 0;
	appearance: none;
	cursor: pointer;
	/* appearance:none מסיר את החץ המובנה — חץ מותאם בצד ההתחלה (שמאל ב-RTL). */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' stroke='%23837963' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 1.4rem center;
	background-size: 1.1rem;
	transition: border-color 0.2s var(--omis-ease), box-shadow 0.2s var(--omis-ease);
}

/* צבע placeholder כל עוד לא נבחר ערך (האופציה הריקה מסומנת). */
.omis-friends__form select:has(option[value=""]:checked) {
	color: var(--omis-ink-70);
}

.omis-friends__form select:focus {
	outline: none;
	border-color: var(--omis-ink);
	box-shadow: 0 0 0 0.3rem rgba(254, 244, 228, 0.25);
}

.omis-datefield {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.64rem;
}

/* אחרי הסרת "מדינה" — המייל לבדו בשורה, פרוס על כל הרוחב (ממורכז בפועל). */
.omis-friends__form .omis-field--email {
	grid-column: 1 / -1;
}

.omis-friends__note {
	grid-column: 1 / -1;
	margin: 0.2rem 0 0;
	display: flex;
	gap: 0.5rem;
	font-size: 1.2rem;
	line-height: 1.45;
	/* על הפאנל הכהה — קרם בהיר, לא אפור־דיו שנבלע (בקשת הלקוחה). */
	color: rgba(254, 244, 228, 0.92);
}

.omis-friends__note-star {
	color: var(--omis-sale);
	font-weight: var(--omis-semibold);
}

/* "הצטרפות ללא עלות" — מתחת ל"חשוב למלא" (בקשת הלקוחה) */
.omis-friends__free {
	grid-column: 1 / -1;
	margin: 0;
	text-align: center;
	font-size: 1.4rem;
	font-weight: var(--omis-medium);
	letter-spacing: 0.02em;
	color: var(--omis-cream);
}

/* ---- שורת פעולות — בזרימה, ממורכזת ---- */

.omis-friends__actions {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.4rem;
	direction: ltr;
}

.omis-friends__submit {
	height: 3.86rem;
	padding-inline: 2.8rem;
	border: 0;
	border-radius: 999px;
	background: var(--omis-cream);
	color: var(--omis-ink);
	font-size: 1.5rem;
	font-weight: var(--omis-medium);
	line-height: 1;
	transition: background-color 0.25s var(--omis-ease), transform 0.25s var(--omis-ease);
}

.omis-friends__submit:hover {
	background: var(--omis-white);
	transform: translateY(-2px);
}

.omis-friends__submit[disabled] {
	opacity: 0.6;
	cursor: progress;
}

.omis-form-message {
	grid-column: 1 / -1;
	margin: 0;
	text-align: center;
	direction: rtl;
	font-size: 1.3rem;
	line-height: 1.4;
	color: var(--omis-cream);
}

.omis-form-message:empty {
	display: none;
}

.omis-friends__social {
	display: flex;
	align-items: center;
	gap: 2.66rem;
}

.omis-friends__social a {
	width: 2.4rem;
	height: 2.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--omis-cream);
	transition: opacity 0.2s var(--omis-ease), transform 0.2s var(--omis-ease);
}

.omis-friends__social a:hover {
	opacity: 0.75;
	transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   9. פוטר
   -------------------------------------------------------------------------- */

.omis-footer {
	background: var(--omis-sage);
	color: var(--omis-ink);
	padding-block: 8.24rem 6.186rem;
	text-align: center;
}

.omis-footer__logo {
	width: 24.68rem;
	height: auto;
	margin-inline: auto;
}

.omis-footer__menu ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.omis-footer__menu li {
	list-style: none;
	display: block;
}

.omis-footer__menu--categories {
	margin-top: 9.51rem;
}

.omis-footer__menu--categories ul {
	gap: 6.46rem;
}

.omis-footer__menu--info {
	margin-top: 3.814rem;
}

.omis-footer__menu--info ul {
	gap: 4.48rem;
}

.omis-footer__menu a {
	font-size: 2rem;
	font-weight: var(--omis-regular);
	line-height: 1.2;
	color: var(--omis-ink);
	transition: opacity 0.2s var(--omis-ease);
}

.omis-footer__menu a:hover {
	opacity: 0.62;
}

.omis-footer__social {
	margin-top: 2.876rem;
	display: flex;
	direction: ltr;
	justify-content: center;
	align-items: center;
	gap: 3.34rem;
	padding-right: 2.6rem; /* מיישר את זוג האייקונים למיקום שבעיצוב */
}

.omis-footer__social a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--omis-ink);
	transition: opacity 0.2s var(--omis-ease), transform 0.2s var(--omis-ease);
}

.omis-footer__social a:hover {
	opacity: 0.65;
	transform: translateY(-2px);
}

/* קרדיטים — לפי "הוראות בסיס.pdf" */
.omis-credits {
	margin-top: 5.2rem;
	padding-top: 2.6rem;
	border-top: 1px solid rgba(47, 51, 45, 0.16);
	display: flex;
	direction: ltr;
	justify-content: center;
	align-items: center;
	gap: 3.2rem;
	font-size: 1.25rem;
	color: var(--omis-ink-70);
}

.omis-credits__item {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.omis-credits__item img {
	height: 2rem;
	width: auto;
	opacity: 0.85;
	transition: opacity 0.2s var(--omis-ease);
}

/* הלוגו של Jonny Studio רחב בהרבה ביחס — מוקטן כדי לשבת באותו גודל אופטי */
.omis-credits__item--jonny img {
	height: 1.05rem;
}

.omis-credits__item a:hover img {
	opacity: 1;
}

/* --------------------------------------------------------------------------
   10. לחצנים צפים — וואטסאפ, חיוג, נגישות
   -------------------------------------------------------------------------- */

.omis-floats {
	position: fixed;
	inset-inline-start: 1.8rem;
	bottom: 1.8rem;
	z-index: 120;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.omis-float {
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: var(--omis-cream);
	box-shadow: var(--omis-shadow-float);
	transition: transform 0.25s var(--omis-ease), filter 0.25s var(--omis-ease);
}

.omis-float:hover {
	transform: translateY(-3px) scale(1.04);
	filter: brightness(1.05);
}

.omis-float svg {
	width: 2.4rem;
	height: 2.4rem;
}

.omis-float--whatsapp {
	background: #25d366;
	color: #fff;
}

.omis-float--phone {
	background: var(--omis-ink);
}

.omis-a11y-toggle {
	position: fixed;
	inset-inline-end: 1.8rem;
	bottom: 1.8rem;
	z-index: 120;
	width: 4.2rem;
	height: 4.2rem;
	border-radius: 50%;
	background: var(--omis-ink);
	color: var(--omis-cream);
	display: grid;
	place-items: center;
	box-shadow: var(--omis-shadow-float);
	transition: transform 0.25s var(--omis-ease);
}

.omis-a11y-toggle:hover {
	transform: translateY(-3px) scale(1.05);
}

.omis-a11y-toggle svg {
	width: 2.2rem;
	height: 2.2rem;
}

.omis-a11y-panel {
	position: fixed;
	inset-inline-end: 1.8rem;
	bottom: 7.4rem;
	z-index: 121;
	width: 27rem;
	background: var(--omis-cream);
	border: 1px solid var(--omis-line);
	border-radius: 1.4rem;
	box-shadow: var(--omis-shadow-soft);
	padding: 1.8rem;
	opacity: 0;
	visibility: hidden;
	transform: translateY(1rem);
	transition: opacity 0.25s var(--omis-ease), transform 0.25s var(--omis-ease), visibility 0.25s;
}

.omis-a11y-panel.is-open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.omis-a11y-panel h2 {
	font-size: 1.6rem;
	font-weight: var(--omis-medium);
	margin-bottom: 1.2rem;
}

.omis-a11y-panel ul {
	display: grid;
	gap: 0.6rem;
}

.omis-a11y-panel button {
	width: 100%;
	text-align: start;
	padding: 0.9rem 1.2rem;
	border-radius: 0.8rem;
	background: var(--omis-white);
	border: 1px solid var(--omis-line);
	font-size: 1.35rem;
	transition: background-color 0.2s var(--omis-ease);
}

.omis-a11y-panel button:hover,
.omis-a11y-panel button[aria-pressed="true"] {
	background: var(--omis-sage);
	color: var(--omis-cream);
	border-color: var(--omis-sage);
}

.omis-a11y-panel .omis-a11y-reset {
	margin-top: 1.2rem;
	background: none;
	border: 0;
	color: var(--omis-ink-70);
	font-size: 1.25rem;
	text-decoration: underline;
	padding: 0;
	text-align: center;
}

/* מצבי נגישות */
html.omis-a11y-contrast {
	filter: contrast(1.35);
}

html.omis-a11y-grayscale {
	filter: grayscale(1);
}

html.omis-a11y-links a:not(.omis-float):not(.omis-a11y-toggle) {
	text-decoration: underline !important;
	text-underline-offset: 0.3rem;
}

html.omis-a11y-motion *,
html.omis-a11y-motion *::before,
html.omis-a11y-motion *::after {
	animation-duration: 0.001ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: 0.001ms !important;
}

html.omis-a11y-big body {
	font-size: 1.85rem;
}

/* --------------------------------------------------------------------------
   11. עמודים כלליים
   -------------------------------------------------------------------------- */

.omis-page {
	padding-block: 7rem 11rem;
}

.omis-page__inner {
	padding-inline: var(--omis-gutter);
}

.omis-page__head {
	text-align: center;
	max-width: 78rem;
	margin-inline: auto;
	margin-bottom: 5.4rem;
}

.omis-page__eyebrow {
	display: inline-block;
	font-size: 1.3rem;
	letter-spacing: 0.18em;
	color: var(--omis-ink-45);
	margin-bottom: 1.4rem;
}

.omis-page__title {
	font-size: 4.4rem;
	font-weight: var(--omis-medium);
	line-height: 1.16;
	letter-spacing: -0.01em;
}

.omis-page__lead {
	margin-top: 1.6rem;
	font-size: 1.8rem;
	line-height: 1.7;
	color: var(--omis-ink-70);
}

.omis-page__content {
	max-width: 82rem;
	margin-inline: auto;
	font-size: 1.65rem;
	line-height: 1.9;
}

.omis-page__content > * + * {
	margin-top: 1.7rem;
}

.omis-page__content h2 {
	margin-top: 3.8rem;
	font-size: 2.4rem;
	font-weight: var(--omis-medium);
	line-height: 1.35;
}

.omis-page__content h3 {
	margin-top: 2.8rem;
	font-size: 1.95rem;
	font-weight: var(--omis-medium);
}

.omis-page__content ul {
	list-style: none;
	padding-inline-start: 0;
}

.omis-page__content ul li {
	position: relative;
	padding-inline-start: 2rem;
	margin-top: 0.8rem;
}

.omis-page__content ul li::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 1.1rem;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: var(--omis-sage);
}

.omis-page__content a {
	text-decoration: underline;
	text-underline-offset: 0.3rem;
	text-decoration-thickness: 1px;
}

.omis-page__content strong {
	font-weight: var(--omis-semibold);
}

/* --------------------------------------------------------------------------
   12. פריסת מובייל — לפי "עיצוב מלא אתר תצוגת מובייל.pdf" (קנבס 393px)
   -------------------------------------------------------------------------- */

@media (max-width: 1023.98px) {

	/* ---- סטריפ ---- */
	.omis-announcement {
		height: 3.04rem;
	}

	.omis-announcement__item {
		font-size: 1.2rem;
	}

	.omis-announcement__dot {
		width: 0.325rem;
		height: 0.325rem;
		margin-inline: 0.683rem;
	}

	/* ---- הדר ---- */
	.omis-header__inner {
		height: 5.99rem;
		padding-block-start: 0.35rem;
		padding-inline-start: 2.67rem;
		padding-inline-end: 1.38rem;
	}

	.omis-burger {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.386rem;
		height: 2.386rem;
		flex: none;
	}

	.omis-burger svg {
		width: 2.386rem;
		height: 1.676rem;
	}

	.omis-brand {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		margin-top: 0.18rem;
	}

	.omis-brand img {
		height: 1.99rem;
	}

	.omis-nav {
		display: none;
	}

	.omis-header__actions {
		gap: 0.19rem;
	}

	.omis-header__actions svg {
		transform: scale(0.78);
	}

	.omis-search-toggle {
		display: none !important;
	}

	.omis-cart-count {
		top: -0.4rem;
		inset-inline-start: -0.5rem;
		min-width: 1.4rem;
		height: 1.4rem;
		font-size: 0.9rem;
		line-height: 1.4rem;
	}

	/* ---- הירו ---- */
	.omis-hero {
		height: 58.32rem;
	}

	.omis-hero__slides--desktop {
		display: none;
	}

	.omis-hero__slides--mobile {
		display: block;
	}

	.omis-hero__content {
		left: 50%;
		transform: translateX(-50%);
		bottom: 5.57rem;
		width: auto;
		text-align: center;
	}

	.omis-hero__logo {
		height: 4.63rem;
		margin-bottom: 0;
		margin-inline: auto;
	}

	.omis-hero__text {
		display: none;
	}

	/* ---- קולקציות ---- */
	.omis-collections {
		padding-block: 3.892rem 5.76rem;
	}

	.omis-collections__title {
		font-size: 2.7rem;
		text-align: center;
		line-height: 1.1;
	}

	.omis-collections__subtitle {
		margin-top: 0.7rem;
		font-size: 1.5rem;
		text-align: center;
		line-height: 1.25;
	}

	.omis-collections__grid {
		margin-top: 3.5rem;
		grid-template-columns: repeat(2, 1fr);
		gap: 1.52rem;
	}

	.omis-collections__grid--wide {
		margin-top: 1.52rem;
		grid-template-columns: 1fr;
		gap: 1.52rem;
	}

	.omis-cat-card {
		height: 22.63rem;
	}

	/* 13.17rem מעך את כרטיס "פנינים" לפס דק — עכשיו באותו גובה כמו כולם. */
	.omis-collections__grid--wide .omis-cat-card {
		height: 22.63rem;
	}

	.omis-cat-card__title {
		bottom: 1.708rem;
		font-size: 1.85rem;
	}

	.omis-collections__grid--wide .omis-cat-card__title {
		bottom: 1.53rem;
	}

	/* ---- Gift Card ---- */
	.omis-giftcard {
		height: 52.43rem;
	}

	.omis-giftcard__photo {
		left: 0;
		right: 0;
		bottom: auto;
		height: 31.18rem;
	}

	.omis-giftcard__photo img {
		object-position: center;
	}

	.omis-giftcard__mockup {
		top: 19.48rem;
		left: 19.09rem;
		width: 18.39rem;
		height: 20.99rem;
	}

	.omis-giftcard__content {
		left: 0;
		right: 0;
		padding-top: 33.141rem;
		padding-inline: 1.981rem;
	}

	.omis-giftcard__title {
		/* "Surprise your friend" ארוך מ-"Gift Card" — במובייל הוקטן כדי שלא
		   יישב על הדמיית הכרטיס (בקשת הלקוחה). */
		font-size: 2.5rem;
		color: var(--omis-cream);
		max-width: 18rem;
	}

	.omis-giftcard__cta {
		margin-top: 2.4rem;
		margin-inline: auto;
		width: 16.93rem;
		height: 3.47rem;
		font-size: 1.4rem;
	}

	.omis-giftcard__text {
		margin-top: 2.4rem;
		margin-inline: 0.18rem;
		width: auto;
		font-size: 1.05rem;
		line-height: 1.4rem;
		color: var(--omis-cream);
	}

	/* ---- OMIS's friends ---- */
	.omis-friends {
		padding-block: 5.52rem 5.68rem;
	}

	.omis-friends__card {
		margin-inline: auto;
		width: 33.88rem;
		height: 67.34rem;
		border-radius: 0;
	}

	.omis-friends__panel {
		left: 0;
		right: 0;
		bottom: auto;
		height: 39.83rem;
		background-image: url('../images/m-friends-panel.png');
	}

	.omis-friends__photo {
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		width: auto;
		height: 27.51rem;
	}

	.omis-friends__intro,
	.omis-friends__brand {
		display: none;
	}

	/* התוכן ממורכז אנכית באזור הפאנל העליון (מעל התמונה) */
	.omis-friends__body {
		left: 0;
		right: 0;
		bottom: auto;
		height: 39.83rem;
		padding: 1.4rem 1.94rem;
		gap: 1.1rem;
		justify-content: center;
	}

	.omis-friends__heading {
		justify-content: center;
		font-size: 3.1rem;
	}

	.omis-friends__heading img {
		width: 9.49rem;
		height: 3.14rem;
	}

	.omis-friends__form {
		left: 1.94rem;
		right: 1.94rem;
		top: 16.54rem;
		width: auto;
		gap: 0.78rem 0.76rem;
	}

	.omis-friends__form input,
	.omis-friends__form textarea {
		height: 3.08rem;
		line-height: 2.9rem;
		font-size: 1.09rem;
		padding-inline: 1.1rem;
		border-width: 0.1rem;
	}

	.omis-friends__form textarea {
		height: 6.07rem;
		line-height: 1.5rem;
		padding-block: 1.05rem 0.8rem;
	}

	.omis-friends__form select {
		height: 3.08rem;
		line-height: 2.9rem;
		font-size: 1.09rem;
		padding-inline: 1.1rem 2.8rem;
		border-width: 0.1rem;
		background-position: left 1rem center;
		background-size: 0.95rem;
	}

	.omis-datefield {
		gap: 0.76rem;
	}

	.omis-friends__note {
		font-size: 1rem;
	}

	/* לבקשת הלקוחה: "שם משפחה" מוצג גם במובייל — שני השמות באותה שורה. */

	/* הכפתור ממורכז (אחרי שאייקוני הרשתות ירדו מכאן) */
	.omis-friends__actions {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.omis-friends__submit {
		height: 3.08rem;
		padding-inline: 2rem;
		font-size: 1.15rem;
		order: 1;
	}

	.omis-friends__social {
		gap: 1.6rem;
		order: 2;
	}

	.omis-friends__social a {
		width: 1.9rem;
		height: 1.9rem;
	}

	.omis-form-message {
		top: 23.4rem;
		text-align: center;
		font-size: 1.1rem;
	}

	/* ---- פוטר ---- */
	.omis-footer {
		padding-block: 3.211rem 3.2rem;
		text-align: start;
	}

	.omis-footer .omis-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 3.43rem;
		padding-inline-start: 2.34rem;
		padding-inline-end: 2rem;
	}

	.omis-footer__logo {
		order: -1;
		width: 13.2rem;
		margin: 0.81rem 0 0;
		flex: none;
	}

	.omis-footer__menu ul {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0 !important;
	}

	.omis-footer__menu--categories,
	.omis-footer__menu--info {
		margin-top: 0;
		flex: none;
	}

	.omis-footer__menu a {
		font-size: 1.186rem;
		line-height: 2.3585rem;
		white-space: nowrap;
	}

	/* לבקשת הלקוחה: האייקונים מוצגים גם במובייל (אחרי שירדו מהפריינדס). */
	.omis-footer__social {
		margin-top: 2rem;
		gap: 2.4rem;
		padding-right: 0;
	}

	.omis-footer__social svg {
		width: 2.6rem;
		height: auto;
	}

	.omis-credits {
		order: 10;
		width: 100%;
		margin-top: 1.8rem;
		padding-top: 1.6rem;
		font-size: 1rem;
		gap: 2rem;
	}

	.omis-credits__item img {
		height: 1.6rem;
	}

	.omis-credits__item--jonny img {
		height: 0.85rem;
	}

	/* ---- לחצנים צפים ---- */
	.omis-floats {
		inset-inline-start: 1.2rem;
		bottom: 1.2rem;
		gap: 0.8rem;
	}

	.omis-float {
		width: 4.2rem;
		height: 4.2rem;
	}

	.omis-float svg {
		width: 2.1rem;
		height: 2.1rem;
	}

	.omis-a11y-toggle {
		inset-inline-end: 1.2rem;
		bottom: 1.2rem;
		width: 3.8rem;
		height: 3.8rem;
	}

	.omis-a11y-panel {
		inset-inline-start: 1.2rem;
		inset-inline-end: 1.2rem;
		bottom: 6.4rem;
		width: auto;
	}

	/* ---- עמודים כלליים ---- */
	.omis-page {
		padding-block: 3.6rem 6rem;
	}

	.omis-page__head {
		margin-bottom: 3.2rem;
	}

	.omis-page__title {
		font-size: 2.8rem;
	}

	.omis-page__lead {
		font-size: 1.42rem;
	}

	.omis-page__content {
		font-size: 1.38rem;
	}

	.omis-page__content h2 {
		margin-top: 2.6rem;
		font-size: 1.85rem;
	}

	.omis-page__content h3 {
		font-size: 1.55rem;
	}

	.omis-page__eyebrow {
		font-size: 1.1rem;
	}
}

/* --------------------------------------------------------------------------
   13. הודעת Toast
   -------------------------------------------------------------------------- */

.omis-toast {
	position: fixed;
	bottom: 2.4rem;
	left: 50%;
	transform: translate(-50%, 1.4rem);
	z-index: 300;
	background: var(--omis-ink);
	color: var(--omis-cream);
	padding: 1.2rem 2.2rem;
	border-radius: 999px;
	font-size: 1.4rem;
	box-shadow: var(--omis-shadow-float);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s var(--omis-ease), transform 0.3s var(--omis-ease);
}

.omis-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

@media (max-width: 1023.98px) {
	.omis-toast {
		bottom: 7.4rem;
		font-size: 1.25rem;
		padding: 1rem 1.8rem;
	}
}

/* --------------------------------------------------------------------------
   14. עמוד אודות
   -------------------------------------------------------------------------- */

.omis-about-hero {
	position: relative;
	height: 52rem;
	overflow: hidden;
	background: var(--omis-ink);
	display: grid;
	align-items: end;
}

.omis-about-hero__media {
	position: absolute;
	inset: 0;
}

.omis-about-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
}

.omis-about-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(30, 32, 27, 0.78), rgba(30, 32, 27, 0.12) 62%);
}

.omis-about-hero__inner {
	position: relative;
	z-index: 2;
	padding: 0 var(--omis-gutter) 6rem;
	color: var(--omis-cream);
	max-width: 78rem;
	margin-inline: auto;
	text-align: center;
}

.omis-about-hero__eyebrow {
	display: inline-block;
	font-size: 1.3rem;
	letter-spacing: 0.2em;
	opacity: 0.8;
	margin-bottom: 1.4rem;
}

.omis-about-hero__title {
	font-size: 6rem;
	font-weight: var(--omis-medium);
	line-height: 1.08;
	letter-spacing: -0.015em;
}

.omis-about-hero__lead {
	margin-top: 1.6rem;
	font-size: 1.8rem;
	line-height: 1.7;
	opacity: 0.92;
}

/* ---- מניפסט ---- */

.omis-about-intro {
	background: var(--omis-cream);
	padding-block: 9rem;
}

.omis-about-intro__inner {
	padding-inline: var(--omis-gutter);
	max-width: 96rem;
	margin-inline: auto;
	text-align: center;
}

.omis-about-intro__kicker {
	font-size: 1.4rem;
	letter-spacing: 0.16em;
	color: var(--omis-ink-45);
	margin-bottom: 2rem;
}

.omis-about-intro__text {
	font-size: 3rem;
	line-height: 1.5;
	font-weight: var(--omis-regular);
	letter-spacing: -0.005em;
}

/* ---- שורות מתחלפות ---- */

.omis-about-split {
	background: var(--omis-cream);
	padding-bottom: 9rem;
}

.omis-about-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 7rem;
	align-items: center;
	padding-inline: var(--omis-gutter);
}

.omis-about-row + .omis-about-row {
	margin-top: 9rem;
}

.omis-about-row--flip .omis-about-row__media {
	order: 2;
}

.omis-about-row__media {
	margin: 0;
	border-radius: 2rem;
	overflow: hidden;
	aspect-ratio: 4 / 3.2;
	background: var(--omis-cream-soft);
}

.omis-about-row__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1s var(--omis-ease);
}

.omis-about-row:hover .omis-about-row__media img {
	transform: scale(1.03);
}

.omis-about-row__num {
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: 0.14em;
	color: var(--omis-sage);
	margin-bottom: 1.4rem;
}

.omis-about-row__text h2 {
	font-size: 3.4rem;
	font-weight: var(--omis-medium);
	line-height: 1.2;
	margin-bottom: 1.6rem;
	letter-spacing: -0.01em;
}

.omis-about-row__text p {
	font-size: 1.7rem;
	line-height: 1.85;
	color: var(--omis-ink-70);
}

.omis-about-row__text p + p {
	margin-top: 1.2rem;
}

/* ---- ציטוט ---- */

.omis-about-quote {
	background: var(--omis-olive);
	color: var(--omis-cream);
	padding-block: 8rem;
	text-align: center;
}

.omis-about-quote__logo {
	width: 13rem;
	height: auto;
	margin: 0 auto 3rem;
	opacity: 0.9;
}

.omis-about-quote blockquote {
	max-width: 82rem;
	margin-inline: auto;
	padding-inline: var(--omis-gutter);
	font-size: 3rem;
	line-height: 1.5;
	font-weight: var(--omis-regular);
}

/* ---- ערכים ---- */

.omis-about-values {
	background: var(--omis-cream);
	padding-block: 9rem;
}

.omis-about-values__inner {
	padding-inline: var(--omis-gutter);
}

.omis-about-values__title {
	font-size: 3.6rem;
	font-weight: var(--omis-medium);
	text-align: center;
	margin-bottom: 4.6rem;
	letter-spacing: -0.01em;
}

.omis-about-values__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
}

.omis-about-values__grid article {
	background: var(--omis-white);
	border: 1px solid var(--omis-line);
	border-radius: 1.8rem;
	padding: 2.8rem 2.4rem;
	transition: transform 0.3s var(--omis-ease), box-shadow 0.3s var(--omis-ease);
}

.omis-about-values__grid article:hover {
	transform: translateY(-4px);
	box-shadow: var(--omis-shadow-soft);
}

.omis-about-values__grid h3 {
	font-size: 2rem;
	font-weight: var(--omis-medium);
	margin-bottom: 1rem;
}

.omis-about-values__grid p {
	font-size: 1.5rem;
	line-height: 1.75;
	color: var(--omis-ink-70);
}

/* ---- תוכן חופשי ---- */

.omis-about-body {
	background: var(--omis-cream);
	padding-bottom: 7rem;
}

/* ---- CTA ---- */

.omis-about-cta {
	background: var(--omis-sage);
	padding-block: 7rem;
	text-align: center;
}

.omis-about-cta__inner {
	padding-inline: var(--omis-gutter);
}

.omis-about-cta h2 {
	font-size: 3.4rem;
	font-weight: var(--omis-medium);
	margin-bottom: 1.2rem;
	letter-spacing: -0.01em;
}

.omis-about-cta p {
	font-size: 1.7rem;
	color: var(--omis-ink);
	opacity: 0.82;
}

.omis-about-cta__links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.2rem;
	margin-top: 3rem;
}

@media (max-width: 1023.98px) {
	.omis-about-hero {
		height: 40rem;
	}

	.omis-about-hero__inner {
		padding-bottom: 3.4rem;
	}

	.omis-about-hero__title {
		font-size: 3.2rem;
	}

	.omis-about-hero__lead {
		font-size: 1.4rem;
	}

	.omis-about-intro {
		padding-block: 4.4rem;
	}

	.omis-about-intro__text {
		font-size: 1.85rem;
	}

	.omis-about-intro__kicker {
		font-size: 1.15rem;
	}

	.omis-about-split {
		padding-bottom: 4.4rem;
	}

	.omis-about-row {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.omis-about-row--flip .omis-about-row__media {
		order: 0;
	}

	.omis-about-row + .omis-about-row {
		margin-top: 4.4rem;
	}

	.omis-about-row__text h2 {
		font-size: 2.2rem;
	}

	.omis-about-row__text p {
		font-size: 1.4rem;
	}

	.omis-about-quote {
		padding-block: 4.4rem;
	}

	.omis-about-quote blockquote {
		font-size: 1.85rem;
	}

	.omis-about-quote__logo {
		width: 9rem;
		margin-bottom: 2rem;
	}

	.omis-about-values {
		padding-block: 4.4rem;
	}

	.omis-about-values__title {
		font-size: 2.3rem;
		margin-bottom: 2.6rem;
	}

	.omis-about-values__grid {
		grid-template-columns: 1fr;
		gap: 1.2rem;
	}

	.omis-about-values__grid article {
		padding: 1.8rem;
		border-radius: 1.2rem;
	}

	.omis-about-values__grid h3 {
		font-size: 1.6rem;
	}

	.omis-about-values__grid p {
		font-size: 1.3rem;
	}

	.omis-about-cta {
		padding-block: 4rem;
	}

	.omis-about-cta h2 {
		font-size: 2.2rem;
	}

	.omis-about-cta p {
		font-size: 1.4rem;
	}
}

/* --------------------------------------------------------------------------
   15. מסך תודה של טופס המועדון
   -------------------------------------------------------------------------- */

.omis-friends__form.is-hidden,
.omis-contact__grid.is-hidden {
	display: none;
}

.omis-thanks {
	position: absolute;
	left: 65.57rem;
	top: 40.66rem;
	width: 49.94rem;
	z-index: 3;
	direction: rtl;
	text-align: center;
	background: rgba(254, 244, 228, 0.1);
	border: 1px solid rgba(254, 244, 228, 0.3);
	border-radius: 1.6rem;
	padding: 3.6rem 3rem;
	color: var(--omis-cream);
	animation: omis-fade-up 0.45s var(--omis-ease) both;
}

.omis-thanks__mark {
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 50%;
	border: 1.5px solid var(--omis-cream);
	display: grid;
	place-items: center;
	margin: 0 auto 1.8rem;
	position: relative;
}

.omis-thanks__mark::after {
	content: '';
	width: 1.9rem;
	height: 1rem;
	border-left: 1.8px solid var(--omis-cream);
	border-bottom: 1.8px solid var(--omis-cream);
	transform: rotate(-45deg) translate(1px, -2px);
}

.omis-thanks__title {
	font-size: 2.6rem;
	font-weight: var(--omis-medium);
	margin-bottom: 1rem;
}

.omis-thanks__text {
	font-size: 1.5rem;
	line-height: 1.7;
	opacity: 0.9;
	max-width: 38rem;
	margin-inline: auto;
}

.omis-thanks__again {
	margin-top: 2rem;
	font-size: 1.35rem;
	color: var(--omis-cream);
	text-decoration: underline;
	text-underline-offset: 0.4rem;
	opacity: 0.85;
}

.omis-thanks__again:hover {
	opacity: 1;
}

.omis-form-message.is-error {
	color: #ffd9c8;
}

@keyframes omis-fade-up {
	from { opacity: 0; transform: translateY(1.2rem); }
	to   { opacity: 1; transform: none; }
}

/* בעמוד יצירת הקשר — מסך התודה יושב בזרימה רגילה על רקע בהיר */
.omis-contact__card .omis-thanks {
	position: static;
	width: auto;
	background: var(--omis-cream);
	border-color: var(--omis-line);
	color: var(--omis-ink);
}

.omis-contact__card .omis-thanks__mark {
	border-color: var(--omis-sage);
}

.omis-contact__card .omis-thanks__mark::after {
	border-color: var(--omis-sage);
}

.omis-contact__card .omis-thanks__again {
	color: var(--omis-ink-70);
}

@media (max-width: 1023.98px) {
	.omis-thanks {
		left: 1.94rem;
		right: 1.94rem;
		top: 16.54rem;
		width: auto;
		padding: 2.4rem 1.6rem;
		border-radius: 1rem;
	}

	.omis-thanks__mark {
		width: 4rem;
		height: 4rem;
		margin-bottom: 1.2rem;
	}

	.omis-thanks__mark::after {
		width: 1.4rem;
		height: 0.75rem;
	}

	.omis-thanks__title {
		font-size: 1.8rem;
	}

	.omis-thanks__text {
		font-size: 1.15rem;
	}

	.omis-thanks__again {
		font-size: 1.1rem;
		margin-top: 1.4rem;
	}
}

/* --------------------------------------------------------------------------
   16. Tooltip ללחצנים הצפים
   -------------------------------------------------------------------------- */

.omis-float::after,
.omis-a11y-toggle::after {
	content: attr(data-tip);
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(0.92);
	transform-origin: center;
	background: var(--omis-ink);
	color: var(--omis-cream);
	font-size: 1.25rem;
	font-weight: var(--omis-regular);
	line-height: 1;
	white-space: nowrap;
	padding: 0.85rem 1.2rem;
	border-radius: 999px;
	box-shadow: var(--omis-shadow-float);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.22s var(--omis-ease), transform 0.22s var(--omis-ease);
}

.omis-float::before,
.omis-a11y-toggle::before {
	content: '';
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border: 0.55rem solid transparent;
	opacity: 0;
	transition: opacity 0.22s var(--omis-ease);
	pointer-events: none;
}

/* הלחצנים הצפים יושבים בימין → הבועה נפתחת שמאלה */
.omis-floats .omis-float::after {
	inset-inline-start: calc(100% + 1.2rem);
}

.omis-floats .omis-float::before {
	inset-inline-start: calc(100% + 0.15rem);
	transform: translateY(-50%);
	border-inline-end-color: var(--omis-ink);
}

/* כפתור הנגישות בשמאל → הבועה נפתחת ימינה */
.omis-a11y-toggle::after {
	inset-inline-end: calc(100% + 1.2rem);
}

.omis-a11y-toggle::before {
	inset-inline-end: calc(100% + 0.15rem);
	transform: translateY(-50%);
	border-inline-start-color: var(--omis-ink);
}

.omis-float:hover::after,
.omis-float:focus-visible::after,
.omis-a11y-toggle:hover::after,
.omis-a11y-toggle:focus-visible::after {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

.omis-float:hover::before,
.omis-float:focus-visible::before,
.omis-a11y-toggle:hover::before,
.omis-a11y-toggle:focus-visible::before {
	opacity: 1;
}

@media (hover: none) {
	.omis-float::after,
	.omis-float::before,
	.omis-a11y-toggle::after,
	.omis-a11y-toggle::before {
		display: none;
	}
}

/* --------------------------------------------------------------------------
   17. עמודי מידע (תקנונים, נגישות, שאלות)
   -------------------------------------------------------------------------- */

.omis-portal-hero--info {
	background:
		radial-gradient(120% 140% at 15% -20%, rgba(254, 244, 228, 0.5), transparent 62%),
		linear-gradient(200deg, #b0ae84 0%, var(--omis-sage) 60%, #9a986f 100%);
}

.omis-portal-hero--info .omis-portal-hero__tabs a {
	font-size: 1.35rem;
	padding: 1rem 1.6rem;
}

.omis-page--info .omis-page__content {
	background: var(--omis-white);
	border: 1px solid var(--omis-line);
	border-radius: 2rem;
	padding: 4rem 4.4rem;
	max-width: 88rem;
	box-shadow: 0 1.4rem 3.6rem rgba(47, 51, 45, 0.05);
}

.omis-page--info .omis-page__content > h2:first-child {
	margin-top: 0;
}

.omis-page--info .omis-page__content h2 {
	position: relative;
	padding-inline-start: 1.8rem;
	font-size: 2.2rem;
}

.omis-page--info .omis-page__content h2::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 0.55em;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: var(--omis-sage);
}

.omis-info-help {
	max-width: 88rem;
	margin: 2.4rem auto 0;
	background: var(--omis-cream-soft);
	border: 1px solid var(--omis-line);
	border-radius: 1.8rem;
	padding: 2.8rem 3.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: wrap;
}

.omis-info-help h2 {
	font-size: 2rem;
	font-weight: var(--omis-medium);
	margin-bottom: 0.4rem;
}

.omis-info-help p {
	font-size: 1.5rem;
	color: var(--omis-ink-70);
}

.omis-info-help__links {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.omis-info-updated {
	max-width: 88rem;
	margin: 1.6rem auto 0;
	font-size: 1.25rem;
	color: var(--omis-ink-45);
	text-align: center;
}

@media (max-width: 1023.98px) {
	.omis-page--info .omis-page__content {
		padding: 2rem 1.8rem;
		border-radius: 1.4rem;
	}

	.omis-page--info .omis-page__content h2 {
		font-size: 1.75rem;
		padding-inline-start: 1.4rem;
	}

	.omis-info-help {
		padding: 1.8rem;
		border-radius: 1.4rem;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.4rem;
	}

	.omis-info-help h2 {
		font-size: 1.6rem;
	}

	.omis-info-help p {
		font-size: 1.32rem;
	}

	.omis-portal-hero--info .omis-portal-hero__tabs a {
		font-size: 1.15rem;
		padding: 0.85rem 1.1rem;
	}
}

/* מבנה עמוד — הפוטר תמיד נצמד לתחתית ואין רצועה לבנה מתחתיו */
#omis-content {
	flex: 1 0 auto;
}

.omis-footer {
	flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   18. כרטיסי הערכים בעמוד אודות
   -------------------------------------------------------------------------- */

.omis-about-values__grid article {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding: 3.2rem 2.4rem 2.8rem;
	opacity: 0;
	transform: translateY(1.6rem);
	animation: omis-value-in 0.7s var(--omis-ease) forwards;
	animation-delay: var(--omis-delay, 0ms);
}

@keyframes omis-value-in {
	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.omis-about-values__grid article {
		opacity: 1;
		transform: none;
		animation: none;
	}
}

/* גוון רקע עדין שנחשף בריחוף */
.omis-about-values__grid article::before {
	content: '';
	position: absolute;
	inset-inline-end: -6rem;
	top: -6rem;
	width: 16rem;
	height: 16rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(167, 165, 120, 0.28), transparent 70%);
	opacity: 0;
	transform: scale(0.7);
	transition: opacity 0.5s var(--omis-ease), transform 0.5s var(--omis-ease);
	z-index: -1;
}

.omis-about-values__grid article:hover::before {
	opacity: 1;
	transform: scale(1);
}

/* קו מבטא עליון */
.omis-about-values__grid article::after {
	content: '';
	position: absolute;
	inset-inline: 2.4rem;
	top: 0;
	height: 2px;
	background: linear-gradient(to left, var(--omis-sage), transparent);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.5s var(--omis-ease);
}

.omis-about-values__grid article:hover::after {
	transform: scaleX(1);
}

.omis-value__icon {
	width: 4.4rem;
	height: 4.4rem;
	border-radius: 1.2rem;
	background: var(--omis-cream-soft);
	color: var(--omis-sage);
	display: grid;
	place-items: center;
	margin-bottom: 1.6rem;
	transition: background-color 0.35s var(--omis-ease), color 0.35s var(--omis-ease), transform 0.35s var(--omis-ease);
}

.omis-value__icon svg {
	width: 2rem;
	height: 2rem;
}

.omis-about-values__grid article:hover .omis-value__icon {
	background: var(--omis-sage);
	color: var(--omis-cream);
	transform: translateY(-3px) rotate(-4deg);
}

.omis-value__num {
	position: absolute;
	top: 2rem;
	inset-inline-end: 2.2rem;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	color: var(--omis-ink-15);
	font-weight: var(--omis-medium);
	transition: color 0.35s var(--omis-ease);
}

.omis-about-values__grid article:hover .omis-value__num {
	color: var(--omis-sage);
}

@media (max-width: 1023.98px) {
	.omis-about-values__grid article {
		padding: 2rem 1.8rem 1.8rem;
	}

	.omis-value__icon {
		width: 3.6rem;
		height: 3.6rem;
		border-radius: 1rem;
		margin-bottom: 1.2rem;
	}

	.omis-value__icon svg {
		width: 1.7rem;
		height: 1.7rem;
	}

	.omis-value__num {
		top: 1.4rem;
		inset-inline-end: 1.6rem;
		font-size: 1.1rem;
	}
}

/* --------------------------------------------------------------------------
   19. תוכן מהעורך (גוטנברג) — העיצוב תמיד של התבנית, התוכן חופשי לעריכה
   -------------------------------------------------------------------------- */

.omis-page__content > .wp-block-group,
.omis-page__content > .wp-block-columns {
	margin-block: 1.7rem;
}

.omis-page__content h1,
.omis-page__content h4,
.omis-page__content h5,
.omis-page__content h6 {
	font-weight: var(--omis-medium);
	line-height: 1.3;
	margin-top: 2.6rem;
}

.omis-page__content h1 { font-size: 3rem; }
.omis-page__content h4 { font-size: 1.75rem; }
.omis-page__content h5 { font-size: 1.6rem; }
.omis-page__content h6 { font-size: 1.5rem; }

.omis-page__content ol {
	list-style: decimal;
	padding-inline-start: 2.2rem;
}

.omis-page__content ol li {
	margin-top: 0.8rem;
	padding-inline-start: 0;
}

.omis-page__content ol li::before {
	content: none;
}

.omis-page__content blockquote {
	margin: 2.4rem 0;
	padding: 1.8rem 2.2rem;
	background: var(--omis-cream-soft);
	border-inline-start: 3px solid var(--omis-sage);
	border-radius: 0 1.2rem 1.2rem 0;
	font-size: 1.7rem;
	line-height: 1.75;
}

.omis-page__content blockquote p:last-child {
	margin-bottom: 0;
}

.omis-page__content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.5rem;
	margin: 2rem 0;
}

.omis-page__content th,
.omis-page__content td {
	padding: 1.1rem 1.2rem;
	border-bottom: 1px solid var(--omis-line);
	text-align: start;
}

.omis-page__content thead th {
	background: var(--omis-sage);
	color: var(--omis-cream);
	font-weight: var(--omis-medium);
	border-bottom: 0;
}

.omis-page__content img,
.omis-page__content figure img {
	border-radius: 1.2rem;
	margin-inline: auto;
}

.omis-page__content figcaption {
	font-size: 1.25rem;
	color: var(--omis-ink-45);
	text-align: center;
	margin-top: 0.8rem;
}

.omis-page__content hr,
.omis-page__content .wp-block-separator {
	border: 0;
	border-top: 1px solid var(--omis-line);
	margin-block: 2.8rem;
}

.omis-page__content .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 5rem;
	padding-inline: 3rem;
	border-radius: 999px;
	background: var(--omis-ink);
	color: var(--omis-cream);
	font-size: 1.55rem;
	font-weight: var(--omis-medium);
	text-decoration: none;
}

/* צבעים/גדלים שנבחרים בעורך לא ישברו את השפה של המותג */
.omis-page__content [style*="font-size"] {
	font-size: inherit !important;
}

.omis-page__content [style*="color"]:not(a) {
	color: inherit !important;
}

.omis-page__content [style*="background"] {
	background: none !important;
}

/* --------------------------------------------------------------------------
   20. סימון טקסט ומצבי מערכת — הכול בפלטת המותג, בלי הכחול של הדפדפן
   -------------------------------------------------------------------------- */

::selection {
	background: var(--omis-sage);
	color: var(--omis-cream);
	text-shadow: none;
}

::-moz-selection {
	background: var(--omis-sage);
	color: var(--omis-cream);
	text-shadow: none;
}

img::selection,
img::-moz-selection {
	background: rgba(167, 165, 120, 0.4);
}

::target-text {
	background: var(--omis-sage);
	color: var(--omis-cream);
}

::marker {
	color: var(--omis-sage);
}

/* מילוי אוטומטי של הדפדפן — בלי הרקע הכחלחל/צהבהב */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: var(--omis-ink);
	-webkit-box-shadow: 0 0 0 10rem var(--omis-cream-soft) inset;
	box-shadow: 0 0 0 10rem var(--omis-cream-soft) inset;
	caret-color: var(--omis-ink);
	transition: background-color 100000s ease-in-out 0s;
}

/* אלמנטים של המערכת שמגיעים עם accent כחול */
:root {
	accent-color: var(--omis-sage);
	caret-color: var(--omis-ink);
}

input[type="checkbox"],
input[type="radio"],
progress,
input[type="range"] {
	accent-color: var(--omis-sage);
}

/* --------------------------------------------------------------------------
   21. תיקון גריד הקולקציות במובייל — 2 + 2 + 1
   -------------------------------------------------------------------------- */

@media (max-width: 1023.98px) {
	/* שני הגרידים הופכים לגריד אחד רציף של 2 עמודות */
	.omis-collections__grids {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.52rem;
		margin-top: 3.5rem;
	}

	.omis-collections__grid,
	.omis-collections__grid--wide {
		display: contents;
	}

	.omis-collections__grids .omis-cat-card {
		height: 22.63rem;
	}

	/* הכרטיס האחרון (פנינים) — רוחב מלא ונמוך יותר, בדיוק כמו בעיצוב */
	.omis-collections__grid--wide .omis-cat-card:last-child {
		grid-column: 1 / -1;
		height: 13.17rem;
	}

	.omis-collections__grid--wide .omis-cat-card:last-child .omis-cat-card__title {
		bottom: 1.53rem;
	}
}

/* --------------------------------------------------------------------------
   22. מעברי דפים חוצי-מסמך — View Transitions
   קטלוג ←→ קטגוריה ←→ מוצר. דפדפן שלא תומך מתעלם מכל הבלוק (at-rule לא מוכר
   + פסאודו-אלמנטים לא מוכרים) והניווט נשאר בדיוק כמו היום.

   מיקום: בסוף assets/css/main.css, ברמה העליונה. נבדק — הקובץ מסתיים ב-"}\n}"
   שסוגר את המדיה-קווארי של סעיף 21, ולכן ההוספה כאן אינה נופלת בתוך at-rule
   (חובה: @view-transition אינו חוקי בתוך @media).
   חייב להיות ב-main.css ולא ב-woocommerce.css — main.css נטען בכל עמוד פרונט
   (functions.php:69, ללא תנאי), ושני המסמכים חייבים להצטרף למעבר.
   -------------------------------------------------------------------------- */

@view-transition {
	navigation: auto;
}

/* ---- 22.0 קצב אחיד ורגוע לכל הקבוצות --------------------------------------
   ספציפיות מינימלית. אין בתבנית שום כלל קיים שנוגע בפסאודו-אלמנטים האלה
   (נבדק: grep 'view-transition' על main.css + woocommerce.css — אפס תוצאות).
   --omis-ease יורש מ-:root דרך ::view-transition; יש fallback ליתר ביטחון. */
::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
	animation-duration: 240ms;
	animation-timing-function: var(--omis-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
}

/* ---- 22.1 כרום קבוע — הדר סטיקי, לחצנים צפים, סרגל הניהול ------------------
   בלי שם משלהם הם נצרבים לתוך תצלום ה-root של *שני* הדפים ונצבעים פעמיים
   (ברירת המחדל mix-blend-mode: plus-lighter מבהיקה כשמצלמים פיקסל פעמיים).
   מתן שם מוציא אותם מה-root לקבוצה עצמאית; הגאומטריה זהה בכל הדפים.

   נבדק שהשמות בטוחים: .omis-header-stack הוא position:sticky (main.css:208)
   ואין בתוכו שום position:fixed, ולכן העובדה ש-view-transition-name יוצר
   stacking context / containing block לא משנה כלום. .omis-floats
   ו-.omis-a11y-toggle כבר fixed בעצמם ומכילים רק תוכן סטטי. */
.omis-header-stack { view-transition-name: omis-header; }
.omis-floats       { view-transition-name: omis-floats; }
.omis-a11y-toggle  { view-transition-name: omis-a11y-fab; }
#wpadminbar        { view-transition-name: omis-adminbar; }

/* אין מה להמיס — מציגים את התצלום החדש מיד ומעלימים את הישן */
::view-transition-old(omis-header),
::view-transition-new(omis-header),
::view-transition-old(omis-floats),
::view-transition-new(omis-floats),
::view-transition-old(omis-a11y-fab),
::view-transition-new(omis-a11y-fab),
::view-transition-old(omis-adminbar),
::view-transition-new(omis-adminbar) {
	animation: none;
	mix-blend-mode: normal;
}

::view-transition-old(omis-header),
::view-transition-old(omis-floats),
::view-transition-old(omis-a11y-fab),
::view-transition-old(omis-adminbar) {
	opacity: 0;
}

/* ---- 22.2 מורף תמונת המוצר: כרטיס ←→ גלריה --------------------------------
   השם ייחודי לכל מוצר (omis-p-<ID>) וזהה בשני הדפים.
   view-transition-class מאפשר לתזמן את כולם בכלל אחד, בלי לדעת מזהים. */
::view-transition-group(.omis-vt-media) {
	animation-duration: 420ms;
}

::view-transition-old(.omis-vt-media),
::view-transition-new(.omis-vt-media) {
	/* חובה: ברירת המחדל היא block-size:auto, ולכן התצלומים *נמתחים* כשהיחס
	   משתנה. הכרטיס הוא 4:5 קשיח (woocommerce.css:5189, padding-top:125%),
	   ה-stage 4:5 אך מוגבל ב-max-height ולכן לפעמים נמוך יותר.
	   לוגי במכוון — גיליון ה-UA עצמו כתוב ב-inline-size/block-size. */
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	/* לא plus-lighter: ראו את הדיסולב שלמטה */
	mix-blend-mode: normal;
}

/* דיסולב נקי במקום cross-fade:
   הישן נשאר אטום מתחת לכל אורך המעבר, והחדש נכנס מעליו מ-0 ל-1.
   הסכום אטום בכל פריים — בלי הבהוב plus-lighter כששתי התמונות שונות
   (חזרה אחרי דפדוף לשקופית 3), ובלי "שטיפה" של הרקע כמו ב-normal רגיל. */
::view-transition-old(.omis-vt-media) {
	animation: none;
	opacity: 1;
}

::view-transition-new(.omis-vt-media) {
	animation: omis-vt-media-in 420ms var(--omis-ease, cubic-bezier(0.22, 0.61, 0.36, 1)) both;
}

@keyframes omis-vt-media-in {
	from { opacity: 0; }
}

@keyframes omis-vt-media-out {
	to { opacity: 0; }
}

/* המוצר קיים רק בצד אחד (ניווט לעגלה, כניסה ישירה לעמוד מוצר) — שיתנהג
   כמו שאר הדף. בלי זה, ה"ישן" עם animation:none היה נשאר אטום 420ms
   ואז נעלם בבת אחת. */
::view-transition-old(.omis-vt-media):only-child {
	animation: omis-vt-media-out 240ms var(--omis-ease, cubic-bezier(0.22, 0.61, 0.36, 1)) both;
}

::view-transition-new(.omis-vt-media):only-child {
	animation-duration: 240ms;
}

/* ---- 22.3 הכרטיס המסומן מציג את התמונה הראשית ברגע הצילום ------------------
   בדסקטופ העכבר תמיד מעל הכרטיס בזמן הקליק, ולכן .omis-card__hover במצב
   opacity:1 והתצלום היוצא היה התמונה ה*שנייה* במקום הראשונה.
   ספציפיות 0,3,0 — גוברת במשקל על .omis-card__mediawrap:hover .omis-card__hover
   (0,2,0, woocommerce.css:363) בלי תלות בסדר הטעינה, ועל
   .omis-card__media img { transition } (0,1,1, woocommerce.css:347).
   transition:none חיוני: בלעדיו ה-0.55s transition היה משאיר את הערך על ~1
   בפריים שבו נלקח התצלום. האטריביוט מוסר בתום המעבר, אז אין רגרסיה בריחוף. */
.omis-card__media[data-omis-vt] .omis-card__hover {
	opacity: 0;
	transition: none;
}

/* ---- 22.4 כיבוי מלא של התנועה --------------------------------------------
   ללא !important. html:root::… ו-html.omis-a11y-motion::… שווים 0,1,2,
   וגוברים על ::view-transition-*(.omis-vt-media) שהם 0,1,1 — בלי הסתמכות
   על סדר מקור ובלי לדרוס שום דבר אחר.
   שימו לב: html.omis-a11y-motion * (main.css:1301) *אינו* מגיע לפסאודו-
   אלמנטים האלה — סלקטור אוניברסלי לא מתאים לפסאודו-אלמנט — ולכן הכלל הזה
   הכרחי ואינו כפילות.
   קו ההגנה הראשי הוא skipTransition() ב-JS (רץ במסמך היוצא, שם מצב הנגישות
   מובטח נכון); זה ה-fallback ללא JS. */
@media (prefers-reduced-motion: reduce) {
	html:root::view-transition-group(*),
	html:root::view-transition-old(*),
	html:root::view-transition-new(*) {
		animation: none;
		mix-blend-mode: normal;
	}

	html:root::view-transition-old(*) {
		opacity: 0;
	}
}

html.omis-a11y-motion::view-transition-group(*),
html.omis-a11y-motion::view-transition-old(*),
html.omis-a11y-motion::view-transition-new(*) {
	animation: none;
	mix-blend-mode: normal;
}

html.omis-a11y-motion::view-transition-old(*) {
	opacity: 0;
}

/* קובץ יעד: assets/css/main.css
   מיקום: להדביק *לפני* כותרת סעיף 22 ("מעברי דפים חוצי-מסמך — View Transitions",
   כרגע שורה 2959). סעיף 22 מתועד כמי שנשאר בסוף הקובץ, ואין סיבה להזיז אותו.
   כל העקיפות כאן מנצחות בספציפיות ולא בסדר מקור, ולכן המיקום אינו קריטי. */

/* --------------------------------------------------------------------------
   23. הסכמה לקוקיז — גיליון תחתון לא חוסם

   z-index 150. הנימוק: מעל הלחצנים הצפים (120) ומעל חלונית הנגישות (121),
   כדי שלא יסתירו את הבאנר; מתחת למגירה (200), לעגלת הצד ולמודאלים (210–230),
   ללייטבוקס (260) ול-toast (300) — אלה שכבות מודאליות אמיתיות ונכון שיכסו אותו.

   אין overlay ואין מלכודת פוקוס: העטיפה עצמה pointer-events:none, ולכן כל
   קליק מחוץ לגיליון מגיע לדף כרגיל. הגיליון fixed → אפס CLS.
   -------------------------------------------------------------------------- */

.omis-consent {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 150;
	display: flex;
	justify-content: center;
	padding: 1.6rem;
	pointer-events: none;
}

/* חובה: display:flex למעלה גובר על [hidden]{display:none} של גיליון ה-UA. */
.omis-consent[hidden] {
	display: none;
}

/* הבאנר ממוקד תכנותית (tabindex="-1") כדי שקורא המסך יקריא את שם ה-dialog.
   מסגרת סביב עטיפה ברוחב מלא היא רעש — מציגים אותה על הכרטיס.
   שני הכללים 0,1,0 ומופיעים אחרי :focus-visible הגלובלי (main.css:99),
   ולכן הם גוברים עליו בסדר מקור בתוך אותו קובץ. */
.omis-consent:focus {
	outline: none;
}

.omis-consent:focus-visible .omis-consent__panel {
	outline: 2px solid var(--omis-ink);
	outline-offset: 3px;
}

.omis-consent__panel {
	pointer-events: auto;
	width: 100%;
	max-width: 96rem;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	max-height: calc(100vh - 3.2rem);
	max-height: calc(100dvh - 3.2rem);
	padding: 2.2rem 2.4rem;
	background: var(--omis-white);
	color: var(--omis-ink);
	border: 1px solid var(--omis-line);
	border-radius: var(--omis-radius-card);
	box-shadow: var(--omis-shadow-soft);
	animation: omis-consent-in 0.42s var(--omis-ease) both;
}

@keyframes omis-consent-in {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
}

.omis-consent__scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.omis-consent__title {
	font-size: 1.9rem;
	font-weight: var(--omis-medium);
	line-height: 1.3;
}

.omis-consent__text {
	margin-top: 0.8rem;
	max-width: 78rem;
	font-size: 1.4rem;
	line-height: 1.6;
	color: var(--omis-ink-70); /* 4.90:1 מול --omis-white */
}

/* a{color:inherit} הגלובלי (main.css:68) הוא 0,0,1 — הכלל הזה 0,1,0 וגובר.
   כלל הרצפה של ווקומרס אינו רלוונטי: הוא דורש :not([class*="omis-"]). */
.omis-consent__policy {
	color: var(--omis-ink);
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

/* ---- הקטגוריות ---- */

.omis-consent__prefs {
	margin-top: 1.8rem;
	padding-top: 1.6rem;
	border-top: 1px solid var(--omis-line);
	animation: omis-consent-prefs-in 0.28s var(--omis-ease) both;
}

.omis-consent__prefs[hidden] {
	display: none;
}

@keyframes omis-consent-prefs-in {
	from {
		opacity: 0;
	}
}

.omis-consent__list {
	display: grid;
	gap: 1.6rem;
}

/* 3.4rem ולא 2.8rem: ה-rem כאן נגזר מרוחב החלון
   (html{font-size:calc(1000vw/393)}, main.css:31), ולכן 2.8rem הם 22.8px
   בלבד בחלון 320px — מתחת למינימום 24px של WCAG 2.5.8. */
.omis-consent__switch {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
	min-height: 3.4rem;
	cursor: pointer;
}

.omis-consent__switch--locked {
	cursor: default;
}

.omis-consent__name {
	font-size: 1.5rem;
	font-weight: var(--omis-medium);
	line-height: 1.3;
}

/* ink על sage = 5.08:1 */
.omis-consent__always {
	flex: none;
	padding: 0.35rem 1.1rem;
	border-radius: 999px;
	background: var(--omis-sage);
	color: var(--omis-ink);
	font-size: 1.2rem;
	line-height: 1.5;
}

.omis-consent__desc {
	margin-top: 0.5rem;
	font-size: 1.3rem;
	line-height: 1.55;
	color: var(--omis-ink-70);
}

/* ה-input אמיתי ונשאר ממוקד — רק שקוף, ומונח בדיוק מעל המסילה. */
.omis-consent__input {
	position: absolute;
	inset-inline-end: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4.4rem;
	height: 2.4rem;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

/* WCAG 1.4.11 — רכיב ממשק לא-טקסטואלי חייב 3:1 מול הרקע הסמוך.
   --omis-ink-15 על --omis-white נותן ~1.3:1 והמתג הכבוי היה בלתי נראה.
   --omis-ink-70 על --omis-white = 4.90:1. */
.omis-consent__track {
	flex: none;
	position: relative;
	width: 4.4rem;
	height: 2.4rem;
	border-radius: 999px;
	background: var(--omis-cream-soft);
	border: 1px solid var(--omis-ink-70);
	transition: background-color 0.22s var(--omis-ease), border-color 0.22s var(--omis-ease);
}

/* inset-inline-start ולא translate: הבוהן חייבת לנוע לכיוון הנכון ב-RTL,
   ותכונת translate היא פיזית. inset לוגי ניתן להנפשה ועושה בדיוק את זה.
   ב-RTL: כבוי = צמוד לימין, דלוק = נע שמאלה. */
.omis-consent__track::after {
	content: '';
	position: absolute;
	top: 0.2rem;
	inset-inline-start: 0.2rem;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	background: var(--omis-ink-70); /* 4.44:1 מול --omis-cream-soft */
	transition: inset-inline-start 0.22s var(--omis-ease), background-color 0.22s var(--omis-ease);
}

/* sage-dark מול --omis-white = 3.37:1 */
.omis-consent__input:checked + .omis-consent__track {
	background: var(--omis-sage-dark);
	border-color: var(--omis-sage-dark);
}

/* הבוהן מתהפכת בצבע ולא רק בעמדה — המצב אינו מסומן במיקום בלבד.
   white מול sage-dark = 3.37:1 */
.omis-consent__input:checked + .omis-consent__track::after {
	inset-inline-start: 2.2rem;
	background: var(--omis-white);
}

.omis-consent__input:focus-visible + .omis-consent__track {
	outline: 2px solid var(--omis-ink);
	outline-offset: 3px;
}

/* במצב ניגודיות כפויה ה-opacity:0 של ה-input מעלים אותו לגמרי, ולכן
   המסילה חייבת לשאת את המצב בעצמה. */
@media (forced-colors: active) {
	.omis-consent__track {
		border: 1px solid CanvasText;
		background: Canvas;
	}

	.omis-consent__track::after {
		background: CanvasText;
	}

	.omis-consent__input:checked + .omis-consent__track {
		background: Highlight;
		border-color: Highlight;
	}

	.omis-consent__input:checked + .omis-consent__track::after {
		background: HighlightText;
	}
}

/* ---- שורת הפעולות ---- */

.omis-consent__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.2rem;
}

/* "אישור הכל" ו"דחיית הכל" חולקים את המחלקה הזאת ללא שום וריאנט:
   אותו גודל, אותו משקל, אותו ניגודיות (11.81:1). דחייה אינה חלשה יותר. */
.omis-consent__btn {
	flex: 0 1 auto;
	min-width: 16rem;
	min-height: 4.4rem;
	padding-inline: 2.6rem;
	border: 1px solid var(--omis-ink);
	border-radius: 999px;
	background: var(--omis-ink);
	color: var(--omis-cream);
	font-size: 1.5rem;
	font-weight: var(--omis-medium);
	line-height: 1.2;
	transition: transform 0.22s var(--omis-ease), box-shadow 0.22s var(--omis-ease);
}

.omis-consent__btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--omis-shadow-float);
}

.omis-consent__btn[hidden] {
	display: none;
}

/* "הגדרות" — שלישוני במכוון. זה לא מסלול הדחייה, ולכן היררכיה כאן מותרת.
   הצבע נשאר --omis-ink מלא: זהו פקד אינטראקטיבי, לא טקסט משני. */
.omis-consent__more {
	margin-inline-start: auto;
	min-height: 4.4rem;
	padding-inline: 1.2rem;
	color: var(--omis-ink);
	font-size: 1.4rem;
	text-decoration: underline;
	text-underline-offset: 0.35rem;
	transition: opacity 0.2s var(--omis-ease);
}

.omis-consent__more:hover {
	opacity: 0.68;
}

/* ---- קישור "הגדרות קוקיז" בפוטר ---- */
/* מיישר קו עם .omis-footer__menu a (main.css:1084) — הוא button ולכן
   הכלל ההוא לא חל עליו. ה-reset הגלובלי של button (main.css:73) כבר
   מאפס background/border/padding, אבל חוזרים עליו כדי שהמחלקה תעמוד
   בפני עצמה גם מחוץ לתפריט. */

.omis-consent-link {
	background: none;
	border: 0;
	padding: 0;
	color: var(--omis-ink);
	font-size: 2rem;
	font-weight: var(--omis-regular);
	line-height: 1.2;
	transition: opacity 0.2s var(--omis-ease);
}

.omis-consent-link:hover {
	opacity: 0.62;
}

/* מצב "הדגשת קישורים" בתפריט הנגישות מסמן רק <a> (main.css:1296). */
html.omis-a11y-links .omis-consent-link {
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

/* ---- WCAG 2.4.11: אלמנט ממוקד לא ייחסם ע"י הגיליון בגלילה ---- */
/* html כבר נושא scroll-padding-top (main.css:21); זה longhand אחר, אין התנגשות. */
html.omis-consent-open {
	scroll-padding-block-end: calc(var(--omis-consent-h, 0px) + 2rem);
}

/* ---- כיבוי תנועה — שני המתגים ---- */

@media (prefers-reduced-motion: reduce) {
	.omis-consent__panel,
	.omis-consent__prefs {
		animation: none;
	}

	.omis-consent__track,
	.omis-consent__track::after,
	.omis-consent__btn,
	.omis-consent__more,
	.omis-consent-link {
		transition: none;
	}

	.omis-consent__btn:hover {
		transform: none;
	}
}

/* הכלל הגלובלי html.omis-a11y-motion * (main.css:1301) מאפס duration
   ב-!important, אבל לא מבטל את ערך ה-transform עצמו. ספציפיות 0,2,0
   מול 0,1,0 — מנצח בלי !important ובלי תלות בסדר. */
html.omis-a11y-motion .omis-consent__panel,
html.omis-a11y-motion .omis-consent__prefs {
	animation: none;
}

html.omis-a11y-motion .omis-consent__track,
html.omis-a11y-motion .omis-consent__track::after,
html.omis-a11y-motion .omis-consent__btn,
html.omis-a11y-motion .omis-consent__more,
html.omis-a11y-motion .omis-consent-link {
	transition: none;
}

html.omis-a11y-motion .omis-consent__btn:hover {
	transform: none;
}

/* ---- View Transitions: אותו טיפול שסעיף 22.1 נותן לכרום הקבוע ----
   הגיליון הוא position:fixed, ולכן בלי שם משלו הוא נצרב לתוך תצלום ה-root
   של שני הדפים ונצבע פעמיים (plus-lighter). מתן שם מוציא אותו לקבוצה
   עצמאית. אין לו צאצאים fixed, ולכן ה-containing block החדש לא משנה דבר.
   כשהוא hidden הוא אינו מרונדר ולכן לא נתפס שם — בדיוק ההתנהגות הרצויה. */
.omis-consent {
	view-transition-name: omis-consent;
}

::view-transition-old(omis-consent),
::view-transition-new(omis-consent) {
	animation: none;
	mix-blend-mode: normal;
}

::view-transition-old(omis-consent) {
	opacity: 0;
}

/* ---- מובייל ---- */

@media (max-width: 1023.98px) {
	.omis-consent {
		padding: 1rem;
	}

	.omis-consent__panel {
		gap: 1.4rem;
		padding: 1.8rem 1.6rem;
		max-height: 68vh;
		max-height: 68dvh;
	}

	.omis-consent__title {
		font-size: 1.7rem;
	}

	.omis-consent__text {
		font-size: 1.28rem;
	}

	.omis-consent__name {
		font-size: 1.35rem;
	}

	.omis-consent__desc {
		font-size: 1.2rem;
	}

	.omis-consent__actions {
		gap: 0.8rem;
	}

	.omis-consent__btn {
		flex: 1 1 14rem;
		min-width: 0;
		padding-inline: 1.6rem;
		font-size: 1.35rem;
	}

	.omis-consent__more {
		flex: 1 1 100%;
		margin-inline-start: 0;
		text-align: center;
	}

	/* במובייל הגיליון ברוחב מלא ומכסה את הוואטסאפ, החיוג וכפתור הנגישות.
	   מרימים אותם בגובה שנמדד בפועל (--omis-consent-h, נכתב ב-JS).
	   הערכים המקוריים אומתו: .omis-floats ו-.omis-a11y-toggle bottom:1.2rem
	   (main.css:1798/1815), .omis-a11y-panel 6.4rem (1823), .omis-toast
	   7.4rem (1890). ספציפיות 0,2,1 מול 0,1,0, ולכן זה עובד בלי !important
	   ובלי תלות בסדר הטעינה.
	   בלי transition בכוונה: ל-.omis-floats יש view-transition-name,
	   ואנימציה עליו מסתבכת עם מעברי הדפים. */
	html.omis-consent-open .omis-floats,
	html.omis-consent-open .omis-a11y-toggle {
		bottom: calc(1.2rem + var(--omis-consent-h, 0px));
	}

	html.omis-consent-open .omis-a11y-panel {
		bottom: calc(6.4rem + var(--omis-consent-h, 0px));
	}

	html.omis-consent-open .omis-toast {
		bottom: calc(7.4rem + var(--omis-consent-h, 0px));
	}

	/* זהה בדיוק ל-.omis-footer__menu a במובייל (main.css:1769). */
	.omis-consent-link {
		font-size: 1.186rem;
		line-height: 2.3585rem;
		white-space: nowrap;
	}
}

/* --------------------------------------------------------------------------
   23. שדה הסכמה לדיוור (omis-optin) (omis_consent_field)
   נוסף לסוף assets/css/main.css (main.css נטען בכל עמוד — גם בדף הבית
   וגם בעמוד יצירת קשר, ולכן זה הבית הנכון ולא woocommerce.css).

   ספציפיות (נבדק מול הקבצים):
   * .omis-friends__form input (0,1,1) ו-.omis-contact-form input (0,1,1)
     תופסים גם את ה-checkbox, ולכן כללי התיבה נכתבים .omis-optin
     .omis-optin__input = (0,2,0). ב-:focus הכללים הקיימים הם (0,2,1)
     ולכן כאן (0,3,0). מספיק כדי לגבור, נמוך מספיק כדי לא להפוך לכלל-על.
   * הכלל הגורף woocommerce.css:4936
     .woocommerce a:where(:not(.button)):where(:not(.omis-btn)):where(:not([class*="omis-"]))
     הוא (0,1,1) בגלל ה-:where, ובכל מקרה מחריג כל class שמתחיל ב-omis- —
     .omis-optin__link לא נופל בו.
   * אין !important, ואין שום z-index חדש (סולם 90/120/200/260/300 לא נגע).
   -------------------------------------------------------------------------- */

.omis-optin {
	/* המידות במקום אחד — שינוי כאן מכייל את כל הרכיב */
	--omis-optin-box: 1.8rem;     /* התיבה הנראית */
	--omis-optin-hit: 4.4rem;     /* יעד מגע 44×44 (WCAG 2.5.5) */
	--omis-optin-pad-i: 0.9rem;
	--omis-optin-pad-b: 0.5rem;
	--omis-optin-nudge: 0.2rem;   /* יישור התיבה לשורת הטקסט הראשונה */

	position: relative;             /* עוגן ליעד המגע */
	grid-column: 1 / -1;            /* שורה מלאה בשני הטפסים (גריד 2 עמודות) */
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	column-gap: 0.9rem;
	row-gap: 0.4rem;
	padding: var(--omis-optin-pad-b) var(--omis-optin-pad-i);
	border-radius: 0.8rem;
	/* הכהיה עדינה של רקע הזית (--omis-olive #837963, זהה בשני הטפסים:
	   .omis-friends__card ו-.omis-contact-card). המיזוג נותן #706A57,
	   והקרם עולה מ-3.95:1 ל-4.96:1 — AA לטקסט קטן.
	   על #837963 נקי אי אפשר להגיע ל-4.5:1 אפילו עם לבן טהור (4.30:1). */
	background: rgba(47, 51, 45, 0.22);
	direction: rtl;
	text-align: start;
}

.omis-optin .omis-optin__input {
	inline-size: var(--omis-optin-box);
	block-size: var(--omis-optin-box);
	margin: var(--omis-optin-nudge) 0 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	border: 0.12rem solid rgba(254, 244, 228, 0.6);
	border-radius: 0.4rem;
	background-color: rgba(254, 244, 228, 0.08);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 72% 72%;
	box-shadow: none;
	cursor: pointer;
	transition: background-color 0.2s var(--omis-ease), border-color 0.2s var(--omis-ease);
}

.omis-optin .omis-optin__input:checked {
	background-color: var(--omis-cream);
	border-color: var(--omis-cream);
	/* וי מצויר ב-data URI — בלי בקשת רשת ובלי אלמנט נוסף */
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.6l3.1 3.1 6.5-6.9' fill='none' stroke='%232f332d' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* .omis-friends__form input:focus / .omis-contact-form input:focus (0,2,1)
   מכבים outline ומציירים border כהה — הכללים כאן (0,3,0) מחזירים טבעת
   נראית בקרם על רקע הזית (4.96:1, מעל 3:1 הנדרש לרכיב לא-טקסטואלי). */
.omis-optin .omis-optin__input:focus {
	outline: none;
	border-color: rgba(254, 244, 228, 0.9);
	box-shadow: none;
}

.omis-optin .omis-optin__input:focus-visible {
	outline: 0.2rem solid var(--omis-cream);
	outline-offset: 0.3rem;
}

.omis-optin__label {
	font-size: 1.2rem;
	line-height: 1.55;
	color: var(--omis-cream);
	cursor: pointer;
}

/* יעד מגע 44×44 לתיבה עצמה.
   ה-::before שייך ל-<label for>, ולכן לחיצה בשטח מסמנת את התיבה.
   הוא נפרש *החוצה* (לכיוון ה-gutter) ולא פנימה: הוא מסתיים בדיוק היכן
   שהטקסט מתחיל, ולכן אינו מכסה את הנוסח ואינו חוסם את הקישור למדיניות —
   ולכן גם לא נדרש z-index על הקישור. ה-inset הלוגי נפתר מול
   .omis-optin (direction: rtl), כלומר inset-inline-start = ימין. */
.omis-optin__label::before {
	content: '';
	position: absolute;
	inset-block-start: calc(
		var(--omis-optin-pad-b) + var(--omis-optin-nudge) +
		(var(--omis-optin-box) - var(--omis-optin-hit)) / 2
	);
	inset-inline-start: calc(
		var(--omis-optin-pad-i) + var(--omis-optin-box) - var(--omis-optin-hit)
	);
	inline-size: var(--omis-optin-hit);
	block-size: var(--omis-optin-hit);
	border-radius: 50%;
}

.omis-optin__link {
	color: var(--omis-cream);
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

.omis-optin__link:hover {
	color: var(--omis-white);
}

.omis-optin__star {
	margin-inline-start: 0.2rem;
	opacity: 0.75;
}

.omis-optin__error {
	grid-column: 1 / -1;
	font-size: 1.15rem;
	line-height: 1.5;
	color: #ffd9c8;   /* אותו גוון של .omis-form-message.is-error (main.css:2350) */
}

.omis-optin__error:empty {
	display: none;
}

/* ---- מצב שגיאה (התיבה לא סומנה) ---- */

.omis-optin.is-error {
	/* רקע כהה יותר: המיזוג נותן #666151, ועליו #ffd9c8 מגיע ל-4.72:1 */
	background-color: rgba(47, 51, 45, 0.34);
	box-shadow: inset 0 0 0 0.1rem rgba(255, 217, 200, 0.55);
}

.omis-optin.is-error .omis-optin__input {
	border-color: #ffd9c8;
	background-color: rgba(255, 217, 200, 0.18);
}

/* ---- כיבוי תנועה ----
   html.omis-a11y-motion כבר מכוסה ב-main.css:1301 (* + transition-duration
   עם !important), אבל prefers-reduced-motion אינו מכובה גלובלית בתבנית —
   לכן הכלל הזה. שני המצבים מטופלים. */
@media (prefers-reduced-motion: reduce) {
	.omis-optin .omis-optin__input {
		transition: none;
	}
}

/* ---- ניגודיות כפויה (Windows HCM): appearance:none מעלים את התיבה ---- */
@media (forced-colors: active) {
	.omis-optin .omis-optin__input {
		appearance: auto;
		-webkit-appearance: auto;
	}
}

/* --------------------------------------------------------------------------
   23.1 הודעת הטופס — תיקון ניגודיות.
   .omis-form-message יושבת ישירות על --omis-olive: קרם = 3.95:1 ו-#ffd9c8
   (מצב שגיאה) = 3.28:1, שניהם מתחת ל-4.5:1 ב-13px. אי אפשר לתקן בצבע —
   גם לבן טהור על #837963 נותן 4.30:1. אותה הכהיה כמו הפלאק מעלה את
   הקרם ל-6.03:1 ואת #ffd9c8 ל-4.72:1.
   -------------------------------------------------------------------------- */

.omis-friends__form .omis-form-message,
.omis-contact-form .omis-form-message {
	padding: 0.4rem 0.9rem;
	border-radius: 0.6rem;
	background: rgba(47, 51, 45, 0.34);
}

/* --------------------------------------------------------------------------
   23.2 טופס המועדון — הטופס ממוקם absolute לפי קובץ העיצוב, ולכן שורת
   הפעולות וההודעה היו ממוקמות ב-top קשיח (25.49rem / 30.2rem) בתוכו.
   מספרים קשיחים לא שורדים הוספת שורה: כל שינוי באורך נוסח ההסכמה היה
   מפיל את הכפתור על גבי הפלאק. לכן שתיהן חוזרות לזרימת הגריד —
   ההפרש מהעיצוב הוא 0.38rem בשורת הפעולות ו-0.45rem בהודעה, והפריסה
   מתכיילת מעצמה לכל אורך נוסח. נשאר מספר קשיח אחד בלבד: גובה הכרטיס.
   -------------------------------------------------------------------------- */

.omis-friends__form .omis-friends__actions {
	position: static;
	grid-column: 1 / -1;
	/* ממורכז עכשיו (הטופס עבר לזרימה מרוכזת) — בלי היסט הימני הישן */
	justify-content: center;
}

.omis-friends__form .omis-form-message {
	position: static;
	grid-column: 1 / -1;
}

/* גובה הכרטיס — המספר היחיד שצריך לעדכן אם הנוסח מתארך מעבר לתקציב.
   התקציב: 3 שורות פלאק + שורת הודעה אחת + 1.4rem נשימה. */
.omis-friends {
	--omis-optin-shift: 9.1rem;
}

.omis-friends__card {
	height: calc(73.74rem + var(--omis-optin-shift));
}

/* friends-panel.png הוא 585×738 RGB (בלי אלפא) ופינות הכרטיס המעוגלות
   צרובות בו כפיקסלים *לבנים* — 13px בתחתית מימין ו-12px בעמודה הימנית.
   כל עוד הרקע היה 100% 100% הפינה נמתחה בדיוק על הפינה האמיתית של
   הכרטיס ונחתכה ב-overflow:hidden. עם כרטיס גבוה יותר אסור לעגן
   למעלה — הפינה הלבנה הייתה צפה באמצע הפאנל. cover מגדיל אחיד (בלי
   למתוח את הטבעות) וחותך 3.59rem מכל צד, כלומר הפינה הלבנה (1.3rem)
   יורדת לגמרי. תמיד לבדוק מחדש אם התמונה מוחלפת. */
.omis-friends__panel {
	background-size: cover;
	background-position: center top;
}

/* --------------------------------------------------------------------------
   23.3 מובייל (≤1023.98px)
   הכללים הקיימים לכרטיס/פאנל/פעולות/הודעה יושבים ב-@media בשורות
   1620-1732; הכללים כאן מגיעים אחריהם במקור, ולכן חייבים להופיע גם הם
   ב-@media — אחרת ערכי הדסקטופ היו דולפים למובייל.
   -------------------------------------------------------------------------- */

@media (max-width: 1023.98px) {
	.omis-optin {
		--omis-optin-box: 1.5rem;
		column-gap: 0.7rem;
		border-radius: 0.6rem;
	}

	.omis-optin__label {
		font-size: 1.1rem;
		line-height: 1.5;
	}

	.omis-optin__error {
		font-size: 1.05rem;
	}

	.omis-friends__form .omis-friends__actions {
		margin-inline-end: 0;
	}

	/* המידה נגזרת מהפאנל, לא מהכרטיס: ברוחב 26rem הנוסח גולש ל-3 שורות,
	   ושורת הפעולות חייבת להישאר בתוך הפס הזית ולא על התמונה. */
	.omis-friends {
		--omis-optin-shift: 5.8rem;
	}

	.omis-friends__card {
		height: calc(67.34rem + var(--omis-optin-shift));
	}

	/* m-friends-panel.png (1014×1206) נבדק: אין בו פינות צרובות, והשורה
	   התחתונה שלו היא rgb(131,121,99) — התאמה מדויקת ל---omis-olive
	   #837963. לכן כאן דווקא 100% auto מלמעלה: התמונה לא נמתחת והשארית
	   נצבעת בזית בלי תפר. הפאנל + התמונה = בדיוק גובה הכרטיס. */
	.omis-friends__panel {
		height: calc(39.83rem + var(--omis-optin-shift));
		background-size: 100% auto;
		background-position: center top;
	}
}

/* ==========================================================================
   24. באנר הקוקיז — גרסה קומפקטית
   ----------------------------------------------------------------------
   הבקשה: "בתחתית העמוד, פופאפ קטן וחמוד, לא מוגזם".
   מה שהיה: רוחב 96rem (כמעט כל המסך), פדינג 2.2/2.4rem, כותרת גדולה
   וטקסט ארוך — בלוק שתופס שליש מסך. כאן מצמצמים לכרטיסון צר בפינה.
   הכללים נשענים על סדר המקורות (זהה בספציפיות למקור, מופיעים אחריו),
   ולכן אין כאן !important ואין הסלמת משקל.
   ========================================================================== */

/* בפינה התחתונה, לא ממורכז לרוחב כל המסך */
.omis-consent {
	justify-content: flex-start;
	padding: 1.4rem;
}

.omis-consent__panel {
	max-width: 40rem;          /* היה 96rem */
	gap: 1.1rem;
	padding: 1.6rem 1.8rem;
	border-radius: 1.4rem;
	box-shadow: 0 1.2rem 3.2rem rgba(47, 51, 45, 0.16);
}

/* כותרת קטנה יותר — זה טוסט, לא כרזה */
.omis-consent__title {
	font-size: 1.5rem;
	margin: 0;
}

.omis-consent__intro,
.omis-consent__desc {
	font-size: 1.28rem;
	line-height: 1.6;
}

/* הכפתורים בשורה אחת, קומפקטיים */
.omis-consent__actions {
	gap: 0.8rem;
}

.omis-consent__btn {
	height: 3.6rem;
	padding-inline: 1.6rem;
	font-size: 1.3rem;
	border-radius: 999px;
}

.omis-consent__more {
	font-size: 1.25rem;
}

/* אזור ההגדרות נשאר גליל קצר — לא נותנים לו למתוח את הכרטיסון */
.omis-consent__scroll {
	max-height: 46vh;
	max-height: 46dvh;
}

/* מובייל: רוחב מלא עם שוליים, ומעל ה-safe area של האייפון */
@media (max-width: 559.98px) {
	.omis-consent {
		justify-content: stretch;
		padding: 1rem;
		padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
	}

	.omis-consent__panel {
		max-width: none;
		padding: 1.4rem 1.5rem;
	}

	.omis-consent__actions {
		flex-wrap: wrap;
	}

	.omis-consent__btn {
		flex: 1 1 auto;
	}
}

/* ==========================================================================
   25. כיולים אחרי בדיקה באתר החי
   ========================================================================== */

/* --- באנר הקוקיז במובייל: קטן ומהודק --- */
@media (max-width: 559.98px) {
	.omis-consent__panel {
		gap: 0.8rem;
		padding: 1.1rem 1.2rem;
		border-radius: 1.1rem;
	}

	.omis-consent__title {
		font-size: 1.32rem;
	}

	.omis-consent__intro,
	.omis-consent__desc {
		font-size: 1.15rem;
		line-height: 1.5;
	}

	.omis-consent__btn {
		/* rem נגזר-viewport: 3.2rem הוא 26px ב-320px. הרצפה בפיקסלים
		   שומרת יעד מגע נוח בכל רוחב מסך. */
		height: max(3.2rem, 38px);
		padding-inline: 1.1rem;
		font-size: 1.18rem;
	}

	.omis-consent__more {
		font-size: 1.12rem;
	}

	/* פחות גובה לאזור ההגדרות — הגיליון לא יבלע את המסך */
	.omis-consent__scroll {
		max-height: 38vh;
		max-height: 38dvh;
	}
}

/* --- צ׳קבוקס הדיוור: הטקסט היה גדול מדי ודחף את הכפתור והאייקונים ---
   בסקשן "OMIS friends" הרכיב יושב על תמונת רקע, ולכן טקסט גדול גלש
   מעל התמונה במקום להישאר על המשטח. מקטינים משמעותית ומהדקים. */
.omis-optin {
	--omis-optin-box: 1.5rem;
	column-gap: 0.65rem;
	margin-block: 0.6rem 0.9rem;
}

.omis-optin__label {
	font-size: 1.15rem;
	line-height: 1.45;
}

.omis-optin__error {
	font-size: 1.08rem;
}

/* בתוך כרטיס המועדון — צמצום נוסף, שם המקום הכי צר */
.omis-friends__form .omis-optin,
.omis-friends__card .omis-optin {
	margin-block: 0.4rem 0.7rem;
}

.omis-friends__form .omis-optin__label,
.omis-friends__card .omis-optin__label {
	/* 1.08rem יצא 10.8px — קטן מדי לטקסט שהחוק דורש שיהיה ברור ובולט.
	   1.2rem נשאר קומפקטי, נשפך לשתי שורות ואינו דוחף את הכפתור. */
	font-size: 1.2rem;
	line-height: 1.45;
}

@media (max-width: 1023.98px) {
	.omis-optin__label {
		font-size: 1.1rem;
	}

	.omis-friends__form .omis-optin__label,
	.omis-friends__card .omis-optin__label {
		font-size: 1.05rem;
	}
}

/* ==========================================================================
   26. חסימת גלישה אופקית — הגנה גלובלית
   ----------------------------------------------------------------------
   ההגנה היחידה שהייתה היא body { overflow-x: hidden } (שורה 55).
   שתי בעיות בה:
     1. iOS Safari לא מכבד אותה בעקביות — הדף עדיין נגרר הצידה בטלפון,
        וזה בדיוק הפער בין מה שנראה תקין באמולציה למה שקורה במכשיר.
     2. אי אפשר פשוט להעביר אותה ל-html: overflow-x:hidden על html כופה
        overflow-y:auto, וזה הופך את ה-<html> למכולת גלילה — מה ששובר את
        position:sticky של ההדר ויוצר פס גלילה כפול.

   overflow-x: clip פותר את שניהם. הוא חוסם בפועל ב-iOS, ובניגוד ל-hidden
   הוא *לא* יוצר מכולת גלילה — ולכן sticky ממשיך לעבוד.
   overflow-y נשאר visible ולא מושפע.
   ========================================================================== */

html {
	overflow-x: clip;
}

/* גיבוי לדפדפנים בלי תמיכה ב-clip (Safari מתחת ל-16):
   שם נשארת ההתנהגות הישנה של body, שהיא עדיין טובה מכלום. */
@supports not (overflow-x: clip) {
	body {
		overflow-x: hidden;
	}
}

/* --- רשת ביטחון לאשמים הקלאסיים --- */

/* מדיה לא תחרוג מהמכל שלה, גם אם הגיעה עם width קשיח מהעורך */
img,
video,
iframe,
embed,
object,
svg {
	max-width: 100%;
}

/* טבלאות ובלוקי קוד מתוכן שהלקוחה מזינה — גלילה פנימית ולא דחיפת העמוד */
.omis-page__content table,
.omis-tab-body table,
.woocommerce-Tabs-panel table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* מילים ארוכות בלי רווח (URL שהודבק, מק״ט ארוך) לא ימתחו את הפריסה */
.omis-page__content,
.omis-tab-body,
.woocommerce-Tabs-panel,
.omis-card__title,
.omis-minicart__name {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* --------------------------------------------------------------------------
   אמצעי תשלום בפוטר — מחשב ומובייל
   -------------------------------------------------------------------------- */

.omis-payments {
	list-style: none;
	margin: 2.6rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.9rem;
	direction: ltr;
}

.omis-payments li {
	padding: 0;
	line-height: 0;
}

.omis-payments li::before {
	content: none;
}

.omis-payments svg {
	width: auto;
	/* הוגדל בפוטר לבקשת הלקוחה */
	height: 3.6rem;
	display: block;
	border-radius: 0.5rem;
	box-shadow: 0 1px 3px rgba(47, 51, 45, 0.08);
}

@media (max-width: 767.98px) {
	.omis-payments {
		margin-top: 2rem;
		gap: 0.8rem;
	}

	.omis-payments svg {
		height: 3rem;
	}
}

/* --------------------------------------------------------------------------
   שאלות ותשובות — אקורדיון (מנוהל מהגדרות OMIS ← שאלות ותשובות)
   -------------------------------------------------------------------------- */

.omis-faq {
	max-width: 78rem;
	margin: 0 auto;
}

.omis-faq__item {
	border-bottom: 1px solid var(--omis-line);
}

.omis-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
	padding: 2rem 0.2rem;
	cursor: pointer;
	list-style: none;
	font-size: 1.65rem;
	font-weight: var(--omis-medium);
	color: var(--omis-ink);
	line-height: 1.4;
}

.omis-faq__q::-webkit-details-marker { display: none; }

.omis-faq__icon {
	position: relative;
	flex: none;
	width: 1.6rem;
	height: 1.6rem;
}

.omis-faq__icon::before,
.omis-faq__icon::after {
	content: '';
	position: absolute;
	background: var(--omis-sage-dark, var(--omis-sage));
	transition: transform 0.25s var(--omis-ease), opacity 0.25s var(--omis-ease);
}

.omis-faq__icon::before {
	top: 50%;
	left: 0;
	right: 0;
	height: 2px;
	transform: translateY(-50%);
}

.omis-faq__icon::after {
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	transform: translateX(-50%);
}

.omis-faq__item[open] .omis-faq__icon::after {
	opacity: 0;
	transform: translateX(-50%) rotate(90deg);
}

.omis-faq__a {
	padding: 0 0.2rem 2.2rem;
	font-size: 1.45rem;
	line-height: 1.75;
	color: var(--omis-ink-70);
}

.omis-faq__a p { margin: 0 0 1rem; }
.omis-faq__a p:last-child { margin-bottom: 0; }

@media (max-width: 767.98px) {
	.omis-faq__q { font-size: 1.45rem; padding: 1.6rem 0.2rem; }
	.omis-faq__a { font-size: 1.3rem; }
}