/* ═══════════════════════════════════════════════════════════════════
   מערכת העיצוב של "החיים במיניאטורה", נדגמה פיקסל אחר פיקסל מהעמוד
   שקרויזר דיגיטל בנו לנאוה: https://scoopim.co.il/theminiature/
   כל הערכים כאן נמדדו מהעמוד החי ב-viewport של 1280px.

   ⚠️ הגיליון הזה משרת את עמוד ההכשרה ואת עמוד הערכות. הוא נטען אחרי
   styles.css ו-wow.css ודורס אותם. אסור להכניס לכאן כלל שנכון לעמוד
   אחד בלבד, בדיוק כמו שאסור היה להכניס את הפלטה הזו ל-wow.css.
   ═══════════════════════════════════════════════════════════════════ */

/* ── הפונטים של המקור ── */
@font-face{
  font-family:"yael";
  src:url("fonts/yael.woff2") format("woff2");
  font-weight:normal;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"FbMonopoly";
  src:url("fonts/FbMonopoly.woff2") format("woff2");
  font-weight:normal;font-style:normal;font-display:swap;
}

:root{
  --k-teal:#416765;      /* כותרות, הקופסה של הטופס */
  --k-orange:#F99638;    /* מבטא, כתב היד, אייקונים */
  --k-btn:#FF9F00;       /* כפתור השליחה, כתום חזק יותר */
  --k-body:#46564F;      /* גוף הטקסט */
  --k-ink:#333333;       /* המשפט המודגש */
  --k-bg:#FFFFFF;
  --k-cream:#FBF7F1;     /* הכרטיס הבז' של "למי זה מתאים" */
  --k-wrap:1060px;       /* רוחב התוכן אצלם, נמדד */
  --k-pad:clamp(20px,8vw,102px);
}

/* ── בסיס ──
   הרקע של כל העמוד הוא טקסטורת קו מזוגזג עדינה שחוזרת ב-67 אחוז.
   בלעדיה העמוד נראה שטוח ולבן, וזה בדיוק מה שהיה חסר בגרסה הקודמת. */
html.kr, .kr body{background:var(--k-bg)}
body.kr{
  background:var(--k-bg) url("img/kr/texture.png") repeat 0 0;
  background-size:67%;
  color:var(--k-body);
  font-family:Assistant,"Segoe UI",system-ui,sans-serif;
  margin:0;
}
.kr h1,.kr h2,.kr h3,.kr h4{color:var(--k-teal);margin:0}
.kr p{margin:0;color:var(--k-body)}
.kr img{max-inline-size:100%;block-size:auto;display:block}
.kr a{color:inherit}

.k-wrap{max-inline-size:var(--k-wrap);margin-inline:auto;padding-inline:var(--k-pad);box-sizing:content-box}
@media(min-width:1300px){.k-wrap{padding-inline:0}}
.k-sec{padding-block:clamp(48px,7vw,84px)}
.k-sec-tight{padding-block-start:0}
.k-center{text-align:center}

/* ── טיפוגרפיה, בדיוק כמו במקור ── */
.k-script{                                   /* אצלם yael 46.08px */
  font-family:"yael","Segoe Script",cursive;
  font-weight:normal;
  font-size:clamp(34px,3.6vw,46px);
  line-height:1.15;
  color:var(--k-orange);
  display:block;margin:0 0 14px;
}
.k-h1{font-size:clamp(28px,3.2vw,41px);font-weight:900;line-height:1.2;color:var(--k-teal)}
.k-h2{font-size:clamp(23px,2.5vw,32px);font-weight:900;line-height:1.25;color:var(--k-teal)}
.k-lead{font-size:clamp(15px,1.2vw,15.4px);font-weight:500;line-height:1.6;color:var(--k-body)}
.k-quiet{font-size:clamp(21px,2.2vw,28px);font-weight:400;color:var(--k-teal);line-height:1.35;margin:0}

/* המשפט המודגש עם קו המכחול הכתום מתחתיו */
.k-punch{
  font-size:clamp(27px,2.9vw,37px);font-weight:900;color:var(--k-ink);
  line-height:1.2;margin:10px 0 0;display:inline-block;position:relative;
}
.k-punch::after{
  content:"";position:absolute;inset-inline:-2px;inset-block-end:-10px;
  block-size:4px;background:var(--k-orange);border-radius:99px;
}

