/* ==========================================================================
   אירית מירושניקוב · סקיצה 2 "קולנוע" (Click-In, 26.10.2026, סבב QA)
   מרובעת לגמרי, שחור לבן וזהב, בהשראת velawood.com. כותרות ב-Birzia Light (עמרם 26.10), טקסט ב-FUP Galil.
   הכול תחת body.ir-s2 (העמוד /sketch-2/). גם הרכיבים המשותפים (הדר, פוטר, מגירה, פופאפ, צ׳אט, עוגיות, סרגל) מקבלים כאן עור מרובע.
   עברית בלי ריווח אותיות (≤ .02em).
   ========================================================================== */
body.ir-s2 {
  --s2-black: #0B0B0B; --s2-ink: #111111; --s2-gold: #A6850D; --s2-gold-d: #7E650A; --s2-gold-t: #8A6D12; --s2-gold-l: #D9C48A;
  --s2-soft: #CFC9BE; --s2-line: rgba(17,17,17,.12); --s2-line-d: rgba(217,196,138,.22); --s2-hh: 110px;
  --s2-ease: cubic-bezier(.16, 1, .3, 1);
  --s2-metal: linear-gradient(100deg, #8E6B2F 0%, #E2C98E 42%, #B8924A 68%, #8A6629 100%);
  font-family: "FUP Galil", system-ui, Arial, sans-serif;
  background: #fff;
}
body.ir-s2 ::selection { background: var(--s2-gold); color: #fff; }
/* Latin email keeps normal case (the Hebrew text font has capitals only) */
body.ir-s2 a[href^="mailto"], body.ir-s2 a[href^="mailto"] .elementor-icon-list-text { font-family: system-ui, "Segoe UI", Arial, sans-serif; }
/* Hebrew takes no tracking: eyebrows, city line, footer headings, drawer line */
body.ir-s2 .ir-eyebrow .elementor-heading-title, body.ir-s2 .s2-city .elementor-heading-title, body.ir-s2 .cki-drawer__course,
body.ir-s2 .cki-ring__hint, body.ir-s2 .ir-foot-h .elementor-heading-title, body.ir-s2 .elementor-heading-title { letter-spacing: .01em !important; }
body.ir-s2 .s2-step-n .elementor-heading-title, body.ir-s2 .s2-rev-count .elementor-heading-title, body.ir-s2 .s2-film-n .elementor-heading-title { letter-spacing: .06em !important; }

/* ---------- square everything ---------- */
body.ir-s2 .elementor-button, body.ir-s2 .ir-btn .elementor-button-icon, body.ir-s2 .elementor-field,
body.ir-s2 .elementor-field-textual, body.ir-s2 .elementor-icon { border-radius: 0 !important; }
body.ir-s2 .ir-btn .elementor-button-icon { background: rgba(255,255,255,.14); }
body.ir-s2 .ir-btn--ghost .elementor-button-icon { background: rgba(255,255,255,.1); }
body.ir-s2 .ir-btn--gold .elementor-button { color: #111 !important; box-shadow: none; }
body.ir-s2 .ir-btn--gold .elementor-button svg { fill: #111 !important; }
body.ir-s2 .ir-btn--gold .elementor-button-icon { background: rgba(17,17,17,.12); }
body.ir-s2 .ir-btn--gold .elementor-button:hover { background-position: 100% 0; }
body.ir-s2 .ir-gold::after { display: none; }
body.ir-s2 .s2-tag .elementor-heading-title { color: var(--s2-gold-t) !important; }
body.ir-s2 .s2-help .s2-tag .elementor-heading-title, body.ir-s2 .s2-reviews .s2-tag .elementor-heading-title { color: var(--s2-gold-l) !important; }
/* the gold frame shared by the two portraits (same 1px gold, same 22px offset) */
body.ir-s2 .s2-frame { position: relative; margin: 0 0 22px 0 !important; }   /* no side margin: it pushed the about row onto two lines */
body.ir-s2 .s2-frame::before { content: ""; position: absolute; top: 22px; bottom: -22px; left: -22px; right: 22px; border: 1px solid var(--s2-gold); pointer-events: none; z-index: 0; }
body.ir-s2 .s2-frame > * { position: relative; z-index: 1; }

/* ---------- header over the film: transparent, short light logo, quiet square buttons; ~72px once you scroll ---------- */
body.ir-s2 .ir-header .ir-logo--dark, body.ir-s2 .ir-header .ir-logo--dark-short, body.ir-s2 .ir-foot-logo.ir-logo--dark { display: none !important; }
body.ir-s2 .ir-header:has(.ir-logo--light-short) .ir-logo--light:not(.ir-logo--light-short) { display: none !important; }
body.ir-s2 .ir-header { background: linear-gradient(180deg, rgba(11,11,11,.6), rgba(11,11,11,0)) !important; }
body.ir-s2 .ir-header.elementor-sticky--effects { background: rgba(11,11,11,.94) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 1px 0 var(--s2-line-d); padding-top: 8px !important; padding-bottom: 8px !important; }
body.ir-s2 .ir-header .ir-logo img { width: auto !important; height: 70px; transition: height .45s var(--s2-ease); }
body.ir-s2 .ir-header.elementor-sticky--effects .ir-logo img { height: 52px; }
body.ir-s2 .ir-nav .elementor-nav-menu--main .elementor-item { color: #fff !important; }
body.ir-s2 .ir-nav .elementor-nav-menu--main .elementor-item:hover, body.ir-s2 .ir-nav .elementor-nav-menu--main .elementor-item:focus { color: var(--s2-gold-l) !important; }
body.ir-s2 .ir-nav .elementor-nav-menu--main .elementor-item::after { background-color: var(--s2-gold-l) !important; }
body.ir-s2 .ir-hphone .elementor-icon, body.ir-s2 .ir-menu-btn .elementor-icon { background: transparent !important; color: #fff !important; border: 1px solid rgba(217,196,138,.55) !important; width: 48px; height: 48px; padding: 0 !important; display: grid !important; place-items: center; }
body.ir-s2 .ir-hphone .elementor-icon svg, body.ir-s2 .ir-menu-btn .elementor-icon svg { fill: #fff !important; width: 16px; height: 16px; }
body.ir-s2 .ir-hphone .elementor-icon:hover, body.ir-s2 .ir-menu-btn .elementor-icon:hover { background: rgba(217,196,138,.14) !important; border-color: var(--s2-gold-l) !important; }
body.ir-s2 .ir-hcta .elementor-button { background-image: var(--s2-metal) !important; background-size: 180% 100% !important; color: #111 !important; min-height: 48px; }
body.ir-s2 .ir-hcta .elementor-button svg { fill: #111 !important; }

/* ---------- hero: full screen black and white film, text in the lower part (clear of Irit's face) ---------- */
body.ir-s2 .s2-hero { margin-top: calc(-1 * var(--s2-hh)) !important; position: relative; overflow: hidden; isolation: isolate; }
body.ir-s2 .s2-hero .elementor-background-video-container video { object-fit: cover; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; transform: none !important; }
body.ir-s2 .s2-hero .elementor-background-video-container { z-index: -2; }
body.ir-s2 .s2-hero-center { position: relative; z-index: 2; }
body.ir-s2 .s2-hero-center::before { content: ""; position: absolute; z-index: -1; inset: -60px -10%; background: radial-gradient(closest-side, rgba(11,11,11,.42), rgba(11,11,11,0)); pointer-events: none; }
body.ir-s2 .s2-h1 .elementor-heading-title { letter-spacing: -.01em !important; text-shadow: 0 2px 40px rgba(0,0,0,.35); }
body.ir-s2 .s2-h1 .ir-gold { color: var(--s2-gold-l); }
body.ir-s2 .s2-hero-card { position: absolute !important; z-index: 3; bottom: 0; inset-inline-end: 0; width: min(560px, 42%) !important; border-inline-start: 3px solid var(--s2-gold); }
body.ir-s2 .s2-chev { position: absolute !important; z-index: 3; bottom: 34px; left: 50%; transform: translateX(-50%); width: auto !important; }
body.ir-s2 .s2-chev .elementor-icon { width: 48px; height: 48px; display: grid; place-items: center; animation: s2Bob 2.2s ease-in-out infinite; }
@keyframes s2Bob { 50% { transform: translateY(8px); } }
/* cinematic letterbox: two black bars that open when the page arrives */
body.ir-s2 .s2-hero::after { content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none;
  background: linear-gradient(#0B0B0B, #0B0B0B) top / 100% 50% no-repeat, linear-gradient(#0B0B0B, #0B0B0B) bottom / 100% 50% no-repeat;
  animation: s2Bars 1.6s cubic-bezier(.76,0,.24,1) .35s forwards; }
@keyframes s2Bars { to { background-size: 100% 0%, 100% 0%; } }
html.cki-loading body.ir-s2 .s2-hero::after { animation-play-state: paused; }

/* ---------- about: one story, portrait in the gold frame, watermark behind the title ---------- */
body.ir-s2 .s2-about-text { position: relative; }
body.ir-s2 .s2-about-text::before { content: "א"; position: absolute; top: -90px; inset-inline-end: 0; font: 100 300px/1 "Birzia", sans-serif;
  color: transparent; -webkit-text-stroke: 1.2px rgba(166,133,13,.26); pointer-events: none; z-index: 0; }
body.ir-s2 .s2-about-text > * { position: relative; z-index: 1; }
body.ir-s2 .s2-flip .cki-flip__img { height: 100% !important; }   /* Irit 1.11: her pictures in colour (no grayscale) */   /* .elementor img {height:auto} beat the widget rule */
body.ir-s2 .s2-flip .cki-flip__bar { display: none; }
body.ir-s2 .s2-belief { border-inline-start: 3px solid var(--s2-gold); margin-top: 6px !important; }

/* ---------- help: square icon tiles (links) + service rows ---------- */
body.ir-s2 .s2-track { width: 112px !important; text-decoration: none; cursor: pointer; }
body.ir-s2 .s2-track-icon .elementor-icon { border-color: rgba(217,196,138,.55) !important; transition: background-color .4s, transform .5s var(--s2-ease); }
body.ir-s2 .s2-track:hover .s2-track-icon .elementor-icon, body.ir-s2 .s2-track:focus-visible .s2-track-icon .elementor-icon { background: var(--s2-gold) !important; transform: translateY(-4px); }
body.ir-s2 .s2-track:hover .s2-track-icon .elementor-icon svg { fill: #111 !important; }
body.ir-s2 .s2-track-t .elementor-heading-title { white-space: nowrap; }
body.ir-s2 .s2-rows { border-bottom: 1px solid var(--s2-line-d); margin-top: 20px !important; }
body.ir-s2 .s2-row { position: relative; border-top: 1px solid var(--s2-line-d); transition: background-color .5s var(--s2-ease); scroll-margin-top: 110px; }
body.ir-s2 .s2-row::before { content: ""; position: absolute; top: -1px; inset-inline-start: 0; height: 1px; width: 0; background: var(--s2-gold-l); transition: width .9s var(--s2-ease); }
body.ir-s2 .s2-row:hover, body.ir-s2 .s2-row:target { background: rgba(255,255,255,.03); }
body.ir-s2 .s2-row:hover::before, body.ir-s2 .s2-row:target::before { width: 100%; }
body.ir-s2 .s2-row-icon .elementor-icon { border-color: rgba(166,133,13,.6) !important; }
body.ir-s2 .s2-row-p p { color: var(--s2-soft); transition: color .4s; }
body.ir-s2 .s2-row:hover .s2-row-p p { color: #fff; }

/* ---------- statement band: the still turns black and white ---------- */
body.ir-s2 .s2-statement { background-color: #0B0B0B !important; background-blend-mode: luminosity; }
body.ir-s2 .s2-statement-b .elementor-heading-title { background: var(--s2-metal); -webkit-background-clip: text; background-clip: text; color: transparent !important; }

/* ---------- process: five square columns, gold icons ---------- */
body.ir-s2 .s2-steps { border-block: 1px solid var(--s2-line); }
body.ir-s2 .s2-step { flex: 1 1 0 !important; min-width: 0; position: relative; border-inline-start: 1px solid var(--s2-line); transition: background-color .5s var(--s2-ease); }
body.ir-s2 .s2-step:first-child { border-inline-start: 0; }
body.ir-s2 .s2-step::before { content: ""; position: absolute; top: -1px; inset-inline: 0; height: 2px; background: var(--s2-gold); transform: scaleX(0); transform-origin: right; transition: transform .7s var(--s2-ease); }
body.ir-s2 .s2-step:hover { background: #FAF9F6; }
body.ir-s2 .s2-step:hover::before { transform: scaleX(1); }
body.ir-s2 .s2-step-n .elementor-heading-title { letter-spacing: -.02em !important; }

/* ---------- calculator: square skin ---------- */
body.ir-s2 .cki-calc { border-radius: 0; box-shadow: none; border: 1px solid var(--s2-line); max-width: 1040px; margin-inline: auto; width: 100%; }
body.ir-s2 .cki-calc__inputs { justify-content: center; }
body.ir-s2 .cki-calc__row input[type=range]::-webkit-slider-thumb { border-radius: 0; }
body.ir-s2 .cki-calc__row input[type=range]::-moz-range-thumb { border-radius: 0; }
body.ir-s2 .cki-calc__row input[type=range] { border-radius: 0; }
body.ir-s2 .cki-calc__cta, body.ir-s2 .cki-calc__cta i, body.ir-s2 .cki-calc__out::before { border-radius: 0; }

/* ---------- reviews: a cinematic quote stage ---------- */
body.ir-s2 .s2-revstage { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; touch-action: pan-x pan-y; }
body.ir-s2 .s2-revstage::-webkit-scrollbar { display: none; }
body.ir-s2 .s2-revstage > .s2-rev { flex: 0 0 100% !important; width: 100% !important; scroll-snap-align: center; scroll-snap-stop: always; }
body.ir-s2 .s2-rev-pull .elementor-heading-title::before, body.ir-s2 .s2-rev-pull .elementor-heading-title::after { content: none; }
body.ir-s2 .s2-rev-pull { position: relative; }
body.ir-s2 .s2-rev-pull::before { content: "”"; display: block; height: 38px; overflow: visible; text-align: center; font: 100 92px/1 "Birzia", sans-serif; color: var(--s2-gold); margin: 0 0 4px; }
body.ir-s2 .s2-rev { row-gap: 14px !important; }
body.ir-s2 .s2-rev-q p { color: var(--s2-soft); }
body.ir-s2 .s2-rev-proj .elementor-heading-title { display: flex; flex-direction: column; align-items: center; gap: 6px; }
body.ir-s2 .s2-stars { color: var(--s2-gold); font-size: 17px; letter-spacing: .14em; }
body.ir-s2 .s2-rev-btn .elementor-icon { width: 52px; height: 52px; padding: 0 !important; display: grid !important; place-items: center; border-color: rgba(217,196,138,.55) !important; transition: background-color .35s; }
body.ir-s2 .s2-rev-btn .elementor-icon:hover { background: var(--s2-gold) !important; }
body.ir-s2 .s2-rev-btn .elementor-icon:hover svg { fill: #111 !important; }
body.ir-s2 .s2-rev-count .elementor-heading-title { min-width: 86px; padding: 14px 0; border-block: 1px solid var(--s2-line-d); font-variant-numeric: tabular-nums; direction: ltr; }

/* ---------- Russian speakers ---------- */
body.ir-s2 .s2-ru-kick .elementor-heading-title { display: inline-block; padding: 7px 14px; border: 1px solid rgba(217,196,138,.5); }
body.ir-s2 .s2-ru-points .elementor-icon-list-icon svg { width: 7px !important; }
body.ir-s2 .s2-ru-line .elementor-heading-title { text-wrap: balance; }
body.ir-s2 .s2-ru-img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 15%; display: block; filter: grayscale(1); transition: filter 1s var(--s2-ease); }
body.ir-s2 .s2-ru-media:hover .s2-ru-img img { filter: grayscale(0); }

/* ---------- moments: real 3D coverflow (ir2.js places the cards), square ---------- */
body.ir-s2 .s2-ring .cki-ring { --pw: 320px; --ph: 540px; }
body.ir-s2 .s2-ring .cki-ring:not(.is-strip) .cki-ring__stage { height: calc(var(--ph) + 60px); perspective: 1600px; }
body.ir-s2 .s2-ring .cki-ring__tilt, body.ir-s2 .s2-ring .cki-ring__ring { transform-style: preserve-3d; }
body.ir-s2 .s2-ring.is-cover .cki-ring__panel { transition: transform .8s var(--s2-ease), opacity .6s, filter .6s; }
body.ir-s2 .cki-ring__panel { border-radius: 0 !important; border: 1px solid rgba(166,133,13,.55) !important; box-shadow: 0 40px 70px -40px rgba(0,0,0,.6); }
/* black and white like the rest of the sketch; only the card in front (or centred on a phone) plays in colour */
body.ir-s2 .s2-ring .cki-ring__panel video, body.ir-s2 .s2-ring .cki-ring__panel img { filter: grayscale(1) contrast(1.05); transition: filter .9s var(--s2-ease); }
body.ir-s2 .s2-ring .cki-ring__panel.is-front video, body.ir-s2 .s2-ring .cki-ring__panel.is-front img,
body.ir-s2 .s2-ring .cki-ring__panel.s2-live video, body.ir-s2 .s2-ring .cki-ring__panel.s2-live img { filter: none; }
body.ir-s2 .cki-ring__panel.is-front { border-color: var(--s2-gold) !important; }
body.ir-s2 .cki-ring__panel::before { background: #0B0B0B; }
body.ir-s2 .cki-ring__panel figcaption { background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,.35) 55%, transparent); padding: 90px 20px 22px; }
body.ir-s2 .cki-ring__panel figcaption b { font-family: "FUP Galil", sans-serif; font-weight: 800; font-style: normal; font-size: 20px; }
body.ir-s2 .cki-ring__play { border-radius: 0; }
body.ir-s2 .cki-ring__hint { color: var(--s2-gold-t); font-family: "FUP Galil", sans-serif; text-transform: none; }
body.ir-s2 .cki-modal__box, body.ir-s2 .cki-modal__x { border-radius: 0; }

/* ---------- gallery: a black and white film strip with gold frame numbers ---------- */
body.ir-s2 .s2-film { position: relative; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-x pan-y; }
body.ir-s2 .s2-film::-webkit-scrollbar { display: none; }
body.ir-s2 .s2-film { background-image: radial-gradient(circle at 50% 50%, #F3EEE2 0 3px, transparent 3.5px), radial-gradient(circle at 50% 50%, #F3EEE2 0 3px, transparent 3.5px) !important;
  background-size: 22px 14px, 22px 14px !important; background-repeat: repeat-x !important; background-position: 0 10px, 0 calc(100% - 10px) !important; background-color: #0B0B0B !important; }
body.ir-s2 .s2-frame-cell { flex: 0 0 300px !important; width: 300px !important; scroll-snap-align: center; }
body.ir-s2 .s2-film-img { width: 100% !important; aspect-ratio: 4 / 5; overflow: hidden; outline: 1px solid rgba(217,196,138,.25); outline-offset: -1px; }
body.ir-s2 .s2-film-img img { width: 100% !important; height: 100% !important; aspect-ratio: 4 / 5; object-fit: cover; display: block; filter: grayscale(1) contrast(1.06); transition: filter 1.1s var(--s2-ease), transform 1.4s var(--s2-ease); }
body.ir-s2 .s2-frame-cell:hover .s2-film-img img, body.ir-s2 .s2-frame-cell.s2-live .s2-film-img img { filter: grayscale(0); }
body.ir-s2 .s2-frame-cell:hover .s2-film-img img { transform: scale(1.04); }
body.ir-s2 .s2-film-n .elementor-heading-title { font-variant-numeric: tabular-nums; }
/* desktop: all six frames fit, nothing to scroll; phones keep the snap strip */
@media (min-width: 768px) {
  body.ir-s2 .s2-film { overflow: visible; }
  body.ir-s2 .s2-frame-cell { flex: 1 1 0 !important; width: auto !important; min-width: 0; }
}
body.ir-s2 .s2-sub .elementor-heading-title { text-wrap: balance; }

/* ---------- FAQ ---------- */
body.ir-s2 .s2-faq .e-n-accordion-item { border: 0 !important; border-bottom: 1px solid var(--s2-line) !important; background: transparent; }
body.ir-s2 .s2-faq .e-n-accordion-item:first-child { border-top: 1px solid var(--s2-line) !important; }
body.ir-s2 .s2-faq .e-n-accordion-item-title { border: 0 !important; padding: 22px 0 !important; gap: 16px; }
body.ir-s2 .s2-faq .e-n-accordion-item-title-header { flex: 1 1 auto; justify-content: flex-start !important; }
body.ir-s2 .s2-faq .e-n-accordion-item-title-text { text-align: start; font-family: "FUP Galil", system-ui, sans-serif !important; font-weight: 500 !important; font-size: 19px !important; line-height: 1.45; color: var(--s2-ink) !important; text-wrap: pretty; }
body.ir-s2 .s2-faq .e-n-accordion-item-title-icon svg { fill: var(--s2-gold) !important; width: 14px; height: 14px; }
body.ir-s2 .s2-faq .e-n-accordion-item[open] .e-n-accordion-item-title-text { color: var(--s2-gold-t) !important; }

/* ---------- contact ---------- */
body.ir-s2 .s2-contact-row { flex-wrap: nowrap !important; box-shadow: 0 40px 80px -50px rgba(17,17,17,.45); }
body.ir-s2 .s2-formcard { border: 1px solid var(--s2-line); border-inline-start: 0; }
body.ir-s2 .s2-contact-list .elementor-icon-list-icon { width: 44px; height: 44px; display: grid !important; place-items: center; border: 1px solid rgba(217,196,138,.4); }
body.ir-s2 .s2-contact-list .elementor-icon-list-item a { min-height: 48px; align-items: center; }
body.ir-s2 .ck-form .elementor-field-type-radio .elementor-field-option label,
body.ir-s2 .ck-form .elementor-field-type-checkbox .elementor-field-option label { border-radius: 0 !important; }
body.ir-s2 .ck-form .e-form__indicators__indicator__progress { display: flex; justify-content: flex-start; border-radius: 0 !important; }
body.ir-s2 .ck-form .e-form__indicators__indicator__progress__meter { background: var(--s2-gold) !important; border-radius: 0 !important; }
body.ir-s2 .ir-step-h { font-family: "FUP Galil", sans-serif !important; font-weight: 800 !important; font-size: 22px !important; }

/* ---------- footer skin: black, full light lockup, metallic tagline ---------- */
body.ir-s2 .ir-footer { background: #0B0B0B !important; border-radius: 0 !important; }
body.ir-s2 .ir-footer .ir-logo--light-short { display: none !important; }
body.ir-s2 .ir-foot-big .elementor-heading-title { font-family: "Birzia", sans-serif !important; font-weight: 100 !important; background: var(--s2-metal); -webkit-background-clip: text; background-clip: text; color: transparent !important; padding-bottom: .1em; }
body.ir-s2 .ir-foot-cols { border-bottom-color: var(--s2-line-d) !important; }
body.ir-s2 .ir-footer .elementor-icon-list-text, body.ir-s2 .ir-footer .elementor-icon-list-item a { color: #fff !important; }
body.ir-s2 .ir-footer .elementor-icon-list-item a:hover .elementor-icon-list-text { color: var(--s2-gold-l) !important; }
body.ir-s2 .ir-footer .ir-foot-text p, body.ir-s2 .ir-foot-bottom p { color: #A9A396 !important; }
body.ir-s2 .ir-footer .ir-foot-h .elementor-heading-title { color: var(--s2-gold-l) !important; }
body.ir-s2 .ir-footer .elementor-icon-list-icon svg { fill: var(--s2-gold-l) !important; }
body.ir-s2 .ir-footer .elementor-icon-list-item a { min-height: 40px; display: inline-flex; align-items: center; }
body.ir-s2 .ir-foot-bottom a { display: inline-block; padding: 12px 4px; margin: -12px -4px; }

/* ---------- shared site parts, square on this sketch; small titles in the text font ---------- */
body.ir-s2 .cki-drawer__panel, body.ir-s2 .cki-drawer__x, body.ir-s2 .cki-drawer__cta, body.ir-s2 .cki-drawer__cta i,
body.ir-s2 .cki-pop__box, body.ir-s2 .cki-pop__cta, body.ir-s2 .cki-pop__cta i, body.ir-s2 .cki-pop__x,
body.ir-s2 #ckw-win, body.ir-s2 #ckw-fab, body.ir-s2 #ckw-fab::after, body.ir-s2 .ckw-ava, body.ir-s2 .ckw-badge, body.ir-s2 .ckw-chip,
body.ir-s2 .ckw-msg, body.ir-s2 #ckw-send, body.ir-s2 #ckw-in, body.ir-s2 .ckw-cta,
body.ir-s2 .cki-sk, body.ir-s2 .cki-sk a, body.ir-s2 .cki-bbar, body.ir-s2 .cki-bbar__fab, body.ir-s2 .cki-lb__img, body.ir-s2 .cki-lb__btn, body.ir-s2 .cki-lb__x { border-radius: 0 !important; }
html body.ir-s2 #ckc.ckc .ckc-panel.ckc-panel, html body.ir-s2 #ckc.ckc .ckc-btn.ckc-btn, html body.ir-s2 #ckc.ckc .ckc-fab.ckc-fab,
html body.ir-s2 #ckc.ckc .ckc-cat.ckc-cat, html body.ir-s2 #ckc.ckc .ckc-panel::before,
html body.ir-s2 #ckc.ckc .ckc-toggle.ckc-toggle, html body.ir-s2 #ckc.ckc .ckc-toggle.ckc-toggle i { border-radius: 0 !important; }   /* the banner's own phone rule is html.ckc-blocking #ckc.ckc .ckc-panel */
body.ir-s2 .cki-sk a.is-on { background: var(--s2-gold-l); }
body.ir-s2 .cki-drawer__t { font-family: "FUP Galil", sans-serif !important; font-weight: 500 !important; }
body.ir-s2 .cki-pop__body h2, body.ir-s2 .ckw-who b { font-family: "FUP Galil", sans-serif !important; font-weight: 800 !important; }

/* ---------- entrance motion (ir2.js adds .s2-in) ---------- */
html.ir-js body.ir-s2 .s2-reveal { opacity: 0; transform: translateY(22px); transition: opacity 1s var(--s2-ease), transform 1.1s var(--s2-ease); transition-delay: var(--d, 0s); }
html.ir-js body.ir-s2 .s2-reveal.s2-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html.ir-js body.ir-s2 .s2-reveal { opacity: 1 !important; transform: none !important; }
  body.ir-s2 .s2-hero::after { display: none; }
  body.ir-s2 .s2-chev .elementor-icon { animation: none; }
  body.ir-s2 .s2-revstage { scroll-behavior: auto; }
}

/* ==========================================================================
   Tablet and phone
   ========================================================================== */
@media (max-width: 1024px) {
  body.ir-s2 .s2-steps { flex-wrap: wrap !important; }
  body.ir-s2 .s2-step { flex: 1 1 45% !important; border-bottom: 1px solid var(--s2-line); }
  body.ir-s2 .s2-contact-row { flex-wrap: wrap !important; }
  body.ir-s2 .s2-formcard { border-inline-start: 1px solid var(--s2-line); }
  body.ir-s2 .s2-hero-card { width: min(520px, 60%) !important; }
}
@media (max-width: 767px) {
  body.ir-s2 { --s2-hh: 82px; }
  body.ir-s2 .ir-header .ir-logo img { height: 56px; }
  body.ir-s2 .ir-header.elementor-sticky--effects .ir-logo img { height: 44px; }
  body.ir-s2 .ir-hphone .elementor-icon, body.ir-s2 .ir-menu-btn .elementor-icon { width: 44px; height: 44px; }
  /* hero: content sits low, above the bottom bar, so the H1 is not across her face */
  body.ir-s2 .s2-hero { min-height: 100svh !important; justify-content: flex-end !important; padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important; }
  body.ir-s2 .s2-hero-card, body.ir-s2 .s2-chev { display: none !important; }
  body.ir-s2 .s2-hero-btns { width: 100% !important; flex-wrap: nowrap !important; }
  body.ir-s2 .s2-hero-cta { flex: 1 1 auto !important; }
  body.ir-s2 .s2-hero-cta .elementor-button { width: 100%; justify-content: center; }
  body.ir-s2 .s2-hero-wa { align-self: stretch !important; }
  body.ir-s2 .s2-hero-wa .elementor-button { width: 64px; height: 100%; padding: 0 !important; display: flex; align-items: center; justify-content: center; }
  body.ir-s2 .s2-hero-wa .elementor-button-content-wrapper { justify-content: center; align-items: center; }
  body.ir-s2 .s2-hero-wa .elementor-button-icon svg { width: 22px; height: 22px; }
  body.ir-s2 .s2-hero-wa .elementor-button-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  body.ir-s2 .s2-hero-wa .elementor-button-icon { background: none !important; }
  body.ir-s2 .s2-about-text::before { display: none; }
  body.ir-s2 .s2-frame { margin: 0 0 14px 14px !important; width: calc(100% - 14px) !important; }   /* phones: one column, room for the offset */
  body.ir-s2 .s2-frame::before { top: 14px; bottom: -14px; left: -14px; right: 14px; }
  body.ir-s2 .s2-tracks { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 22px 8px !important; }
  body.ir-s2 .s2-track { width: auto !important; }
  body.ir-s2 .s2-track-t .elementor-heading-title { white-space: normal; font-size: 13.5px !important; }
  /* service rows become an accordion: title and gold subtitle stay, the lines open on tap (ir2.js) */
  body.ir-s2 .s2-row { flex-direction: row !important; flex-wrap: wrap !important; gap: 12px 14px !important; padding: 22px 0 !important; }
  body.ir-s2 .s2-row-head { width: auto !important; flex: 1 1 0 !important; }
  body.ir-s2 .s2-row.s2-acc .s2-row-head { cursor: pointer; padding-inline-end: 34px !important; position: relative; }
  /* chevron points down when closed, up when open (a sideways one reads as "back" in RTL) */
  body.ir-s2 .s2-row.s2-acc .s2-row-head::after { content: ""; position: absolute; inset-inline-end: 6px; top: 4px; width: 11px; height: 11px; border-right: 1px solid var(--s2-gold-l); border-bottom: 1px solid var(--s2-gold-l); transform: rotate(45deg); transition: transform .4s var(--s2-ease), top .4s; }
  body.ir-s2 .s2-row.s2-acc.s2-open .s2-row-head::after { transform: rotate(-135deg); top: 10px; }
  body.ir-s2 .s2-row.s2-acc .s2-row-p { display: none; width: 100% !important; }
  body.ir-s2 .s2-row.s2-acc.s2-open .s2-row-p { display: block; animation: s2Open .5s var(--s2-ease); }
  @keyframes s2Open { from { opacity: 0; transform: translateY(-6px); } }
  body.ir-s2 .s2-steps { flex-direction: column !important; }
  body.ir-s2 .s2-step { border-inline-start: 0; border-bottom: 1px solid var(--s2-line); display: grid !important; grid-template-columns: 74px 1fr; column-gap: 14px; align-items: start !important; }
  body.ir-s2 .s2-step:last-child { border-bottom: 0; }
  body.ir-s2 .s2-step > .s2-step-n { grid-column: 1; grid-row: 1 / span 3; }
  body.ir-s2 .s2-step > .s2-step-icon { display: none; }
  body.ir-s2 .s2-step > .s2-step-t, body.ir-s2 .s2-step > .s2-step-p { grid-column: 2; }
  body.ir-s2 .s2-ru-media { order: -1; }
  body.ir-s2 .s2-ru-img img { aspect-ratio: 1 / 1; }
  body.ir-s2 .s2-ring .cki-ring { --pw: 250px; --ph: 420px; }
  body.ir-s2 .s2-revstage > .s2-rev { flex: 0 0 100% !important; width: 100% !important; }
  body.ir-s2 .s2-frame-cell { flex: 0 0 72% !important; width: 72% !important; }
  body.ir-s2 .s2-film { margin-inline: -20px !important; width: calc(100% + 40px) !important; }
  body.ir-s2 .s2-faq .e-n-accordion-item-title-text { font-size: 17.5px !important; }
  body.ir-s2 .s2-faq-more { flex-direction: column !important; align-items: stretch !important; }
}

/* ===== 1.11, Irit's round: sketch 2 is the site ===== */
/* "תהליכי ליווי": the running strip of names from sketch 1 (ir.js loops it), dark pills with a gold hairline */
body.ir-s2 .s2-help .ir-tracks { margin: 4px 0 10px; }
body.ir-s2 .ir-tracks .elementor-icon-list-item { background: #1A1A1A; border-color: rgba(217,196,138,.42); transition: border-color .4s, background-color .4s; }
body.ir-s2 .ir-tracks .elementor-icon-list-item:hover { border-color: var(--s2-gold); background: #222; }
body.ir-s2 .ir-tracks .elementor-icon-list-item > a { color: inherit; text-decoration: none; }
/* thank you page */
body.ir-s2 .s2-ty-img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }

/* ===== 1.11, the full site (inner pages, brand film) ===== */
/* inner pages start on a light or photo band: the header is a solid black bar from the first pixel (white menu never on white) */
body.ir-s2:not(.home) .ir-header { background: rgba(11,11,11,.96) !important; box-shadow: 0 1px 0 var(--s2-line-d); }
/* the dark opening band of an inner page */
body.ir-s2 .s2-page-hero .s2-page-btns { row-gap: 12px; }
/* brand film: a square gold play button on the poster, the frame of the about portrait */
body.ir-s2 .s2-intro-frame { max-width: 1120px; margin-inline: auto; }
body.ir-s2 .s2-intro-video .elementor-custom-embed-image-overlay { cursor: pointer; }
body.ir-s2 .s2-intro-video .elementor-custom-embed-play { width: 88px; height: 88px; display: grid; place-items: center; background: var(--s2-gold); border-radius: 0; opacity: 1; transition: background-color .35s, transform .5s var(--s2-ease); }
/* Elementor's ring icon reads as a tiny circle: a solid triangle instead (physical left border: a play mark points right in any direction) */
body.ir-s2 .s2-intro-video .elementor-custom-embed-play i, body.ir-s2 .s2-intro-video .elementor-custom-embed-play svg { display: none !important; }
body.ir-s2 .s2-intro-video .elementor-custom-embed-play::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 22px; border-color: transparent transparent transparent #111; margin-left: 6px; }
@media (max-width: 767px) { body.ir-s2 .s2-intro-video .elementor-custom-embed-play { width: 64px; height: 64px; } body.ir-s2 .s2-intro-video .elementor-custom-embed-play::after { border-width: 10px 0 10px 17px; margin-left: 4px; } }
body.ir-s2 .s2-intro-video:hover .elementor-custom-embed-play { background: #fff; transform: translate(-50%, -50%) scale(1.05); }
/* service cards: square, gold hairline, lift on hover */
body.ir-s2 .s2-svc-card { border: 1px solid rgba(217,196,138,.28); text-decoration: none; transition: border-color .4s, background-color .4s, transform .5s var(--s2-ease); }
body.ir-s2 .s2-svc-card--dark { background: #141414; }
body.ir-s2 .s2-svc-card:hover, body.ir-s2 .s2-svc-card:focus-visible { border-color: var(--s2-gold); background: #1B1B1B; transform: translateY(-4px); }
body.ir-s2 .s2-svc-card .s2-svc-more { margin-top: auto !important; }
/* a service page: who it fits (numbered tiles) and what the work includes (black panel) */
body.ir-s2 .s2-fit { background: #F7F5F1; border-top: 1px solid var(--s2-gold); }
body.ir-s2 .s2-value { background: #fff; border: 1px solid rgba(17,17,17,.08); }
/* the sticky header shrinks when scrolling; its in-flow slot stays black, so no white strip shows under it */
body.ir-s2:not(.home) .elementor-location-header { background: #0B0B0B; }
/* opening band: darker veil, so the white title and lead stay readable on bright photos */
body.ir-s2 .s2-page-hero::before { background-image: linear-gradient(180deg, rgba(11,11,11,.66), rgba(11,11,11,.9)) !important; opacity: 1 !important; }   /* Elementor puts gradient veils at .5 */
/* service cards: a short last row sits in the middle */
body.ir-s2 .s2-svc-cards, body.ir-s2 .s2-svc-cards > .e-con-inner { justify-content: center !important; }
/* the opening in Irit's words (1.11): subtitle, one WhatsApp button, three trust points */
body.ir-s2 .s2-hero-sub { text-shadow: 0 1px 14px rgba(0,0,0,.4); }
body.ir-s2 .s2-hero-points .elementor-icon-list-items { justify-content: center; row-gap: 10px; }
body.ir-s2 .s2-hero-points .elementor-icon-list-text { text-shadow: 0 1px 10px rgba(0,0,0,.45); }
@media (max-width: 767px) {
  body.ir-s2 .s2-hero-cta { width: 100% !important; }
  body.ir-s2 .s2-hero-cta .elementor-button { width: 100%; justify-content: center; }
  body.ir-s2 .s2-hero-points .elementor-icon-list-items { flex-direction: column; align-items: center; }
  body.ir-s2 .s2-hero-points .elementor-icon-list-item { margin: 0 !important; }
}