/* ==========================================================================
   אדרת - כיוון "בית אופנה"
   השלד: מסטהד ממורכז (רצועת שירות → לוגו → ניווט), הירו קמפיין במסך מלא,
   שורת קטגוריות, בלוק עריכתי מפוצל, רצועת קמפיין, רצועת תיאום כהה,
   ופוטר-אינדקס בעמודות. הטקסט לעולם לא יושב בתוך התמונה כפינה משתנה -
   זה היה השלד הקודם.
   ========================================================================== */

:root {
  /* --- פלטה --- */
  --white:  #ffffff;
  --shell:  #f6f4f0;   /* רקע קטע חלופי */
  --ink:    #14181f;   /* טקסט ראשי - 17.79:1 על לבן */
  --muted:  #5a6472;   /* טקסט משני - 6.00:1 על לבן, 5.46:1 על של */
  --navy:   #0f2748;   /* המותג - 14.96:1 על לבן */
  --navy-2: #0a1c34;
  --brass:  #8a6b2f;   /* תוויות ונגיעות בלבד - 4.97:1 על לבן */
  --on-navy-soft: #b9c4d4;  /* 8.48:1 על נייבי */
  --line:   #dfe3e8;
  --line-2: #c3cad4;

  /* --- טיפוגרפיה --- */
  --font-display: "Frank Ruhl Libre", Georgia, serif;
  --font-body: "Heebo", system-ui, sans-serif;

  --fs-xs:   .75rem;
  --fs-sm:   .875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   2.125rem;
  --fs-display: 3rem;

  --ls-display: -.015em;
  --ls-xl:      -.01em;
  --ls-lg:      -.005em;
  --ls-base:    0;
  --ls-sm:      .01em;
  --ls-kicker:  .08em;
  --ls-wide:    .18em;   /* הלוגו והניווט - ריווח רחב, לא כיווץ */

  --lh-display: 1.1;
  --lh-heading: 1.3;
  --lh-body:    1.6;
  --lh-tight:   1.2;

  /* --- מרווחים --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;

  --max-container: 1160px;
  --content-padding: 24px;
  --cols: 4;

  /* --- פינות וצללים --- */
  --r-0: 0;      /* ברירת המחדל - הכול חד, כמו בית אופנה */
  --r-sm: 2px;   /* שדות טופס בלבד */
  --shadow-bar: 0 1px 0 0 var(--line), 0 6px 20px -12px rgba(15, 39, 72, .22);

  /* --- תנועה (דרגה ב') --- */
  --ease-out: cubic-bezier(.25, 1, .5, 1);
  --ease-io:  cubic-bezier(.4, 0, .2, 1);
  --t-fast: 180ms;
  --t-mid:  260ms;
  --t-slow: 620ms;
}

@media (min-width: 640px)  { :root { --cols: 8;  } }
@media (min-width: 1024px) { :root { --cols: 12; } }

/* ==========================================================================
   בסיס
   ========================================================================== */

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

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: var(--lh-body);
  letter-spacing: var(--ls-base);
  -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; }

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--navy);
  margin: 0;
}

h1 { font-size: clamp(var(--fs-xl), 5.2vw, var(--fs-display)); letter-spacing: var(--ls-display); line-height: var(--lh-display); }
h2 { font-size: clamp(var(--fs-lg), 3.4vw, var(--fs-xl));      letter-spacing: var(--ls-xl);      line-height: var(--lh-display); }
h3 { font-size: var(--fs-lg);                                   letter-spacing: var(--ls-lg);      line-height: var(--lh-heading); }

p { margin: 0; max-width: 40rem; }

a { color: inherit; }

:focus-visible {
  outline: 2px solid var(--brass);
  outline-offset: 3px;
}

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

/* ==========================================================================
   גריד הקטע - שוליים / תוכן / שוליים (שיטת ה-gutter)
   ========================================================================== */

.section {
  display: grid;
  grid-template-columns:
    minmax(var(--content-padding), auto)
    minmax(auto, calc(var(--max-container) - var(--content-padding) * 2))
    minmax(var(--content-padding), auto);
  padding-block: clamp(56px, 8vw, 112px);
}
.section > *          { grid-column: 2; }
.section > .full-bleed { grid-column: 1 / -1; }