/* ── ההירו ──
   אצלם כל הוויזואל הוא תמונה אחת מורכבת (צילום + הקו הכתום הגלי +
   הקשתות והנקודות), background-size:contain בפינה השמאלית העליונה. */
.k-hero{
  position:relative;
  background:url("img/kr/hero.webp") no-repeat 0 0/contain;
  min-block-size:min(56.3vw,720px);
  display:flex;align-items:center;
}
.k-hero-copy{
  /* בפלקס RTL הילד היחיד כבר יושב בימין. margin-inline-start:auto היה
     דוחף אותו דווקא שמאלה, אל תוך התמונה. */
  inline-size:min(50%,572px);  /* border-box: הריפוד נאכל מתוך הרוחב */
  padding-inline-start:var(--k-pad);
  text-align:start;
}
.k-hero-logo{inline-size:224px;max-inline-size:70%;margin:0 0 26px}
.k-hero-tag{font-size:clamp(17px,1.7vw,21.8px);font-weight:600;color:var(--k-orange);margin:12px 0 0}
.k-hero-body{font-size:clamp(15px,1.4vw,17.9px);font-weight:600;color:var(--k-teal);line-height:1.55;margin:14px 0 0}
.k-hero .k-hero-img{display:none}

/* הכפתור של ההירו: FbMonopoly קטן על גלולה כתומה */
.k-cta{
  display:inline-block;margin-block-start:24px;
  background:var(--k-orange);color:#fff;text-decoration:none;
  font-family:"FbMonopoly",Assistant,sans-serif;font-size:14px;font-weight:400;
  border-radius:50px;padding:16px 30px 12px;
  transition:background .18s ease,transform .18s ease;
}
.k-cta:hover{background:#E8862A}
.k-cta:active{transform:translateY(1px)}

@media(max-width:899px){
  .k-hero{background:none;min-block-size:0;display:block;padding-block-start:34px}
  .k-hero-copy{inline-size:auto;padding-inline:var(--k-pad);margin:0}
  .k-hero .k-hero-img{display:block;margin-block-start:26px}
}

/* ── שלושת הכאבים: שלוש עמודות, אייקון בועה מעל הטקסט ── */
.k-asks{display:grid;gap:30px;margin-block-start:26px}
@media(min-width:760px){.k-asks{grid-template-columns:repeat(3,1fr);gap:44px}}
.k-ask{text-align:center}
.k-ask img{inline-size:77px;margin:0 auto 16px}
.k-ask p{font-size:clamp(16px,1.4vw,17.9px);font-weight:700;color:var(--k-teal);line-height:1.35;letter-spacing:-.3px}

/* ── חמשת הכרטיסים הלבנים ── */
.k-cards{display:grid;gap:14px;margin-block-start:22px}
@media(min-width:700px){.k-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.k-cards{grid-template-columns:repeat(5,1fr);gap:12px}}
@media(min-width:1000px){.k-cards.k-cards-4{grid-template-columns:repeat(4,1fr)}}
.k-card{
  background:#fff;border-radius:14px;padding:22px 16px;text-align:center;
  box-shadow:0 6px 22px -10px rgba(65,103,101,.28);
  display:flex;flex-direction:column;align-items:center;
}
.k-card img{inline-size:48px;margin-block-end:12px}
.k-card.k-card-lg img{inline-size:70px}
.k-card h3{font-size:15.4px;font-weight:800;color:var(--k-teal);line-height:1.25;margin:0 0 10px}
.k-card p{font-size:12.8px;font-weight:600;line-height:1.25;color:var(--k-body)}

/* ── רצועת העבודות ── */
.k-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-inline:var(--k-pad);padding-block:4px;scrollbar-width:none}
.k-strip::-webkit-scrollbar{display:none}
.k-strip img{
  flex:0 0 clamp(210px,23vw,285px);block-size:clamp(160px,17vw,215px);
  object-fit:cover;border-radius:12px;scroll-snap-align:start;
}

