/* @u */
/* Figma uDZg3WYkcWRbWbPLThB3Ry node 2293:637: 103 "2 options" + final CTA. Frame 1696. Fonts: Noto Sans Hebrew. Type reduced (lead 30 to 24, cards 21 to 19, CTA 48 to 36). */
.c-op { --u: calc(min(100vw, 1696px) / 1696); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; --brown: linear-gradient(90deg, #7a655a 0%, #807268 100%); --ink: #2b2420; --muted: #5d524b; --card: #f6f2ee; --edge: #e4dbd4; background: #fff; color: var(--ink); overflow-x: clip; display: flow-root; }
.c-op :where(h2, h3, h4, p) { margin: 0; padding: 0; }
.c-op__sec { box-sizing: border-box; padding: 46px 16px 60px; text-align: center; }
.c-op__h { font-size: clamp(24px, 6.4vw, 32px); font-weight: 900; line-height: 1.3; }
.c-op__lead { max-width: 600px; margin: 14px auto 0; font-size: 17px; line-height: 1.6; color: var(--muted); }
.c-op__pill { box-sizing: border-box; width: min(100%, 360px); margin: 30px auto 0; padding: 14px 16px; border-radius: 14px; background: var(--brown); color: #fff; font-size: 20px; font-weight: 800; line-height: 1.3; }
.c-op__row { display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: 520px; margin: 30px auto 0; }
.c-op__col { width: 100%; }
.c-op__label { display: block; box-sizing: border-box; width: min(100%, 210px); margin: 0 auto; padding: 12px 10px; border-radius: 14px; background: var(--brown); color: #fff; font-size: 26px; font-weight: 800; line-height: 1.2; }
.c-op__card { box-sizing: border-box; margin-top: 6px; padding: 24px 22px; border: 1px solid var(--edge); border-radius: 22px; background: var(--card); color: var(--ink); font-size: 16px; font-weight: 400; line-height: 1.6; }
.c-op__or { font-size: 30px; font-weight: 900; line-height: 1.2; color: #7a655a; }
.c-op__note { max-width: 520px; margin: 34px auto 0; font-size: 18px; font-weight: 700; line-height: 1.5; color: var(--ink); }
.c-op__cta { display: inline-flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 14px; box-sizing: border-box; max-width: 100%; margin-top: 30px; padding: 12px 22px; border-radius: 18px; background: var(--brown); color: #fff; text-decoration: none; font-size: 22px; font-weight: 900; line-height: 1.25; filter: drop-shadow(0 8px 16px rgba(70, 48, 36, .28)); }
.c-op__cta img { display: none; }
.c-op__cta::before { content: ""; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%237a655a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 12H5M11 6l-6 6 6 6%27/%3E%3C/svg%3E") center / 24px no-repeat; }
.c-op__cta:focus-visible { outline: 3px solid #2b2420; outline-offset: 4px; }

@media (min-width: 1280px) {
  .c-op__sec { width: calc(1696 * var(--u)); max-width: none; height: calc(900 * var(--u)); margin: 0 auto; padding: 0; position: relative; }
  .c-op__h { position: absolute; top: calc(28 * var(--u)); left: 0; right: 0; font-size: calc(34 * var(--u)); line-height: calc(44 * var(--u)); }
  .c-op__lead { position: absolute; top: calc(92 * var(--u)); left: calc(330 * var(--u)); right: calc(330 * var(--u)); max-width: none; margin: 0; font-size: max(13px, calc(19 * var(--u))); line-height: calc(30 * var(--u)); }
  .c-op__pill { position: absolute; top: calc(200 * var(--u)); left: 50%; width: calc(380 * var(--u)); margin: 0 0 0 calc(-190 * var(--u)); padding: 0; height: calc(58 * var(--u)); display: grid; place-items: center; border-radius: calc(14 * var(--u)); font-size: max(13px, calc(24 * var(--u))); }
  .c-op__row { position: absolute; top: calc(300 * var(--u)); left: calc(150 * var(--u)); right: calc(150 * var(--u)); flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 0; max-width: none; margin: 0; }
  .c-op__col { width: calc(560 * var(--u)); flex: none; }
  .c-op__label { width: calc(210 * var(--u)); height: calc(54 * var(--u)); padding: 0; display: grid; place-items: center; border-radius: calc(14 * var(--u)); font-size: calc(28 * var(--u)); }
  .c-op__card { height: calc(176 * var(--u)); margin-top: calc(6 * var(--u)); padding: 0 calc(36 * var(--u)); display: grid; place-items: center; border-radius: calc(22 * var(--u)); font-size: max(13px, calc(17 * var(--u))); line-height: calc(27 * var(--u)); }
  .c-op__or { position: absolute; left: 50%; top: calc(150 * var(--u)); margin-left: calc(-24 * var(--u)); width: calc(48 * var(--u)); font-size: calc(32 * var(--u)); }
  .c-op__note { position: absolute; top: calc(600 * var(--u)); left: 50%; width: calc(640 * var(--u)); margin: 0 0 0 calc(-320 * var(--u)); font-size: max(13px, calc(21 * var(--u))); line-height: calc(30 * var(--u)); }
  .c-op__cta { position: absolute; top: calc(720 * var(--u)); left: 50%; margin: 0; transform: translateX(-50%); gap: calc(24 * var(--u)); padding: calc(8 * var(--u)) calc(34 * var(--u)); border-radius: calc(16 * var(--u)); font-size: calc(30 * var(--u)); line-height: calc(48 * var(--u)); white-space: nowrap; }
  .c-op__cta::before { width: calc(46 * var(--u)); height: calc(46 * var(--u)); background-size: calc(28 * var(--u)); }
}