.section--shell { background: var(--shell); }
.section--flush { padding-block: 0; }

/* ==========================================================================
   פרימיטיבים טיפוגרפיים
   ========================================================================== */

.kicker {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-kicker);
  line-height: var(--lh-tight);
  font-weight: 500;
  color: var(--brass);
  margin: 0 0 var(--sp-3);
}
.kicker--on-dark { color: var(--on-navy-soft); }
.kicker--on-photo { color: rgba(255, 255, 255, .9); }

.lede {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(var(--fs-md), 2.4vw, var(--fs-lg));
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-lg);
  color: var(--navy);
}

.muted { color: var(--muted); }

.section-head { margin-bottom: var(--sp-8); }
.section-head p { margin-top: var(--sp-5); color: var(--muted); }

/* קישור-קו: אידיום ה-CTA של בית אופנה - קו תחתון, לא כפתור מלא */
.rule-link {
  display: inline-block;
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: var(--ls-kicker);
  line-height: var(--lh-tight);
  text-decoration: none;
  padding-block-end: var(--sp-2);
  border-block-end: 1px solid currentColor;
  transition: opacity var(--t-fast) var(--ease-io);
}
.rule-link:hover { opacity: .62; }
.rule-link--on-photo { color: #fff; }

/* כפתור מלא - שמור לשליחת טופס ולרצועת התיאום בלבד */
.btn {
  display: inline-block;
  border: 1px solid var(--navy);
  background: var(--navy);
  color: #fff;
  font-family: var(--font-body);
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: var(--ls-kicker);
  line-height: var(--lh-tight);
  padding: var(--sp-4) var(--sp-7);
  border-radius: var(--r-0);
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-fast) var(--ease-io), color var(--t-fast) var(--ease-io);
}
.btn:hover { background: transparent; color: var(--navy); }

.btn--invert { background: transparent; border-color: rgba(255, 255, 255, .55); color: #fff; }
.btn--invert:hover { background: #fff; border-color: #fff; color: var(--navy); }

/* ==========================================================================
   מסטהד - רצועת שירות → לוגו ממורכז → ניווט ממורכז
   ========================================================================== */

.utility {
  background: var(--navy);
  color: var(--on-navy-soft);
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-kicker);
  line-height: var(--lh-tight);
  text-align: center;
  padding: var(--sp-3) var(--content-padding);
}

.masthead {
  position: sticky;
  top: 0;
  z-index: 40;
  background: var(--white);
  border-block-end: 1px solid var(--line);
  transition: box-shadow var(--t-mid) var(--ease-io);
}
.masthead.is-stuck { box-shadow: var(--shadow-bar); }

.masthead__bar {
  position: relative;
  max-width: var(--max-container);
  margin-inline: auto;
  padding: var(--sp-5) var(--content-padding) var(--sp-4);
  text-align: center;
}

.wordmark {
  display: inline-block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(var(--fs-lg), 4.5vw, var(--fs-xl));
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-wide);
  color: var(--navy);
  text-decoration: none;
  /* ה-tracking הרחב מוסיף רווח אחרי האות האחרונה; מקזזים כדי לשמור מרכוז */
  margin-inline-start: var(--ls-wide);
}
.wordmark__sub {
  display: block;
  font-family: var(--font-body);
  font-size: var(--fs-xs);
  font-weight: 400;
  letter-spacing: var(--ls-kicker);
  color: var(--muted);
  margin-top: var(--sp-2);
}

.mainnav { margin-top: var(--sp-5); }
.mainnav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--sp-7);
}
.mainnav__link {
  position: relative;
  display: inline-block;
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: var(--ls-kicker);
  line-height: var(--lh-tight);
  color: var(--ink);
  text-decoration: none;
  padding-block: var(--sp-1);
}
.mainnav__link::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 1px;
  background: var(--navy);
  transform: scaleX(0);
  transform-origin: right;   /* RTL - הקו נמתח מימין לשמאל */
  transition: transform var(--t-fast) var(--ease-out);
}
.mainnav__link:hover::after { transform: scaleX(1); }
.mainnav__link[aria-current="page"] { color: var(--navy); }
.mainnav__link[aria-current="page"]::after { transform: scaleX(1); }