/* ── קופסת הטופס: ירוק, גלולה של 50px ── */
.k-form-box{
  background:var(--k-teal);border-radius:50px;
  padding:clamp(26px,3vw,34px) clamp(22px,4vw,54px);
  text-align:center;color:#fff;
}
.k-form-box h2{color:#fff;font-size:clamp(18px,1.8vw,21.8px);font-weight:500;line-height:1.2}
.k-form-box h2 small{display:block;font-size:inherit;font-weight:500;margin-block-start:6px}
.k-fields{display:grid;gap:12px;margin-block-start:22px}
@media(min-width:640px){.k-fields{grid-template-columns:1fr 1fr}}
.k-form-box input[type=text],.k-form-box input[type=tel]{
  inline-size:100%;box-sizing:border-box;
  background:rgba(255,255,255,.17);border:0;border-radius:50px;
  color:#fff;font-size:18px;font-family:inherit;padding:14px 22px;
}
.k-form-box input::placeholder{color:rgba(255,255,255,.8)}
.k-form-box input:focus{outline:2px solid rgba(255,255,255,.55);outline-offset:1px}
.k-submit{
  inline-size:100%;margin-block-start:12px;
  background:var(--k-btn);color:#fff;border:0;border-radius:50px;
  font-family:inherit;font-size:22px;font-weight:800;padding:19px 10px 20px;cursor:pointer;
  transition:background .18s ease;
}
.k-submit:hover{background:#F08E00}
.k-consent{margin-block-start:14px;font-size:13.5px;color:rgba(255,255,255,.9)}
.k-consent a{color:#fff}
.k-form-box .k-form-note{margin-block-start:16px;font-size:clamp(15px,1.4vw,17.9px);font-weight:700;color:#fff}
.k-form-box .field .err{color:#FFD9A8}
.k-form-box .field.bad input{outline:2px solid #FFB4A8}

/* ── שתי עמודות: טקסט ותמונה ── */
.k-split{display:grid;gap:28px;align-items:center}
@media(min-width:860px){.k-split{grid-template-columns:1fr 1fr;gap:44px}}
.k-split img{border-radius:16px;inline-size:100%;object-fit:cover}
.k-split .k-txt{text-align:start}
.k-split.k-img-start img{order:-1}
@media(min-width:860px){.k-split.k-img-end img{order:2}}

/* הכרטיס הבז' של "למי זה מתאים" */
.k-panel{
  background:var(--k-cream);border-radius:16px;overflow:hidden;
  display:grid;gap:0;align-items:stretch;
}
@media(min-width:860px){.k-panel{grid-template-columns:1fr 1fr}}
.k-panel img{inline-size:100%;block-size:100%;object-fit:cover;min-block-size:240px}
.k-panel .k-txt{padding:clamp(24px,3vw,40px);text-align:start;align-self:center}
.k-panel.k-outline{background:transparent;border:1px solid rgba(65,103,101,.35)}
.k-panel.k-outline img{border-radius:16px}
.k-shout{font-size:clamp(28px,3.4vw,43px);font-weight:700;color:var(--k-orange);line-height:1.15;margin:16px 0 0;display:inline-block;position:relative}
.k-shout::after{content:"";position:absolute;inset-inline-start:0;inset-block-end:-8px;inline-size:34px;block-size:3px;background:var(--k-orange);border-radius:99px}

/* ── רשימת מה יוצא לכם מזה, וי כתום בהתחלה ── */
.k-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.k-list li{display:flex;gap:10px;align-items:flex-start;font-size:clamp(15px,1.4vw,17.9px);font-weight:600;color:var(--k-teal);line-height:1.35}
.k-list li::before{
  content:"";flex:none;inline-size:18px;block-size:18px;margin-block-start:3px;
  background:var(--k-orange);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>") no-repeat center/contain;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>") no-repeat center/contain;
}

/* ── ארבעת המודולים: עיגול ממוספר, כותרת, טקסט ── */
.k-mods{display:grid;gap:26px;margin-block-start:20px}
@media(min-width:640px){.k-mods{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.k-mods{grid-template-columns:repeat(4,1fr)}}
.k-mod{text-align:center}
.k-mod img{inline-size:100%;max-inline-size:190px;margin:0 auto 14px}
.k-mod h3{font-size:clamp(19px,1.8vw,23px);font-weight:700;color:var(--k-teal);margin:0 0 10px}
.k-mod p{font-size:12.8px;font-weight:600;line-height:1.35;color:var(--k-body);max-inline-size:26ch;margin-inline:auto}

/* ── מבנה הקורס: שלושה אייקוני קו ── */
.k-facts{display:grid;gap:30px;text-align:center;margin-block-start:12px}
@media(min-width:720px){.k-facts{grid-template-columns:repeat(3,1fr)}}
.k-fact img{inline-size:64px;margin:0 auto 12px}
.k-fact h3{font-size:clamp(19px,1.8vw,23px);font-weight:700;color:var(--k-teal);margin:0 0 8px}
.k-fact p{font-size:12.8px;font-weight:600;line-height:1.5;color:var(--k-body)}

/* ── המלצות ── */
.k-quotes{display:grid;gap:18px;align-items:start;margin-block-start:20px}
@media(min-width:900px){.k-quotes{grid-template-columns:repeat(3,1fr)}}
.k-quote{background:#fff;border-radius:16px;padding:26px 24px;text-align:center;
  box-shadow:0 6px 26px -12px rgba(65,103,101,.3)}
.k-quote p{font-size:13.6px;font-weight:500;line-height:1.65;color:var(--k-body);margin:0 0 16px}
.k-quote cite{display:block;font-style:normal;font-weight:800;font-size:15.4px;color:var(--k-teal)}
.k-quote small{display:block;font-size:12.8px;font-weight:600;color:var(--k-orange);margin-block-start:3px}

/* ── למה דווקא עכשיו ── */
.k-now{max-inline-size:820px;margin-inline:auto;font-size:clamp(16px,1.5vw,19px);font-weight:500;line-height:1.6;color:var(--k-body)}

/* ── פוטר ── */
.k-foot{background:var(--k-teal);color:#fff;padding-block:34px}
.k-foot a{color:#fff}
.k-foot-grid{display:grid;gap:20px;align-items:center}
@media(min-width:760px){.k-foot-grid{grid-template-columns:1fr auto}}
.k-foot p{color:rgba(255,255,255,.88);font-size:14px;line-height:1.6;margin:0}
.k-foot img{inline-size:150px;margin-block-end:10px;filter:brightness(0) invert(1)}
.k-credit{text-align:center;font-size:12.8px;font-weight:500;color:rgba(255,255,255,.75);margin-block-start:22px}

/* ── חשיפה בגלילה, עם רשת ביטחון אם ה-JS לא רץ ── */
html:not(.js) .rv{opacity:1;transform:none}

/* הפורטרט של נאוה: פינות עגולות יותר, כמו במקור */
.k-portrait{border-radius:40px}

/* ═══ רכיבים נוספים לעמוד הערכות ═══
   אין לעמוד הזה תמונת הירו מורכבת כמו בעמוד ההכשרה, ולכן הצורה
   האורגנית והקו הכתום נבנים כאן ב-CSS על צילום רגיל. */
.k-hero-split{display:grid;align-items:center;gap:0;min-block-size:0;background:none}
@media(min-width:900px){.k-hero-split{grid-template-columns:1fr 1fr}}
.k-hero-photo{position:relative;order:2}
.k-hero-photo img{
  inline-size:100%;block-size:clamp(300px,42vw,620px);object-fit:cover;
  border-start-start-radius:46% 62%;border-end-start-radius:46% 38%;
}
.k-hero-photo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  border-inline-start:5px solid var(--k-orange);
  border-start-start-radius:46% 62%;border-end-start-radius:46% 38%;
  transform:translateX(10px);
}
@media(max-width:899px){
  .k-hero-split .k-hero-copy{inline-size:auto;padding-inline:var(--k-pad)}
  .k-hero-photo{margin-block-start:26px}
}
.k-dot{position:absolute;border-radius:50%;pointer-events:none;z-index:1}
@media(max-width:899px){.k-dot{display:none}}

/* שלוש הערכות */
.k-kits{display:grid;gap:20px;margin-block-start:22px}
@media(min-width:760px){.k-kits{grid-template-columns:repeat(3,1fr)}}
.k-kit{background:#fff;border-radius:16px;overflow:hidden;text-align:start;
  box-shadow:0 8px 30px -14px rgba(65,103,101,.32);display:flex;flex-direction:column}
.k-kit img{inline-size:100%;block-size:clamp(190px,18vw,230px);object-fit:cover}
.k-kit-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.k-kit h3{font-size:19px;font-weight:800;color:var(--k-teal);margin:0 0 8px}
.k-kit p{font-size:14px;font-weight:500;line-height:1.55;color:var(--k-body);margin:0 0 16px}
.k-kit-foot{margin-block-start:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.k-price{font-size:19px;font-weight:800;color:var(--k-orange)}
.k-kit .k-cta{margin:0;font-size:13px;padding:13px 22px 10px}

/* שלושת השלבים */
.k-steps{display:grid;gap:26px;margin-block-start:20px;text-align:center}
@media(min-width:760px){.k-steps{grid-template-columns:repeat(3,1fr)}}
.k-step-n{display:grid;place-items:center;inline-size:60px;block-size:60px;margin:0 auto 14px;
  border-radius:50%;background:var(--k-orange);color:#fff;font-size:26px;font-weight:800}
.k-step h3{font-size:clamp(18px,1.7vw,21px);font-weight:700;color:var(--k-teal);margin:0 0 8px}
.k-step p{font-size:13.5px;font-weight:600;line-height:1.5;color:var(--k-body);max-inline-size:30ch;margin-inline:auto}

/* בורר הערכה בתוך הקופסה הירוקה */
.k-form-box select{
  inline-size:100%;box-sizing:border-box;
  background:rgba(255,255,255,.17);border:0;border-radius:50px;
  color:#fff;font-size:18px;font-family:inherit;padding:14px 22px;
  appearance:none;cursor:pointer;
}
.k-form-box select option{color:var(--k-body);background:#fff}
.k-form-box .k-fields.k-fields-1{grid-template-columns:1fr}

/* מספרים גדולים */
.k-stats{display:grid;gap:22px;text-align:center;margin-block-start:8px}
@media(min-width:640px){.k-stats{grid-template-columns:repeat(3,1fr)}}
.k-stat b{display:block;font-size:clamp(34px,4vw,55px);font-weight:700;color:var(--k-teal);line-height:1}
.k-stat span{display:block;font-size:14px;font-weight:600;color:var(--k-body);margin-block-start:6px}

/* ═══ תיקונים אחרי סבב הבדיקה ═══ */

/* ההירו אצלם הוא מיכל של 1265px ממורכז, לא נמתח לכל רוחב המסך.
   במסך רחב התמונה נשארה קטנה בצד שמאל והטקסט ברח ימינה. */
.k-hero{max-inline-size:1265px;margin-inline:auto;inline-size:100%}

/* בהירו של עמוד הערכות עמודת הטקסט ממלאת את העמודה שלה, לא 50 אחוז מתוכה */
@media(min-width:900px){
  .k-hero-split .k-hero-copy{inline-size:auto;padding-inline:var(--k-pad) 36px}
}

/* רצועת העבודות מקצה לקצה, כמו הקרוסלה אצלם */
.k-strip{padding-inline:0}
.k-strip img:first-child{margin-inline-start:var(--k-pad)}
.k-strip img:last-child{margin-inline-end:var(--k-pad)}
@media(min-width:1300px){.k-strip{max-inline-size:1265px;margin-inline:auto}.k-strip img:first-child{margin-inline-start:0}.k-strip img:last-child{margin-inline-end:0}}

/* הודעת "קיבלנו" בתוך הקופסה הירוקה: לבן על ירוק, לא ירוק על ירוק */
.k-form-box .form-ok h3,.k-form-box .form-ok p{color:#fff}
.k-form-box .form-ok{padding-block:14px 0}

/* המספרים הגדולים אצלם: Assistant 700 55px ירוק. הכיתוב מתחת בגוף */
.k-stat b{font-family:Assistant,sans-serif}

/* הלוגו בפוטר: הלוגו מקורי כתום וירוק על לבן, ולכן על ירוק הוא הופך ללבן */
.kr .dock .btn{background:var(--k-orange);box-shadow:none}
.kr .dock b{color:var(--k-teal)}

/* ═══ מובייל: הקהל בן 50 עד 65, אז 12.8px של הדסקטופ עולה ל-14.5 בטלפון ═══ */
@media(max-width:700px){
  .k-card p,.k-mod p,.k-fact p,.k-step p{font-size:14.5px;line-height:1.5}
  .k-card h3{font-size:17px}
  .k-quote p{font-size:15px}
  .k-quote small,.k-kit p{font-size:14px}
  .k-lead{font-size:16px}
  .k-mod p{max-inline-size:none}
  .k-form-box{border-radius:30px;padding:26px 20px}
  .k-hero-logo{inline-size:170px}
  .k-strip img{flex-basis:230px;block-size:170px}
}

/* ═══ הירו במובייל: חיתוך ייעודי ═══
   התמונה המורכבת ברוחב מלא השאירה צילום קטן ו-60 אחוז לבן (צילום מסך של עידו, 07.09).
   במובייל נטען חיתוך של החצי השמאלי בלבד, והלוגו קטן. */
@media(max-width:899px){
  .k-hero .k-hero-img{inline-size:100%;aspect-ratio:1180/1080;object-fit:cover;margin-block-start:22px}
  .k-hero-logo{inline-size:140px;margin-block-end:18px}
  .k-hero-copy{padding-block-start:6px}
  .k-cta{font-size:15px;padding:14px 26px 11px}
}

/* ═══════════════════════════════════════════════════════════════════
   סבב דסקטופ, 09.09.2026
   שני באגים אמיתיים שהתגלו על מסך של 1900:

   1. ⚠️ hero.webp הוא 2300x1080, יחס 2.13, והוא נכס לרוחב מלא: הצילום
      תופס את 40 האחוזים השמאליים, וכל השאר לבן עם הנקודות והקו הגלי,
      כלומר הרקע שהטקסט אמור לשבת עליו. ה-CSS הקודם הגיש אותו
      background-size:contain בתוך קופסה של 1265 בגובה 720. contain על
      יחס 2.13 בקופסה כזו נותן 1265 על 594, ולכן נשארו 126 פיקסל של
      ריק בתחתית ההירו, וזה הפס הלבן הגדול שנראה מתחת לתמונה.
   2. הקופסה של 1265 נמדדה במסך של 1280. במסך של 1900 היא אי שצף
      באמצע עם 300 פיקסל של טקסטורה מכל צד, והתמונה מוגשת קטנה.

   התיקון: ההירו נמתח לרוחב המסך, cover במקום contain, והגובה נגזר
   מהיחס האמיתי של התמונה. ⚠️ רק להירו של עמוד ההכשרה. ההירו של עמוד
   הערכות הוא k-hero-split, מבנה גריד אחר בלי תמונת רקע, ואסור לגעת בו.
   ═══════════════════════════════════════════════════════════════════ */
@media(min-width:900px){
  .k-hero:not(.k-hero-split){
    max-inline-size:none;
    inline-size:100%;
    background-size:cover;
    background-position:center top;
    /* 47vw ≈ הגובה שנגזר מיחס 2.13, כך שאין לא חיתוך ולא פס ריק */
    min-block-size:min(47vw,860px);
  }
  /* עמודת הטקסט יושבת על האזור הלבן של התמונה ולא נוגעת בצילום */
  .k-hero:not(.k-hero-split) .k-hero-copy{
    inline-size:min(46%,600px);
    padding-inline-start:clamp(32px,5vw,96px);
  }
}

/* ── מסך רחב מ-1500: העיצוב גדל בפרופורציה במקום להישאר מוקטן ──
   כל המידות של המקור נמדדו ב-1280 (טיפוגרפיה של 12.8 עד 15.4 פיקסל
   ורצועת תוכן של 1060). מתחת ל-1500 שום דבר כאן לא נוגע, ולכן
   ההתאמה אחד לאחד למקור נשמרת בדיוק. */
@media(min-width:1500px){
  :root{--k-wrap:1240px}
  .k-h1{font-size:47px}
  .k-h2{font-size:36px}
  .k-script{font-size:52px}
  .k-lead{font-size:17.4px}
  .k-hero-body{font-size:19px}
  .k-quiet{font-size:31px}
  .k-punch{font-size:41px}
  .k-card h3{font-size:17.2px}
  .k-card p{font-size:14.3px}
  .k-ask p{font-size:19.6px}
  .k-form-box h2{font-size:24px}
  .k-strip{max-inline-size:1444px}
  .k-strip img{flex-basis:clamp(250px,19vw,320px);block-size:clamp(190px,14.5vw,242px)}
}
