/* ═══════════════════════════════════════════════════════════════ Song School - שפת דפי המכירה גרסה 1 · 20.9.2026 · נכתבה בסשן השיווק כל דף מכירה טוען את הקובץ הזה, ובוחר ערכת צבע ב-class על ה-body: כתיבה · ירוק הלחנה · כחול הפקה · חום ונחושת הרמוניה · בורדו סלסול · ענבר אתגר · טורקיז הבמה · אדום במה הזהב הוא קבוע ומשותף לכל הדפים - הוא המותג. ה-accent הוא מה שמשתנה, והוא נוגע רק בהדגשות: eyebrow, מסגרות, מספרים בסעיף ההצצה, ומעטפת הטעימה. אין בקובץ הזה שום תוכן. רק רכיבים. ═══════════════════════════════════════════════════════════════ */ :root{ --gold:#cdb181; --gold-hi:#e8cfa2; --gold-lo:#b1936a; --gold-dim:rgba(205,177,129,.26); --hair:rgba(205,177,129,.16); --hair-2:rgba(205,177,129,.3); } /* ── ערכות הצבע ── */ body.c-writing { --bg:#0e1913; --panel:#17271d; --panel2:#142219; --panel3:#1b2e22; --ink:#ece9e2; --muted:#95a49a; --dim:#6f8076; --accent:#4f9e7a; --accent-hi:#6fc79b; --accent-rgb:79,158,122 } body.c-composing{ --bg:#0d1520; --panel:#15212f; --panel2:#111a26; --panel3:#1a2939; --ink:#e8edf2; --muted:#93a4b5; --dim:#6d7d8d; --accent:#4a86c8; --accent-hi:#6eafd9; --accent-rgb:74,134,200 } body.c-hafaka { --bg:#141110; --panel:#1f1917; --panel2:#191413; --panel3:#241c19; --ink:#f2ece4; --muted:#a79a8f; --dim:#7d716a; --accent:#c8794a; --accent-hi:#e08b4f; --accent-rgb:200,121,74 } body.c-harmonia { --bg:#161013; --panel:#221820; --panel2:#1b131a; --panel3:#291c26; --ink:#f0e8ee; --muted:#a893a2; --dim:#7c6b77; --accent:#9e4763; --accent-hi:#c26584; --accent-rgb:158,71,99 } body.c-silsul { --bg:#15110c; --panel:#211a12; --panel2:#1a140e; --panel3:#271e14; --ink:#f3ebdd; --muted:#a89880; --dim:#7d7059; --accent:#c69344; --accent-hi:#e0ae5a; --accent-rgb:198,147,68 } body.c-etgar { --bg:#0d1716; --panel:#152524; --panel2:#111d1c; --panel3:#1a2e2c; --ink:#e8f0ef; --muted:#8fa5a3; --dim:#6b807e; --accent:#3f9c92; --accent-hi:#5bc0b4; --accent-rgb:63,156,146 } body.c-bama { --bg:#0a0c12; --panel:#151a26; --panel2:#10131c; --panel3:#1d2433; --ink:#f3ece2; --muted:#9aa7bd; --dim:#727f96; --accent:#b8475e; --accent-hi:#d4566e; --accent-rgb:212,86,110 } /* ═══════════ יסוד ═══════════ */ *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);direction:rtl; font-family:Heebo,system-ui,-apple-system,sans-serif;font-weight:300; line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden} .wrap{max-width:860px;margin:0 auto;padding:0 22px} .narrow{max-width:700px;margin:0 auto} h1,h2,h3{font-family:'Frank Ruhl Libre',serif;font-weight:700;line-height:1.25;margin:0} h2{font-size:clamp(25px,5vw,34px)} b,strong{font-weight:600;color:#fff} a{color:var(--gold)} p{margin:0 0 18px} section{padding:64px 0;position:relative} .eyebrow{font-size:11.5px;letter-spacing:3.4px;color:var(--accent-hi);font-weight:700;margin:0 0 14px} .lead{font-size:18px;color:var(--ink)} .sub{font-size:15.5px;color:var(--muted)} .divider{height:1px;background:linear-gradient(90deg,transparent,var(--hair),transparent)} /* ═══════════ הירו ═══════════ */ .hero{position:relative;display:flex;align-items:flex-end;overflow:hidden; border-bottom:1px solid var(--hair)} .hero-bg{position:absolute;inset:0;background: radial-gradient(60rem 34rem at 50% 2%, rgba(var(--accent-rgb),.26), transparent 62%), radial-gradient(46rem 30rem at 12% 84%, rgba(var(--accent-rgb),.14), transparent 66%), linear-gradient(180deg,var(--panel3) 0%,var(--panel2) 42%,var(--bg) 100%)} .hero-bg::after{content:"";position:absolute;inset:0;opacity:.5;background: radial-gradient(1.5px 1.5px at 20% 30%, rgba(232,207,162,.35), transparent), radial-gradient(1.5px 1.5px at 72% 18%, rgba(232,207,162,.25), transparent), radial-gradient(1.5px 1.5px at 44% 66%, rgba(232,207,162,.22), transparent)} .hero-in{position:relative;width:100%;padding:60px 0 56px;text-align:center} .hero h1{font-size:clamp(36px,8.4vw,66px);font-weight:900;margin:0 0 10px; text-shadow:0 4px 30px rgba(0,0,0,.6)} .hero h1 em{font-style:normal;color:var(--gold)} .hero .by{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600; font-size:15px;letter-spacing:3px;color:var(--gold);opacity:.75;margin:0 0 22px} .hero .promise{font-family:'Frank Ruhl Libre',serif;font-size:clamp(18px,4vw,24px);font-weight:500; color:var(--gold-hi);max-width:22ch;margin:0 auto 26px;line-height:1.45; text-shadow:0 2px 18px rgba(0,0,0,.5)} .badge{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:1.2px; color:var(--gold-hi);border:1px solid var(--hair-2);background:rgba(0,0,0,.4); backdrop-filter:blur(6px);border-radius:999px;padding:8px 18px;margin-bottom:22px} .badge i{width:7px;height:7px;border-radius:50%;background:var(--accent-hi);flex-shrink:0; box-shadow:0 0 0 4px rgba(var(--accent-rgb),.2)} .pricepill{display:inline-flex;align-items:baseline;gap:12px;flex-wrap:wrap;justify-content:center; background:rgba(0,0,0,.42);backdrop-filter:blur(8px); border:1px solid var(--hair-2);border-radius:16px;padding:14px 24px;margin-bottom:22px} .pricepill .now{font-family:'Frank Ruhl Libre',serif;font-size:34px;font-weight:900;color:var(--gold-hi);line-height:1} .pricepill .was{font-size:17px;color:var(--muted);text-decoration:line-through;opacity:.75} .pricepill .per{font-size:13.5px;color:var(--muted)} .facts{display:flex;flex-wrap:wrap;gap:7px 20px;justify-content:center; font-size:13.5px;color:var(--muted);margin:26px 0 0} .facts span::before{content:"· ";color:var(--accent-hi)} .facts span:first-child::before{content:""} /* ═══════════ כפתורים ═══════════ */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px; padding:16px 34px;border-radius:13px;text-decoration:none;border:0;cursor:pointer; font-family:Heebo,sans-serif;font-size:16.5px;font-weight:700; transition:filter .18s,transform .06s,background .2s} .btn-main{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 58%,var(--gold-lo));color:#16120e; box-shadow:0 14px 34px -10px rgba(205,177,129,.45)} .btn-main:hover{filter:brightness(1.06)} .btn-ghost{background:rgba(0,0,0,.38);color:var(--gold-hi);border:1px solid var(--hair-2);backdrop-filter:blur(6px)} .btn-ghost:hover{background:rgba(205,177,129,.1)} .btn:active{transform:translateY(1px)} .hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .cta-line{margin:38px 0 0;text-align:center} .cta-note{font-size:13.5px;color:var(--muted);margin:13px 0 0} /* ═══════════ מסך ממוסגר ═══════════ */ .screen{position:relative;max-width:700px;margin:34px auto 0;border-radius:16px;overflow:hidden; border:1px solid var(--hair-2);background:rgba(0,0,0,.55); box-shadow:0 40px 90px -40px #000, 0 0 0 6px rgba(205,177,129,.05)} .screen .chrome{display:flex;align-items:center;gap:7px;padding:10px 14px; background:linear-gradient(180deg,var(--panel3),var(--panel2));border-bottom:1px solid var(--hair)} .screen .chrome i{width:9px;height:9px;border-radius:50%;background:rgba(205,177,129,.28)} .screen .chrome span{margin-inline-start:auto;font-size:11px;color:var(--dim);letter-spacing:.5px} .screen img{display:block;width:100%;height:auto} .screen figcaption{font-size:12px;color:var(--dim);padding:11px 14px;background:rgba(0,0,0,.55); border-top:1px solid var(--hair);letter-spacing:.3px} .screen.mini{max-width:560px;margin:26px auto 0} /* ═══════════ כאב - שלושה כרטיסים ═══════════ */ .pains{display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:28px} .pain{background:var(--panel2);border:1px solid var(--hair);border-inline-start:3px solid var(--accent); border-radius:14px;padding:22px 20px} .pain p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.75} .pain b{color:var(--ink)} .punch{font-family:'Frank Ruhl Libre',serif;font-size:clamp(20px,4.2vw,26px);font-weight:700; color:var(--gold-hi);line-height:1.45;margin:34px 0 0;text-align:center} /* ═══════════ כרטיסי ערך ═══════════ */ .vgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin-top:32px} .vcard{background:linear-gradient(165deg,var(--panel3),var(--panel) 55%); border:1px solid var(--hair);border-radius:18px;padding:24px 20px;position:relative;overflow:hidden; transition:border-color .25s,transform .25s} .vcard:hover{border-color:var(--hair-2);transform:translateY(-3px)} .vcard::before{content:"";position:absolute;inset-inline-start:-30%;top:-40%;width:80%;height:70%; background:radial-gradient(closest-side,rgba(var(--accent-rgb),.16),transparent);pointer-events:none} .vcard .n{position:relative;font-family:'Frank Ruhl Libre',serif;font-size:40px;font-weight:900; color:var(--gold-hi);line-height:1;display:block;margin-bottom:8px} .vcard .lbl{position:relative;display:block;font-size:15.5px;font-weight:600;color:var(--ink);margin-bottom:6px} .vcard p{position:relative;font-size:13.5px;color:var(--muted);margin:0;line-height:1.7} /* ═══════════ מפת חלקים עם פסי התקדמות ═══════════ */ .vols{display:grid;gap:11px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:28px} .vol{display:flex;gap:14px;align-items:flex-start;background:var(--panel2); border:1px solid var(--hair);border-radius:15px;padding:17px; border-inline-start:3px solid var(--c,var(--accent));transition:background .2s} .vol:hover{background:var(--panel)} .vol .ltr{font-family:'Frank Ruhl Libre',serif;font-weight:900;font-size:16px; flex:0 0 42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center; color:var(--c,var(--accent));border:1px solid currentColor;line-height:1;white-space:nowrap} .vol .ltr.sm{font-size:10px;letter-spacing:.2px} .vol .tx{min-width:0;flex:1} .vol h3{font-size:16px;margin:0 0 3px;color:var(--ink)} .vol .meta{font-size:12.5px;color:var(--muted);margin:0 0 7px;line-height:1.5} .vol .bar{height:4px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden} .vol .bar i{display:block;height:100%;border-radius:99px;background:var(--c,var(--accent));opacity:.85} .vol .open{font-size:11.5px;color:var(--dim);margin:7px 0 0} .vol .open b{color:var(--c,var(--accent));font-weight:600} .vols-note{font-size:14px;color:var(--muted);margin:24px 0 0;text-align:center;line-height:1.85} .vols-note b{color:var(--ink)} /* ═══════════ הצצה לפרק ═══════════ */ .peek{display:grid;gap:22px;grid-template-columns:1fr;align-items:start;margin-top:30px} @media(min-width:820px){ .peek{grid-template-columns:1.25fr .85fr;gap:28px} } .peek .screen{margin:0;max-width:none} .peek-pts{margin:0;padding:0;list-style:none;counter-reset:pk} .peek-pts li{counter-increment:pk;position:relative;padding-inline-start:44px;margin-bottom:20px} .peek-pts li:last-child{margin-bottom:0} .peek-pts li::before{content:counter(pk);position:absolute;inset-inline-start:0;top:0; width:30px;height:30px;border-radius:50%;background:rgba(var(--accent-rgb),.16); border:1px solid rgba(var(--accent-rgb),.5);color:var(--accent-hi);font-size:13.5px;font-weight:800; display:flex;align-items:center;justify-content:center;line-height:1} .peek-pts b{display:block;font-size:16px;color:var(--gold-hi);font-weight:600;margin-bottom:3px} .peek-pts span{display:block;font-size:14px;color:var(--muted);line-height:1.7} /* ═══════════ הטעימה - מעטפת לרכיב האינטראקטיבי ═══════════ */ .lab{background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),transparent 52%),var(--panel); border:1px solid rgba(var(--accent-rgb),.4);border-radius:22px;overflow:hidden;margin-top:30px; box-shadow:0 24px 60px -30px rgba(0,0,0,.8)} .lab-head{padding:24px 24px 18px;border-bottom:1px solid var(--hair); background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),transparent)} .lab-kick{font-size:11.5px;font-weight:800;letter-spacing:2.2px;color:var(--accent-hi);margin:0 0 8px} .lab-title{font-family:'Frank Ruhl Libre',serif;font-size:23px;font-weight:700;color:var(--gold-hi);line-height:1.3;margin:0} .lab-aim{font-size:14px;color:var(--muted);margin:9px 0 0;line-height:1.7} .lab-body{padding:24px} .lab-law{font-family:'Frank Ruhl Libre',serif;font-size:19px;font-weight:700;color:var(--gold-hi); text-align:center;padding:22px 14px;margin:24px 0 0;line-height:1.5; border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)} .lab-foot{font-size:14px;color:var(--muted);margin:20px 0 0} .lab-foot b{color:var(--ink)} /* בורר צ'יפים - משמש בהפקה, ומתאים לכל בורר עתידי */ .chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px} .chip{border:1px solid var(--hair-2);background:rgba(0,0,0,.35);color:var(--ink); border-radius:999px;padding:9px 18px;font-family:Heebo,sans-serif;font-size:14.5px;font-weight:400; cursor:pointer;transition:all .18s} .chip:hover{border-color:var(--gold);background:rgba(205,177,129,.08)} .chip.on{background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-color:var(--gold); color:#16120e;font-weight:700} .route{border-top:1px solid var(--hair);padding-top:20px} .route .rd{font-size:14.5px;color:var(--muted);margin:0 0 18px;line-height:1.8} .route .rd b{color:var(--gold-hi)} .route ol{margin:0;padding:0;list-style:none;counter-reset:rt} .route li{counter-increment:rt;position:relative;padding-inline-start:44px;margin-bottom:13px;line-height:1.65} .route li:last-child{margin-bottom:0} .route li::before{content:counter(rt);position:absolute;inset-inline-start:0;top:1px; width:29px;height:29px;border-radius:50%;background:rgba(var(--accent-rgb),.16); border:1px solid rgba(var(--accent-rgb),.5);color:var(--accent-hi);font-size:13px;font-weight:800; display:flex;align-items:center;justify-content:center;line-height:1} .route li b{display:block;font-size:16px;color:var(--ink);font-weight:600} .route li small{display:block;font-size:13px;color:var(--muted);line-height:1.6} /* כפתור נגינה - הלחנה והרמוניה */ .play{width:100%;padding:15px 16px;border:1px solid var(--hair-2);border-radius:13px;cursor:pointer; background:rgba(0,0,0,.35);color:var(--ink);font-family:Heebo,sans-serif;font-size:15.5px;font-weight:500; display:flex;align-items:center;gap:12px;text-align:right; transition:border-color .18s,background .18s,transform .06s} .play:hover{border-color:var(--gold);background:rgba(205,177,129,.07)} .play:active{transform:translateY(1px)} .play .ic{display:inline-block;width:0;height:0;flex-shrink:0;border-style:solid; border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--gold)} .play .tx{flex:1} .play .tx small{display:block;font-size:12.5px;color:var(--muted);font-weight:300;line-height:1.6} .play.main{border-color:var(--gold);background:rgba(205,177,129,.12)} .play.on{border-color:var(--gold);background:rgba(205,177,129,.2)} .play.on .tx{color:var(--gold-hi)} .noaudio{font-size:12.5px;color:var(--muted);margin:14px 0 0;text-align:center;opacity:.8} /* ═══════════ כלים ═══════════ */ .tools{display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));margin-top:30px} .tool{background:var(--panel2);border:1px solid var(--hair);border-radius:16px;padding:22px 20px} .tool .ic{font-size:26px;line-height:1;display:block;margin-bottom:12px} .tool h3{font-size:16.5px;color:var(--gold-hi);margin:0 0 7px} .tool p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.7} /* ═══════════ למי מתאים ═══════════ */ .who{background:var(--panel2);border:1px solid var(--hair);border-radius:16px;padding:22px;margin-bottom:12px} .who h3{font-size:17px;color:var(--gold-hi);margin-bottom:8px} .who p{font-size:14.5px;color:var(--muted);margin:0} .notfor{border:1px dashed var(--hair-2);border-radius:16px;padding:22px;margin-top:26px} .notfor h3{font-size:17px;color:var(--muted);margin-bottom:11px} .notfor ul{margin:0;padding-inline-start:20px;color:var(--muted);font-size:14.5px} .notfor li{margin-bottom:8px} .notfor li:last-child{margin-bottom:0} /* ═══════════ שאלות ═══════════ */ details{border-bottom:1px solid var(--hair);padding:4px 0} details:last-of-type{border-bottom:0} summary{cursor:pointer;list-style:none;padding:17px 0;font-size:16.5px;font-weight:500; color:var(--ink);display:flex;justify-content:space-between;align-items:baseline;gap:14px} summary::-webkit-details-marker{display:none} summary::after{content:"+";color:var(--accent-hi);font-size:22px;line-height:1;flex-shrink:0;font-weight:300} details[open] summary{color:var(--gold-hi)} details[open] summary::after{content:"-"} details p{font-size:14.5px;color:var(--muted);margin:0 0 18px} /* ═══════════ קופסת המחיר ═══════════ */ #buy{background:linear-gradient(170deg,var(--panel3) 0%,var(--panel) 45%,var(--panel2) 100%); border:1px solid var(--hair-2);border-radius:24px;padding:40px 30px;text-align:center; scroll-margin-top:20px;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #000} #buy::before{content:"";position:absolute;inset-inline-start:-20%;top:-30%;width:70%;height:60%; background:radial-gradient(closest-side,rgba(var(--accent-rgb),.18),transparent);pointer-events:none} #buy > *{position:relative} #buy h2{margin-bottom:12px} .price{font-family:'Frank Ruhl Libre',serif;font-size:clamp(44px,9vw,58px);font-weight:900; color:var(--gold-hi);line-height:1;margin:18px 0 8px; display:flex;align-items:baseline;justify-content:center;gap:16px;flex-wrap:wrap} .price .was{font-size:25px;font-weight:700;color:var(--muted); text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.7} .price-sub{font-size:13.5px;color:var(--muted);margin:0 0 4px} .monthly{font-family:'Frank Ruhl Libre',serif;font-size:20px;font-weight:700;color:var(--ink);margin:16px 0 0} .monthly small{display:block;font-family:Heebo,sans-serif;font-size:13px;font-weight:300; color:var(--muted);margin-top:6px} /* השוואת מחיר */ .vs{margin:26px 0 0;border:1px solid var(--hair);border-radius:18px;overflow:hidden} .vs-row{display:flex;align-items:center;gap:16px;padding:18px 20px;text-align:right} .vs-row + .vs-row{border-top:1px solid var(--hair)} .vs-row.ours{background:linear-gradient(90deg,rgba(205,177,129,.12),rgba(205,177,129,.04))} .vs-amt{font-family:'Frank Ruhl Libre',serif;font-weight:900;font-size:22px;line-height:1.15; flex:0 0 132px;color:var(--muted)} .vs-row.ours .vs-amt{color:var(--gold-hi);font-size:27px} .vs-amt small{display:block;font-family:Heebo,sans-serif;font-size:11.5px;font-weight:300; letter-spacing:.5px;opacity:.8;margin-top:3px} .vs-tx{font-size:14px;color:var(--muted);line-height:1.65;min-width:0} .vs-row.ours .vs-tx{color:var(--ink)} .vs-tx b{display:block;color:var(--ink);font-weight:600;font-size:15.5px;margin-bottom:2px} /* מה נכנס למחיר */ .incl{text-align:right;margin:26px 0 0;padding:22px;background:rgba(0,0,0,.35); border:1px solid var(--hair);border-radius:16px} .incl p{font-size:11.5px;letter-spacing:2.4px;color:var(--accent-hi);font-weight:700;margin:0 0 14px} .incl ul{margin:0;padding:0;list-style:none;font-size:14.5px;color:var(--ink)} .incl li{padding-inline-start:28px;position:relative;margin-bottom:10px;line-height:1.7} .incl li:last-child{margin-bottom:0} .incl li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--accent-hi);font-weight:800} /* בלוק אמון / מקומות */ .seats-note{margin:22px 0 0;padding:18px 20px;border:1px solid rgba(var(--accent-rgb),.4); background:rgba(var(--accent-rgb),.07);border-radius:16px;font-size:14.5px;color:var(--muted); line-height:1.8;text-align:right} .seats-note b{color:var(--gold-hi)} .trust{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); margin-top:16px;text-align:right} .trust div{background:rgba(0,0,0,.35);border:1px solid var(--hair);border-radius:14px;padding:16px 17px} .trust b{display:block;font-size:14px;color:var(--gold-hi);font-weight:600;margin-bottom:5px} .trust span{display:block;font-size:13px;color:var(--muted);line-height:1.75} /* סולם מחירים */ .steps-price{margin:24px 0 0;text-align:right} .steps-price > p{font-size:11.5px;letter-spacing:2.4px;color:var(--accent-hi);font-weight:700;margin:0 0 12px} .steps-price ol{margin:0;padding:0;list-style:none} .steps-price li{display:flex;gap:16px;align-items:baseline;padding:12px 0; border-bottom:1px solid var(--hair);font-size:14px;color:var(--muted);line-height:1.7} .steps-price li:last-child{border-bottom:0} .steps-price li b{flex:0 0 84px;font-family:'Frank Ruhl Libre',serif;font-size:18px;font-weight:800;color:var(--dim)} .steps-price li.now b{color:var(--gold-hi)} .steps-price li.now{color:var(--ink)} /* ═══════════ טופס ═══════════ */ form{margin-top:26px;text-align:right} label{display:block;font-size:13px;color:var(--muted);margin:0 0 7px} label .opt{opacity:.7} input[type=text],input[type=email],input[type=tel]{ width:100%;padding:14px 16px;margin-bottom:14px;border-radius:12px; border:1px solid var(--hair-2);background:rgba(0,0,0,.45); color:var(--ink);font-family:Heebo,sans-serif;font-size:16px;font-weight:400} input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(205,177,129,.14)} button[type=submit]{width:100%;padding:17px;border:0;border-radius:13px; background:linear-gradient(180deg,var(--gold-hi),var(--gold) 58%,var(--gold-lo)); color:#16120e;font-family:Heebo,sans-serif;font-size:17px;font-weight:700;cursor:pointer; box-shadow:0 14px 34px -12px rgba(205,177,129,.45);transition:filter .18s,transform .06s} button[type=submit]:hover:not(:disabled){filter:brightness(1.06)} button[type=submit]:active:not(:disabled){transform:translateY(1px)} button[type=submit]:disabled{opacity:.55;cursor:default} .formnote{font-size:12.5px;color:var(--muted);margin:15px 0 0;text-align:center;line-height:1.7} .done{background:rgba(205,177,129,.09);border:1px solid var(--hair-2);border-radius:14px;padding:26px;margin-top:24px} .done h3{color:var(--gold-hi);font-size:20px;margin-bottom:8px} .done p{font-size:14.5px;color:var(--muted);margin:0} .hide{display:none !important} .hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px; overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* ═══════════ סרגל צף ═══════════ */ #bar{position:fixed;inset-inline:0;bottom:0;z-index:900; /* רקע אטום: color-mix עם var() בדפדפן ישן לא נופל לשורה קודמת אלא הופך ל-unset - כלומר סרגל קנייה שקוף מעל הטקסט. 97% ממילא לא נראה. */ background:var(--panel2);backdrop-filter:blur(12px); border-top:1px solid var(--hair-2);padding:11px 16px; display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap; transform:translateY(102%);transition:transform .25s ease} #bar.on{transform:translateY(0)} #bar.cookie{bottom:62px} /* באנר העוגיות יושב בתחתית */ #bar .p{font-family:'Frank Ruhl Libre',serif;font-size:20px;font-weight:800;color:var(--gold-hi);line-height:1} #bar .p small{font-size:12px;font-weight:400;color:var(--muted);margin-inline-start:7px} #bar a{padding:12px 26px;border-radius:10px;background:linear-gradient(180deg,var(--gold-hi),var(--gold)); color:#16120e;font-size:15.5px;font-weight:700;text-decoration:none;line-height:1.3} body.barpad{padding-bottom:76px} body.barpad.cookiepad{padding-bottom:138px} /* ═══════════ פוטר ═══════════ */ footer{padding:46px 0 60px;text-align:center;font-size:13px;color:var(--muted);border-top:1px solid var(--hair)} footer a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold-dim)} footer .sep{margin:0 9px;opacity:.4} footer .copy-mail{background:none;border:0;padding:0;margin-inline-start:4px;font:inherit;font-size:12px; color:var(--muted);cursor:pointer} footer .copy-mail:hover{color:var(--gold)} footer .sig{display:flex;width:max-content;max-width:100%;margin:0 auto 20px;align-items:center;gap:12px;direction:ltr} footer .sig .mk{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0} footer .sig .mk img{display:block;width:100%;height:100%;object-fit:cover} footer .sig .ss-tx{display:flex;flex-direction:column;align-items:center;gap:5px} footer .sig .wm{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:21px;color:var(--gold);line-height:1} footer .sig .ss-hm{font-family:'Frank Ruhl Libre',Georgia,serif;font-weight:500;font-size:12.5px; color:var(--muted);letter-spacing:1.5px;line-height:1;direction:rtl} .nav{margin-bottom:16px;line-height:2.2} /* ═══════════ נייד ═══════════ */ @media (max-width:560px){ .hero-in{padding-top:44px} .screen{margin-top:28px;border-radius:13px} .hero-cta .btn{width:100%} .vs-row{flex-direction:column;align-items:flex-start;gap:6px} .vs-amt{flex:none} #bar{gap:10px;padding:10px 14px} #bar a{padding:11px 20px;font-size:15px} #bar .p{font-size:18px} } @media (prefers-reduced-motion:reduce){ #bar{transition:none} .vcard{transition:none} }