.navtoggle {
  display: none;
  position: absolute;
  inset-inline-start: var(--content-padding);
  top: 50%;
  transform: translateY(-50%);
  width: 40px; height: 40px;
  border: 1px solid var(--line-2);
  border-radius: var(--r-0);
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.navtoggle span {
  display: block;
  width: 18px; height: 1px;
  margin: var(--sp-1) auto;
  background: var(--ink);
  transition: transform var(--t-fast) var(--ease-io), opacity var(--t-fast) var(--ease-io);
}
.navtoggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.navtoggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.navtoggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }

@media (max-width: 767px) {
  .navtoggle { display: block; }
  .masthead__bar { padding-block: var(--sp-4); }
  .mainnav {
    display: none;
    margin-top: var(--sp-4);
    border-block-start: 1px solid var(--line);
    padding-top: var(--sp-4);
  }
  .mainnav.is-open { display: block; }
  .mainnav__list { flex-direction: column; gap: var(--sp-4); align-items: center; }
}

/* ==========================================================================
   הירו - קמפיין במסך מלא
   ========================================================================== */

.hero {
  position: relative;
  min-height: min(88vh, 760px);
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
}
.hero__img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: -2;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, rgba(10, 20, 34, .72), rgba(10, 20, 34, .34) 46%, rgba(10, 20, 34, .30));
}
.hero__inner {
  text-align: center;
  color: #fff;
  padding: var(--sp-9) var(--content-padding);
  max-width: 46rem;
}
.hero__inner h1 { color: #fff; }
.hero__inner p {
  margin: var(--sp-5) auto 0;
  font-size: var(--fs-md);
  color: rgba(255, 255, 255, .92);
  max-width: 34rem;
}
.hero__inner .rule-link { margin-top: var(--sp-7); }

/* ==========================================================================
   קטגוריות - שלושה אריחי דיוקן, הכיתוב מתחת לתמונה
   ========================================================================== */

.cats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--sp-6);
}
.cat { text-decoration: none; display: block; }
.cat__frame { overflow: hidden; background: var(--shell); }
.cat img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  transition: transform var(--t-slow) var(--ease-out);
}
.cat:hover img { transform: scale(1.035); }
.cat__label {
  margin-top: var(--sp-5);
  text-align: center;
}
.cat__label h3 { margin-bottom: var(--sp-2); }
.cat__label span {
  display: block;
  font-size: var(--fs-sm);
  letter-spacing: var(--ls-sm);
  color: var(--muted);
  margin-bottom: var(--sp-4);
}

/* ==========================================================================
   בלוק עריכתי מפוצל
   ========================================================================== */

.editorial {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-7);
  align-items: center;
}
@media (min-width: 900px) {
  .editorial { grid-template-columns: 1fr 1fr; gap: var(--sp-9); }
}
.editorial__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.editorial__body p { margin-top: var(--sp-5); color: var(--muted); }
.editorial__body .rule-link { margin-top: var(--sp-7); color: var(--navy); }

/* ==========================================================================
   רצועת קמפיין ברוחב מלא
   ========================================================================== */

.campaign {
  position: relative;
  min-height: min(68vh, 620px);
  display: grid;
  align-items: end;
  overflow: hidden;
  isolation: isolate;
}
.campaign__img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: -2;
}
.campaign::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  /* RTL - הכהות בצד שבו יושב הטקסט */
  background: linear-gradient(to left, rgba(10, 20, 34, .74), rgba(10, 20, 34, .12));
}
.campaign__inner {
  color: #fff;
  padding: var(--sp-9) clamp(var(--content-padding), 6vw, 96px);
  max-width: 40rem;
}
.campaign__inner h2 { color: #fff; }
.campaign__inner p { margin-top: var(--sp-5); color: rgba(255, 255, 255, .9); }
.campaign__inner .rule-link { margin-top: var(--sp-7); }

/* ==========================================================================
   רצועת תיאום כהה
   ========================================================================== */

.appoint {
  background: var(--navy);
  color: #fff;
  text-align: center;
}
.appoint h2 { color: #fff; }
.appoint p {
  margin: var(--sp-5) auto var(--sp-7);
  color: var(--on-navy-soft);
  max-width: 34rem;
}

/* ==========================================================================
   הקולקציה - רשת מוצרים נקייה, בלי מסגרת ובלי צל
   ========================================================================== */

.plp-head {
  border-block-end: 1px solid var(--line);
  padding-block-end: var(--sp-6);
  margin-bottom: var(--sp-6);
}
.plp-head p { margin-top: var(--sp-4); color: var(--muted); }

.filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-6);
  margin-bottom: var(--sp-8);
}
.filter {
  background: none;
  border: 0;
  border-block-end: 1px solid transparent;
  padding: 0 0 var(--sp-2);
  font-family: var(--font-body);
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: var(--ls-kicker);
  color: var(--muted);
  cursor: pointer;
  transition: color var(--t-fast) var(--ease-io), border-color var(--t-fast) var(--ease-io);
}
.filter:hover { color: var(--ink); }
.filter[aria-pressed="true"] { color: var(--navy); border-block-end-color: var(--navy); }

