/* גרסת מחשב לדף DNA ויזואלי · 6.11.2026
   הכל בתוך שאילתת מדיה, כדי שהנייד לא יזוז. נטען אחרי העיצוב הראשי. */
@media (min-width:900px){
  :root{--sq-rot:1.3deg;--sq-w:106vw;--sq-h:120px}
  main>section{max-width:1240px;padding:84px 48px}
  .blob-title{font-size:58px}
  .lead{font-size:21px;max-width:680px}
  .hint-lead,.ttl-hint{font-size:18px;opacity:.82}
  .dcard span,.request,.kit-card p{text-wrap:balance}
  .d-only,.d-br{display:inline}
  .m-only{display:none}

  /* 1 · הירו: סרטון רחב לכל רוחב המסך, הכותרת, השורה והכפתור בצד ימין של הפריים */
  #hero{max-width:none;padding:20px 2vw 0;position:relative}
  .hero-frame{width:100%;aspect-ratio:1920/880;border-radius:26px;container-type:inline-size}
  .hero-frame video{object-position:center}
  .hero-frame .say{left:58%;right:5%;top:13%;bottom:auto;height:27%}
  .hero-frame .say span{font-size:5.8cqw}
  #hero .hero-line{position:absolute;z-index:3;left:57.7vw;right:6.8vw;top:calc(20px + 20.6vw);margin:0;max-width:none;font-size:clamp(19px,1.6vw,28px);line-height:1.5;text-shadow:0 0 18px rgba(249,244,234,.9)}
  #hero .btn--up{position:absolute;z-index:3;top:calc(20px + 28.4vw);left:75.4vw;translate:-50% 0;font-size:clamp(40px,3.6vw,60px);line-height:.74;white-space:nowrap}

  /* 2 · אבחון: הכרטיסים מימין, המסך של קלוד משמאל */
  #diag{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:center}
  #diag>.ttl,#diag>.lead,#diag>.calm{grid-column:1 / -1}
  #diag>.diag{grid-column:1;grid-row:3;max-width:none;width:100%;margin-block:90px}
  #diag>.claude-screen{grid-column:2;grid-row:3;margin:90px auto;zoom:1.5}
  /* המסך של מדריך המצגת (monitor.webp), החלון לפי window-monitor.json */
  #diag .claude-screen .scr{left:2.99%;top:5.17%;width:93.94%;height:72.18%;border-radius:2px}
  .calm{margin-top:10px !important}
  .dcard span{font-size:19px}
  .calm{margin-top:56px}
  .calm .big{font-size:62px}
  .calm p{max-width:620px;font-size:20px}

  /* 3 · אותה בקשה: הבקשה והטקסט מימין, הפלאפון משמאל */
  /* הבקשה למעלה מימין, מתחתיה הערה בכתב היד עם החץ של הסיקווגל שמוביל אל הפלאפון */
  #proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto 1fr;column-gap:64px}
  #proof>.ttl,#proof>.lead{grid-column:1 / -1}
  #proof>.request{grid-column:1;grid-row:3;margin:44px 0 0;max-width:none;font-size:18px}
  #proof>.phone-note{grid-column:1;grid-row:4;display:block;position:relative;margin:34px 0 0;height:330px}
  /* ההערה יורדת ומוטה לכיוון הפלאפון, והחץ דק ומסודר בקו יד עם ראש קטן (סבב מחשב 3) */
  #proof>.phone-note span{position:absolute;right:13%;top:46px;font-family:var(--font-head);font-size:38px;line-height:.95;color:#1E5F74;transform:rotate(-9deg);text-align:center}
  #proof>.phone-note .pn-arrow{position:absolute;left:-30px;top:150px;width:460px;height:auto;color:var(--ink);filter:url(#wob-fine);overflow:visible}
  #proof .stage .phone{margin-right:0}
  #proof:has(.stage.done)>.phone-note{display:none}
  /* הכתם ממורכז על הפלאפון: הבמה מצטמצמת לרוחב הפלאפון */
  #proof>.stage{justify-self:start;padding-inline:56px}
  #proof .scroll-hint{display:none}
  #proof>.stage{grid-column:2;grid-row:3 / span 5}
  #proof>.after-txt{grid-column:1;grid-row:5;max-width:none;font-size:20px;margin-top:150px}
  #proof>.back{grid-column:1;grid-row:6;justify-self:center}
  #proof .phone{zoom:1.22}

  /* 5 · המערכת: המספרים והכרטיס מימין, שובל עם הלפטופ משמאל */
  /* הכותרת וההנחיה עוברות לעמודה הימנית, מעל המספרים */
  #parts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;max-width:1160px;grid-template-rows:1fr auto auto auto auto auto 1fr;align-items:center}
  #parts>.ttl{grid-column:1;grid-row:2;margin-bottom:10px;text-align:right}
  #parts>.lead{grid-column:1;grid-row:3;margin:0 0 22px;text-align:right;max-width:none}
  .kit-nums{justify-content:flex-start}
  .kit{display:contents}
  .kit-nums{grid-column:1;grid-row:4;gap:14px}
  .kit-card{grid-column:1;grid-row:5;min-height:150px}
  .kit-card h3{font-size:38px}
  .kit-card p{font-size:19.5px}
  .kit-done{grid-column:1;grid-row:6;align-self:start;max-width:none;font-size:21px}
  .kit-machine{grid-column:2;grid-row:1 / -1;width:100%;max-width:460px;margin:0 auto}
  .kit-card.fly{transform:translate(-95%,80px) scale(.12)}

  /* 6 · התהליך: התיקיות מימין, והיד נכנסת מקצה המסך. הכותרת משמאל, גדולה ומוטה, עם החץ של הסיקווגל */
  #how{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:30px;max-width:1240px}
  #how>.fl-stage{grid-column:1;grid-row:1;margin:0}
  #how .fl-sticky{overflow:visible}
  #how>.ttl{grid-column:2;grid-row:1;position:sticky;top:calc(50vh - 190px);align-self:start;margin-top:40vh;z-index:6;transform:rotate(-4deg)}
  #how .blob-title{white-space:nowrap;font-size:clamp(46px,4.6vw,68px)}
  #how .ttl-arrow{display:block;width:230px;margin:26px 0 0 calc(100% - 150px);transform:rotate(10deg)}
  #how .fl-hand{width:330px;left:calc(100% - 38px);top:-282px}
  /* משפט הסיום יושב באותו תא של "תמשיכי לגלול" ומחליף אותו, ולכן לא עולה על הכותרת או על החץ בשום גובה מסך */
  #how .fl-end{visibility:hidden}
  #how .ttl-sub{display:grid;margin-top:12px}
  #how .ttl-sub>span{grid-area:1/1;align-self:start;transition:opacity .4s}
  #how .ttl-hint{margin-top:0}
  #how .ttl-end{display:block;opacity:0;font-weight:700;font-size:21px;line-height:1.4}
  #how:has(.fl-end.on) .ttl-hint{opacity:0}
  #how:has(.fl-end.on) .ttl-end{opacity:1}

  /* 7 · המקרר: במחשב מקרר רטרו קטן עם דלת אחת (גיפטי, 6.11), והפתקים מסודרים מחדש סביב הידית */
  .fridge{width:600px;aspect-ratio:790/1154;background-image:url('assets/images/fridge/fridge-mini.webp')}
  .fr-freezer{top:5%;height:12%;left:8%;right:8%}
  .fr-freezer .blob-title{font-size:48px}
  .fr-freezer .fmag[src*="mag-3"]{top:6% !important;right:-2% !important}
  .fr-freezer .fmag[src*="pencil"]{bottom:-14% !important;left:2% !important}
  .fr-main{left:6%;right:6%;top:19%;bottom:7%}
  .mag-note{width:44%}
  .mag-note[data-z*="t-henry"]{top:2% !important;left:1% !important;right:auto !important;bottom:auto !important}
  .mag-note[data-z*="t-nadira"]{top:20% !important;left:4% !important;right:auto !important;bottom:auto !important;width:33% !important}
  .mag-note[data-z*="t-padit"]{top:30% !important;left:54% !important;right:auto !important;bottom:auto !important}
  /* ההודעה של ספיר על המוצר הזה: גדולה, באמצע, מעל כל השאר */
  .mag-note.star{top:37% !important;left:7% !important;right:7% !important;z-index:8}
  .mag-note[data-z*="t-anat"]{top:auto !important;bottom:9% !important;left:3% !important;right:auto !important}
  .mag-note[data-z*="t-wa2"]{top:auto !important;bottom:8% !important;left:51% !important;right:auto !important}
  .fr-main .fmag[src*="swatch"]{top:67% !important;left:85% !important}
  .mag-note.star .who{font-size:15px}
  .fridge-hint{font-size:16px}

  /* 8 · מי אני: התמונה והכותרת משמאל, הטקסט מימין, והקלפים מתחת */
  /* הדמות מימין, הטקסט משמאל, ושניהם באותו גובה */
  .me{max-width:1060px;display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:90px;align-items:center}
  .me-photo{grid-column:1;grid-row:1 / span 2;width:470px;margin:0;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent),linear-gradient(to left,transparent,#000 70px);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 80%,transparent),linear-gradient(to left,transparent,#000 70px);mask-composite:intersect}
  .me>.ttl{grid-column:2;grid-row:1;align-self:end;margin-top:0 !important;margin-bottom:18px}
  .me-txt{grid-column:2;grid-row:2;align-self:start;font-size:21px}
  #work{padding-top:40px}
  .fan{zoom:1.25;margin-top:0}
  /* הקלף שנשלף עולה טיפה על החפיסה, כדי שרואים את שניהם במסך אחד */
  /* הקלף שנשלף עולה טיפה על החפיסה (530 ו-150 בבסיס, גם בנייד) */
  .fan-cap b{font-size:46px}
  .fan-cap span{font-size:18px}

  /* 9 · המחיר */
  .price-card{max-width:540px;padding:44px 48px}
  .price-pay{font-size:17px}
  .price-vat{font-size:15px;color:#4a4440}
  .price-ttl{font-size:46px}
  .price-sub{font-size:18px}

  /* 10 · שאלות: מועתק אחד לאחד מדף המכירה של מדריך המצגת (sale.css, נעול מהעורך של שובל 27.10.2026) */
  #faq{max-width:980px;padding-block:84px 34px}
  #faq .blob-intro .title{font-size:70px}
  .faqrow{flex-direction:row;align-items:center;justify-content:center;gap:56px;max-width:980px;margin-top:10px}
  .faqfig{width:340px;flex:none}
  .faqlist{max-width:600px;align-items:stretch}
  .faqlist .acc{max-width:none;width:100%}
  .acc summary{font-size:19.5px}
  .acc .body{font-size:18px}
  #faq .faqfig .q1{right:auto;left:-95px;top:-175px;transform:rotate(-18deg);font-size:270px}
  #faq .faqfig .q2{right:auto;left:40px;top:-150px;transform:rotate(10deg);font-size:170px}
  #faq .faqfig img{transform:translate(74px, 11px) scaleX(-1);width:605px;max-width:none}
  #faq .faqfig .q{z-index:3}
  #faq > h2.blob-intro{transform:translate(-209px, 31px)}

  /* 11 · הסיום */
  /* הסיום נפרס לרוחב: שובל בפלאפון מימין, ומשמאל השאלה, הכפתור והאייקונים */
  .outro{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:110px;align-items:center;max-width:1060px;margin:0 auto;text-align:center}
  .outro__fig{grid-column:2;grid-row:1 / span 4;width:380px;margin:0}
  .outro__t{grid-column:1;grid-row:1;align-self:end;max-width:none;font-size:30px;line-height:1.3}
  .outro__btn{grid-column:1;grid-row:2;justify-self:center;margin-top:30px}
  .endicons{grid-column:1;grid-row:3;margin-top:46px;gap:48px}
  .shared{grid-column:1;grid-row:4;align-self:start}
}

/* מסכים בינוניים: הלפטופ והפלאפון גדלים פחות, שלא ייצאו מהעמודה */
@media (min-width:900px) and (max-width:1199px){
  #diag>.claude-screen{zoom:1.1}
  #proof .phone{zoom:1.05}
  #proof>.stage{padding-inline:18px}
  main>section{padding:72px 32px}
  #how .ttl-end{font-size:19px}
}