/* public-site.css — הרקע והכותרות המתחלפות של העמודים הציבוריים (עמוד-המכירה, "דברו איתנו").
   ע12/ע15 (18/10), לוחות F-Sales2 / F-Contact. עמוד-הכניסה מחזיק עותק עצמאי בכוונה — שלא יהיה תלוי בשום קובץ.
   ⚠️ קובץ שנטען מעמוד ציבורי חייב להיות ב-PUBLIC_PATHS (test_public_assets). */
/* משתני-הצבע של העמודים הציבוריים (--ps-*) מוגדרים ב-tokens.css */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--font-body,'Varela Round','Heebo',sans-serif);color:var(--text);background:var(--ps-base);overflow-x:hidden;line-height:1.6}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* ── סצנה: כתמים, שמש, קו-רקיע ── */
.ps-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ps-mesh{position:absolute;border-radius:50%;filter:blur(60px);animation:psMesh 18s ease-in-out infinite}
@keyframes psMesh{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.95)}}
.ps-sun{position:absolute;border-radius:50%;background:radial-gradient(circle at 38% 38%,#FFF4E6,#F9CEB8 55%,#E08256);box-shadow:0 0 90px 30px rgba(224,130,86,.28);opacity:var(--ps-dim)}
.ps-sky{position:absolute;bottom:0;left:0;width:100%;height:220px}
.ps-sky .w{fill:var(--ps-win);animation:psGlint 4s ease-in-out infinite}
@keyframes psGlint{0%,100%{opacity:.35}50%{opacity:1}}

/* ── כותרות מתחלפות (7 זוגות × 3.5 שנ׳) ── */
.ps-rot{position:relative;display:block;width:100%;font-family:var(--font-head,'Secular One',sans-serif);font-weight:400;line-height:1.06;color:var(--text)}
.ps-pair{position:absolute;inset:0;opacity:0;animation:psHl 24.5s cubic-bezier(.2,.7,.2,1) infinite}
.ps-pair span{display:block}
.ps-grad,.ps-pair .g{background-image:linear-gradient(90deg,var(--ps-hl-a),var(--ps-hl-b),var(--ps-hl-a));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:psShine 4s linear infinite}
@keyframes psHl{0%{opacity:0;transform:translateY(34px);filter:blur(6px)}2.5%,12%{opacity:1;transform:none;filter:none}14.3%,100%{opacity:0;transform:translateY(-34px);filter:blur(6px)}}
@keyframes psShine{to{background-position:200% center}}
.ps-dots{display:flex;gap:6px}
.ps-dots span{position:relative;width:26px;height:5px;border-radius:99px;background:color-mix(in srgb,var(--accent) 18%,transparent);overflow:hidden}
.ps-dots i{position:absolute;inset:0;background:var(--accent);transform-origin:right;transform:scaleX(0);animation:psDot 24.5s linear infinite}
@keyframes psDot{0%{transform:scaleX(0);opacity:1}14.2%{transform:scaleX(1);opacity:1}14.4%,100%{transform:scaleX(1);opacity:0}}

/* ── רכיבים משותפים ── */
.ps-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head,'Secular One',sans-serif);font-size:22px;color:var(--text);text-decoration:none}
.ps-logo i{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--ps-btn-a),var(--ps-btn-b));display:grid;place-items:center;color:#fff}
.ps-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:16px;border:0;background:linear-gradient(135deg,var(--ps-btn-a),var(--ps-btn-b));color:var(--ps-btn-ink);font:inherit;font-size:16px;text-decoration:none;cursor:pointer;box-shadow:0 14px 28px -14px var(--ps-btn-a)}
.ps-btn.sec{background:var(--ps-chip);color:var(--accent);box-shadow:0 8px 20px -14px rgba(40,36,90,.5);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
.ps-btn.sm{min-height:42px;padding:0 16px;font-size:15px;border-radius:13px}
.ps-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:var(--ps-chip);color:var(--accent);font-size:14px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.ps-illu{font-size:12px;color:var(--muted);background:var(--ps-chip);border:1px dashed var(--border);border-radius:99px;padding:2px 10px}

@media (prefers-reduced-motion:reduce){
  .ps-mesh,.ps-sky .w,.ps-pair,.ps-grad,.ps-pair .g,.ps-dots i{animation:none!important}
  .ps-pair{opacity:0}.ps-pair:first-child{opacity:1}
  .ps-dots{display:none}
}