.products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sp-6);
}
@media (min-width: 700px)  { .products { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1000px) { .products { grid-template-columns: repeat(4, 1fr); } }

.product__frame { overflow: hidden; background: var(--shell); }
.product img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  transition: transform var(--t-slow) var(--ease-out);
}
.product:hover img { transform: scale(1.035); }
.product h3 {
  font-size: var(--fs-base);
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: var(--ls-base);
  color: var(--ink);
  margin-top: var(--sp-4);
}
.product__detail {
  display: block;
  font-size: var(--fs-sm);
  color: var(--muted);
  margin-top: var(--sp-1);
}
.product__price {
  display: block;
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--navy);
  margin-top: var(--sp-3);
}
.products__empty { color: var(--muted); }

/* ==========================================================================
   עמוד הבית שלנו
   ========================================================================== */

.pagehead {
  position: relative;
  min-height: min(56vh, 460px);
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  text-align: center;
}
.pagehead__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: -2;
}
.pagehead::after {
  content: "";
  position: absolute; inset: 0; z-index: -1;
  background: rgba(10, 20, 34, .58);
}
.pagehead__inner { color: #fff; padding: var(--sp-8) var(--content-padding); }
.pagehead__inner h1 { color: #fff; }

.prose {
  max-width: 40rem;
  margin-inline: auto;
}
.prose .lede { margin-bottom: var(--sp-7); }
.prose p + p { margin-top: var(--sp-5); }
.prose p { color: var(--muted); }

.figure { margin: 0; }
.figure img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.figure figcaption {
  margin-top: var(--sp-3);
  font-size: var(--fs-sm);
  letter-spacing: var(--ls-sm);
  color: var(--muted);
}

.services { margin: 0; }
.services__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-2);
  padding-block: var(--sp-6);
  border-block-start: 1px solid var(--line);
}
.services__row:last-child { border-block-end: 1px solid var(--line); }
@media (min-width: 700px) {
  .services__row { grid-template-columns: 14rem 1fr; gap: var(--sp-7); align-items: baseline; }
}
.services dt {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-lg);
  letter-spacing: var(--ls-lg);
  color: var(--navy);
}
.services dd { margin: 0; color: var(--muted); }

/* ==========================================================================
   עמוד החנות
   ========================================================================== */

.visit {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-8);
}
@media (min-width: 900px) {
  .visit { grid-template-columns: 1.1fr 1fr; gap: var(--sp-9); align-items: start; }
}
.visit__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.details { margin: 0; }
.details__row {
  display: grid;
  grid-template-columns: 8rem 1fr;
  gap: var(--sp-4);
  padding-block: var(--sp-4);
  border-block-start: 1px solid var(--line);
}
.details dt {
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: var(--ls-kicker);
  color: var(--brass);
}
.details dd { margin: 0; color: var(--ink); }
.details a { text-decoration: none; border-block-end: 1px solid var(--line-2); }
.details a:hover { border-block-end-color: var(--navy); }

.hours { list-style: none; margin: 0; padding: 0; }
.hours li { display: flex; justify-content: space-between; gap: var(--sp-4); max-width: 22rem; }
.hours li + li { margin-top: var(--sp-2); }
.hours span:last-child { color: var(--muted); }

.map {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--line);
  border-radius: var(--r-0);
}

