/* @u */
/* Figma GlmA8Imvvz1h39NlsK5M4u node 2014:204: 107 offer ("29 NIS meeting costs less than a pizza"): headline, pizza-zoom image, 4 outlined cards with a check badge on the top edge. Frame 1920.
   Fonts: Noto Sans Hebrew. Card outline = the design svg as background. Type: card text 16 to 17px bold. */
.c-pz { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #1a1100; color: #fff6e3; overflow-x: clip; display: flow-root; }
.c-pz :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-pz__sec { position: relative; box-sizing: border-box; padding: 46px 16px 60px; text-align: center; }
.c-pz__k { font-size: clamp(24px, 6.4vw, 32px); font-weight: 900; line-height: 1.3; }
.c-pz__h { margin-top: 26px; font-size: clamp(24px, 6.4vw, 32px); font-weight: 900; line-height: 1.4; }
.c-pz__o { background: linear-gradient(90deg, #ffac00, #ffce6a 40%, #ffce6a 77%, #ffac00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-pz__g { background: linear-gradient(90deg, #37ff00, #7bff50 40%, #92ff6a 55%, #37ff00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-pz__sub { max-width: 440px; margin: 20px auto 0; font-size: clamp(22px, 6vw, 30px); font-weight: 900; line-height: 1.35; }
.c-pz__img { display: block; width: min(100%, 360px); height: auto; aspect-ratio: 464 / 512; margin: 26px auto 0; object-fit: cover; }
.c-pz__cards { display: flex; flex-direction: column; gap: 46px; max-width: 460px; margin: 38px auto 0; }
.c-pz__card { position: relative; box-sizing: border-box; padding: 38px 22px 22px; background: url("../assets/pz/rect.svg") center / 100% 100% no-repeat; border-radius: 16px; }
.c-pz__ck { position: absolute; top: -26px; left: 50%; width: 52px; height: 52px; margin-left: -26px; }
.c-pz__card p { font-size: 16px; font-weight: 700; line-height: 1.5; color: #fff6e3; }

@media (min-width: 1280px) {
  .c-pz__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(1080 * var(--u)); margin: 0 auto; padding: 0; }
  .c-pz__k { position: absolute; top: calc(66 * var(--u)); left: 0; right: 0; font-size: calc(38 * var(--u)); line-height: calc(48 * var(--u)); }
  .c-pz__h { position: absolute; top: calc(160 * var(--u)); left: 50%; right: auto; width: calc(560 * var(--u)); margin: 0 0 0 calc(-280 * var(--u)); font-size: calc(38 * var(--u)); line-height: calc(48 * var(--u)); }
  .c-pz__sub { position: absolute; top: calc(290 * var(--u)); left: 0; right: 0; max-width: none; margin: 0; font-size: calc(38 * var(--u)); line-height: calc(48 * var(--u)); }
  .c-pz__img { position: absolute; top: calc(419 * var(--u)); left: calc(728 * var(--u)); width: calc(464 * var(--u)); height: calc(512 * var(--u)); margin: 0; }
  .c-pz__cards { display: block; margin: 0; max-width: none; }
  .c-pz__card { position: absolute; width: calc(412 * var(--u)); height: calc(92 * var(--u)); padding: 0 calc(22 * var(--u)); display: grid; place-items: center; background-size: 100% 100%; }
  .c-pz__ck { top: calc(-35 * var(--u)); width: calc(51 * var(--u)); height: calc(51 * var(--u)); margin-left: calc(-25 * var(--u)); }
  .c-pz__card--1 { left: calc(1196 * var(--u)); top: calc(575 * var(--u)); }
  .c-pz__card--2 { left: calc(316 * var(--u)); top: calc(575 * var(--u)); }
  .c-pz__card--3 { left: calc(1287 * var(--u)); top: calc(774 * var(--u)); }
  .c-pz__card--4 { left: calc(242 * var(--u)); top: calc(774 * var(--u)); }
  .c-pz__card p { font-size: max(13px, calc(17 * var(--u))); line-height: calc(22 * var(--u)); }
}