/* --- טופס --- */
.form { display: grid; gap: var(--sp-5); }
.field { display: grid; gap: var(--sp-2); }
.field label {
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: var(--ls-sm);
  color: var(--ink);
}
.field input,
.field select,
.field textarea {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--line-2);
  border-radius: var(--r-sm);
  padding: var(--sp-3) var(--sp-4);
  transition: border-color var(--t-fast) var(--ease-io);
}
.field input:hover, .field select:hover, .field textarea:hover { border-color: var(--muted); }
.field textarea { min-height: 7rem; resize: vertical; }

.form__note {
  font-size: var(--fs-sm);
  color: var(--muted);
}
.form__success {
  border-inline-start: 2px solid var(--navy);
  padding: var(--sp-4) var(--sp-5);
  background: var(--shell);
  color: var(--ink);
}

/* ==========================================================================
   פוטר - אינדקס בעמודות
   ========================================================================== */

.footer {
  background: var(--navy-2);
  color: var(--on-navy-soft);
  padding-block: clamp(var(--sp-7), 6vw, var(--sp-9)) var(--sp-6);
}
.footer__inner {
  max-width: var(--max-container);
  margin-inline: auto;
  padding-inline: var(--content-padding);
}
.footer__cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-7);
}
@media (min-width: 700px)  { .footer__cols { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .footer__cols { grid-template-columns: 1.4fr repeat(3, 1fr); gap: var(--sp-8); } }

.footer__brand .wordmark { color: #fff; margin-inline-start: 0; }
.footer__brand p {
  margin-top: var(--sp-4);
  font-size: var(--fs-sm);
  color: var(--on-navy-soft);
  max-width: 22rem;
}
.footer__col h3 {
  font-family: var(--font-body);
  font-size: var(--fs-xs);
  font-weight: 500;
  letter-spacing: var(--ls-kicker);
  color: #fff;
  margin-bottom: var(--sp-4);
}
.footer__col ul { list-style: none; margin: 0; padding: 0; }
.footer__col li + li { margin-top: var(--sp-3); }
.footer__col a {
  font-size: var(--fs-sm);
  color: var(--on-navy-soft);
  text-decoration: none;
  transition: color var(--t-fast) var(--ease-io);
}
.footer__col a:hover { color: #fff; }

.footer__legal {
  margin-top: var(--sp-8);
  padding-top: var(--sp-5);
  border-block-start: 1px solid rgba(255, 255, 255, .16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-4) var(--sp-6);
  justify-content: space-between;
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-sm);
}

/* ==========================================================================
   תנועה - דרגה ב' (מודגש-מדוד)
   ========================================================================== */

/* חשיפה בגלילה, פעם אחת */
.js .reveal { opacity: 0; translate: 0 14px; }
.js .reveal.is-in {
  opacity: 1;
  translate: 0 0;
  transition: opacity var(--t-slow) var(--ease-out), translate var(--t-slow) var(--ease-out);
}

/* חשיפת מסכה על תמונות (RTL - נפתחת מימין לשמאל) */
.js .mask { clip-path: inset(0 0 0 100%); }
.js .mask.is-in {
  clip-path: inset(0 0 0 0);
  transition: clip-path 780ms var(--ease-out);
}

/* פיצול טקסט למילים - כותרת הירו בלבד */
.js .split .word {
  display: inline-block;
  opacity: 0;
  translate: 0 .5em;
}
.js .split.is-in .word {
  opacity: 1;
  translate: 0 0;
  transition: opacity 560ms var(--ease-out), translate 560ms var(--ease-out);
  transition-delay: var(--d, 0ms);
}

/* רגע מעבר בין עמודים */
.js body { animation: page-in var(--t-mid) var(--ease-out) both; }
.js body.is-leaving { opacity: 0; transition: opacity var(--t-mid) var(--ease-io); }
@keyframes page-in { from { opacity: 0; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .js .reveal, .js .split .word { opacity: 1; translate: none; }
  .js .mask { clip-path: none; }
  .js body, .js body.is-leaving { animation: none; opacity: 1; }
  .cat:hover img, .product:hover img { transform: none; }
}

/* --- כיתוב לתמונה פורצת, רצועת תמונה, וכותרת-משנה של הטופס --- */
.figure__cap {
  max-width: var(--max-container);
  margin-inline: auto;
  padding-inline: var(--content-padding);
}
.band-img {
  width: 100%;
  aspect-ratio: 21 / 9;
  object-fit: cover;
}
.form__note--head { margin-block: var(--sp-4) var(--sp-6); }