/* ========================================================================= SOUNDCLASH — מערכת עיצוב מרכזית כל הצבעים, המרווחים והרכיבים המשותפים לכל דפי האתר יושבים כאן. כל דף פורמט מוסיף מחלקה על ה- (theme-90 / theme-80 / theme-y2k / theme-screen) שדורסת רק את משתני המבטא. אין צורך לגעת בשאר. ========================================================================= */ :root{ /* --- בסיס משותף לכל האתר --- */ --bg:#0b0a09; --bg-raised:#121010; --bg-card:#171413; --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.16); --text:#f4efe6; --text-dim:#b9b1a4; --text-faint:#7d766c; /* --- מבטא (נדרס לכל פורמט) --- */ --accent:#e0493d; /* צבע התפר — הקו שמפריד בין שני הצדדים */ --accent-2:#c99a2e; /* צד א' */ --accent-3:#3c63b5; /* צד ב' */ --accent-soft:rgba(224,73,61,.14); --accent-glow:rgba(224,73,61,.42); --side-a:#b6382c; --side-b:#3c63b5; --radius:14px; --radius-lg:22px; --max:1180px; --nav-h:68px; } /* ===== ערכות פורמט ===== */ body.theme-90{ /* ניינטיז — אדום/זהב מול כחול/שמנת */ --accent:#e0493d; --accent-2:#c99a2e; --accent-3:#6f92e0; --accent-soft:rgba(224,73,61,.14); --accent-glow:rgba(224,73,61,.42); --side-a:#b6382c; --side-b:#3c63b5; } body.theme-80{ /* אייטיז — ניאון מגנטה וציאן */ --accent:#ff2e88; --accent-2:#ffb347; --accent-3:#25e0e0; --accent-soft:rgba(255,46,136,.14); --accent-glow:rgba(255,46,136,.45); --side-a:#c81f6b; --side-b:#1aa7c4; --bg:#0a0712; --bg-raised:#120c1c; --bg-card:#180f24; } body.theme-y2k{ /* Y2K — כרום, ציאן חשמלי וכסף */ --accent:#4ad8ff; --accent-2:#c7d3dd; --accent-3:#8f6bff; --accent-soft:rgba(74,216,255,.13); --accent-glow:rgba(74,216,255,.4); --side-a:#2a86b8; --side-b:#6b4ed6; --bg:#07090c; --bg-raised:#0d1218; --bg-card:#10161d; } body.theme-screen{ /* סדרות נגד סרטים — זהב מקרן מול כחול מסך */ --accent:#e8a33d; --accent-2:#f0d9a8; --accent-3:#5d8fd6; --accent-soft:rgba(232,163,61,.13); --accent-glow:rgba(232,163,61,.4); --side-a:#b8792a; --side-b:#3f6ba8; --bg:#0a0908; --bg-raised:#100e0c; --bg-card:#161311; } /* ===================== RESET ===================== */ *{box-sizing:border-box; margin:0; padding:0;} html{scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 16px);} @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;} } body{ background:var(--bg); color:var(--text); font-family:'Heebo', system-ui, sans-serif; line-height:1.65; overflow-x:hidden; -webkit-font-smoothing:antialiased; } a{color:inherit; text-decoration:none;} img{max-width:100%; display:block;} button{font:inherit; color:inherit; background:none; border:0; cursor:pointer;} :focus-visible{outline:3px solid var(--accent); outline-offset:3px; border-radius:4px;} h1,h2,h3,h4{font-family:'Suez One', Georgia, serif; font-weight:400; line-height:1.18;} .latin{font-family:'Bebas Neue', Impact, sans-serif; letter-spacing:.04em; direction:ltr; unicode-bidi:isolate;} .wrap{max-width:var(--max); margin:0 auto; padding:0 24px;} .wrap-narrow{max-width:820px; margin:0 auto; padding:0 24px;} section{padding:74px 0;} @media (max-width:640px){ section{padding:52px 0;} } /* חשיפה בגלילה — שיפור בלבד. בלי JS הכל גלוי כרגיל. */ .reveal{opacity:1; transform:none; transition:opacity .7s ease, transform .7s ease;} .js-on .reveal{opacity:0; transform:translateY(22px);} .js-on .reveal.in{opacity:1; transform:translateY(0);} /* ===================== כותרות מקטע ===================== */ .eyebrow{ display:inline-flex; align-items:center; gap:10px; font-family:'Bebas Neue', sans-serif; letter-spacing:.26em; font-size:13.5px; color:var(--accent); text-transform:uppercase; margin-bottom:14px; } .eyebrow::before,.eyebrow::after{content:''; width:24px; height:1px; background:var(--accent); opacity:.75;} .eyebrow.one-side::after{display:none;} .section-head{text-align:center; max-width:720px; margin:0 auto 44px;} .section-head h2{font-size:clamp(28px,4.2vw,42px); margin-bottom:14px;} .section-head p{color:var(--text-dim); font-size:17px;} /* ===================== כפתורים ===================== */ .btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:14px 28px; border-radius:999px; font-weight:700; font-size:15.5px; border:2px solid transparent; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease; white-space:nowrap; } .btn:hover{transform:translateY(-2px);} .btn-solid{background:var(--accent); color:#14100e; box-shadow:0 8px 24px var(--accent-soft);} .btn-solid:hover{box-shadow:0 12px 30px var(--accent-glow);} .btn-outline{border-color:var(--line-strong); color:var(--text);} .btn-outline:hover{border-color:var(--text);} .btn-wa{background:#25D366; color:#08240f;} .btn-wa:hover{box-shadow:0 12px 30px rgba(37,211,102,.35);} .btn svg{width:18px; height:18px; fill:currentColor; flex:none;} .cta-row{display:flex; gap:14px; flex-wrap:wrap;} .cta-row.center{justify-content:center;} /* ===================== ניווט ===================== */ .nav{ position:sticky; top:0; z-index:80; height:var(--nav-h); background:color-mix(in srgb, var(--bg) 86%, transparent); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); } .nav-inner{max-width:var(--max); margin:0 auto; padding:0 24px; height:100%; display:flex; align-items:center; gap:20px;} .nav-logo{font-family:'Bebas Neue',sans-serif; font-size:25px; letter-spacing:.09em; color:var(--text); flex:none;} .nav-logo b{color:var(--accent); font-weight:400;} .nav-links{display:flex; align-items:center; gap:4px; margin-inline-start:auto;} .nav-links a{ padding:9px 13px; border-radius:8px; font-size:15px; color:var(--text-dim); transition:color .2s ease, background .2s ease; } .nav-links a:hover{color:var(--text); background:rgba(255,255,255,.05);} .nav-links a.active{color:var(--accent);} .nav-phone{ display:inline-flex; align-items:center; gap:8px; padding:9px 18px; border-radius:999px; background:var(--accent); color:#14100e; font-weight:700; font-size:14.5px; flex:none; } .nav-phone svg{width:15px; height:15px; fill:currentColor;} .nav-toggle{display:none; margin-inline-start:auto; padding:8px; border-radius:8px;} .nav-toggle span{display:block; width:23px; height:2px; background:var(--text); margin:5px 0; transition:.25s;} .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);} .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;} .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} @media (max-width:940px){ .nav-toggle{display:block;} .nav-links{ position:fixed; inset:var(--nav-h) 0 auto 0; flex-direction:column; align-items:stretch; gap:0; background:var(--bg-raised); border-bottom:1px solid var(--line); padding:10px 16px 20px; margin:0; max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease; } .nav-links[data-open="true"]{max-height:80vh; overflow:auto;} .nav-links a{padding:14px 10px; border-bottom:1px solid var(--line); border-radius:0; font-size:16px;} .nav-phone{display:none;} .nav-links .nav-phone-mobile{display:block; margin-top:14px; text-align:center; background:var(--accent); color:#14100e; font-weight:700; border-radius:999px; border:0;} } @media (min-width:941px){ .nav-links .nav-phone-mobile{display:none;} } /* ===================== HERO ===================== */ .hero{ position:relative; display:flex; align-items:center; justify-content:center; padding:86px 20px 74px; text-align:center; overflow:hidden; background:var(--bg-raised); } .hero.compact{padding:62px 20px 54px;} .hero-photo{position:absolute; inset:0; background-size:cover; background-position:center 26%; opacity:.42; filter:saturate(.85) contrast(1.06);} .hero-photo::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,10,9,.6) 0%, rgba(11,10,9,.42) 42%, rgba(11,10,9,.88) 100%);} .hero-glow{position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 22% 30%, color-mix(in srgb, var(--side-a) 34%, transparent), transparent 46%), radial-gradient(circle at 78% 68%, color-mix(in srgb, var(--side-b) 34%, transparent), transparent 46%);} /* שכבת "התפר" — הקרע המשונן בין שני הצדדים. סימן הזהות של המותג. */ .hero-seam{ position:absolute; inset:0; opacity:.9; background:linear-gradient(155deg, color-mix(in srgb, var(--side-a) 42%, #120c0a) 0%, #1d120e 62%, color-mix(in srgb, var(--side-a) 30%, #120c0a) 100%); clip-path:polygon(100% 0%,52% 0%,46% 6%,56% 12%,43% 18%,57% 24%,41% 30%,55% 36%,45% 42%,59% 48%,42% 54%,56% 60%,44% 66%,58% 72%,41% 78%,55% 84%,47% 90%,59% 95%,49% 100%,100% 100%); filter:drop-shadow(0 0 18px var(--accent-glow)) drop-shadow(0 0 3px var(--accent)); } .hero-inner{position:relative; z-index:3; max-width:900px; width:100%;} .hero h1{ font-family:'Bebas Neue', sans-serif; font-size:clamp(40px,11.5vw,140px); max-width:100%; letter-spacing:.05em; line-height:.9; color:var(--text); margin-bottom:4px; } @supports ((-webkit-background-clip:text) or (background-clip:text)){ .hero h1.split-fill{ background:linear-gradient(90deg, var(--accent-3) 0%, var(--accent-3) 42%, var(--accent) 48%, var(--accent) 52%, var(--accent-2) 58%, var(--accent-2) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; } } .hero .era-mark{ font-family:'Bebas Neue',sans-serif; font-size:clamp(70px,16vw,190px); line-height:.85; letter-spacing:.02em; color:var(--accent); text-shadow:0 0 40px var(--accent-glow); margin-bottom:6px; } .hero h2{font-size:clamp(19px,3.6vw,30px); margin-bottom:22px; color:var(--text);} .hero .lede{max-width:660px; margin:0 auto 34px; font-size:17.5px; color:var(--text-dim);} .hero .lede b{color:var(--accent-2); font-weight:500;} .hero .lede .b-side{color:var(--accent-3); font-weight:500;} .hero-video{ max-width:780px; margin:0 auto 32px; border-radius:16px; overflow:hidden; border:2px solid var(--accent-soft); box-shadow:0 22px 60px rgba(0,0,0,.6), 0 0 0 6px rgba(11,10,9,.55); aspect-ratio:16/9; position:relative; background:#000; } .hero-video iframe{position:absolute; inset:0; width:100%; height:100%; border:0;} /* ===================== רצועת מספרים ===================== */ .stats{background:var(--bg-raised); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:32px 0;} .stats .wrap{display:grid; grid-template-columns:repeat(5,1fr); text-align:center; gap:0;} .stat{padding:8px 12px; position:relative;} .stat + .stat::before{content:''; position:absolute; top:12%; bottom:12%; right:100%; width:1px; background:var(--line);} .stat .num{font-family:'Bebas Neue',sans-serif; font-size:clamp(28px,4.4vw,42px); color:var(--accent); letter-spacing:.03em; line-height:1.1;} .stat .lbl{font-size:13px; color:var(--text-dim); margin-top:2px;} @media (max-width:860px){ .stats .wrap{grid-template-columns:repeat(3,1fr); row-gap:22px;} .stat:nth-child(4)::before{display:none;} } @media (max-width:520px){ .stats .wrap{grid-template-columns:repeat(2,1fr);} .stat::before{display:none !important;} } /* ===================== רצועת הופעה קרובה ===================== */ .next-show{ background:linear-gradient(90deg, var(--accent-soft), transparent 60%); border-bottom:1px solid var(--line); padding:14px 0; font-size:15px; } .next-show .wrap{display:flex; align-items:center; justify-content:center; gap:8px 18px; flex-wrap:wrap; text-align:center;} .next-show .dot{width:9px; height:9px; border-radius:50%; background:var(--accent); animation:blip 2s ease-in-out infinite; flex:none;} @keyframes blip{0%,100%{box-shadow:0 0 0 0 var(--accent-glow);} 50%{box-shadow:0 0 0 8px transparent;}} .next-show b{color:var(--text);} .next-show a{color:var(--accent); font-weight:700; text-decoration:underline; text-underline-offset:4px;} /* ===================== קלפי דו-קרב ===================== */ .duel{display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:stretch;} @media (max-width:800px){ .duel{grid-template-columns:1fr; } .duel .vs{justify-self:center;} } .duel-card{ border-radius:var(--radius); padding:30px 28px; border:1px solid var(--line); background:var(--bg-card); position:relative; overflow:hidden; } .duel-card.a{background:linear-gradient(160deg, color-mix(in srgb, var(--side-a) 24%, var(--bg-card)), var(--bg-card));} .duel-card.b{background:linear-gradient(160deg, color-mix(in srgb, var(--side-b) 24%, var(--bg-card)), var(--bg-card));} .duel-card .tag{ font-family:'Bebas Neue',sans-serif; letter-spacing:.16em; font-size:13px; display:inline-block; padding:5px 14px; border-radius:999px; margin-bottom:14px; background:rgba(255,255,255,.07); border:1px solid var(--line-strong); color:var(--text); } .duel-card h3{font-size:23px; margin-bottom:8px;} .duel-card p{color:var(--text-dim); font-size:15px; margin-bottom:16px;} .chips{display:flex; flex-wrap:wrap; gap:8px;} .chip{font-size:13.5px; padding:6px 13px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--line-strong); color:var(--text-dim);} .vs{ align-self:center; width:76px; height:76px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 35% 30%, #1c1a17, #0b0a08 70%); border:2px solid var(--accent); box-shadow:0 0 0 6px var(--bg), 0 0 26px var(--accent-glow); font-family:'Bebas Neue',sans-serif; font-size:26px; color:var(--accent); } /* ===================== המנגנון (צעדים) ===================== */ .mechanism{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; counter-reset:step;} @media (max-width:900px){.mechanism{grid-template-columns:1fr 1fr;}} @media (max-width:540px){.mechanism{grid-template-columns:1fr;}} .step{ background:var(--bg-card); border:1px solid var(--line); border-radius:var(--radius); padding:26px 22px 24px; position:relative; } .step::before{ counter-increment:step; content:counter(step); font-family:'Bebas Neue',sans-serif; font-size:52px; line-height:1; color:var(--accent); opacity:.28; position:absolute; top:14px; left:18px; } .step h3{font-size:18px; margin-bottom:8px;} .step p{font-size:14.5px; color:var(--text-dim); line-height:1.6;} /* ===================== רשת פורמטים ===================== */ .formats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;} @media (max-width:960px){.formats-grid{grid-template-columns:1fr 1fr;}} @media (max-width:540px){.formats-grid{grid-template-columns:1fr;}} .format-card{ display:block; position:relative; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:var(--bg-card); text-align:center; padding:30px 20px 26px; transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease; } .format-card::after{content:''; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg, var(--f-a,var(--side-a)), var(--f-b,var(--side-b)));} .format-card:hover{transform:translateY(-6px); border-color:var(--f-a,var(--accent)); box-shadow:0 16px 40px rgba(0,0,0,.45);} .format-card .era{font-family:'Bebas Neue',sans-serif; font-size:46px; line-height:1; letter-spacing:.03em; color:var(--f-a,var(--accent)); margin-bottom:8px;} .format-card h3{font-size:19px; margin-bottom:8px;} .format-card p{font-size:13.5px; color:var(--text-dim); line-height:1.55; margin-bottom:16px;} .format-card .go{font-size:14px; color:var(--accent); font-weight:600;} .format-card .status{ display:inline-block; font-family:'Bebas Neue',sans-serif; letter-spacing:.12em; font-size:11.5px; padding:4px 12px; border-radius:999px; margin-bottom:14px; background:var(--accent-soft); border:1px solid var(--accent); color:var(--accent); } .format-card .status.neutral{background:rgba(255,255,255,.05); border-color:var(--line-strong); color:var(--text-dim);} /* צבעי מותג לכל קלף פורמט ברשת */ .f-90{--f-a:#e0493d; --f-b:#3c63b5;} .f-80{--f-a:#ff2e88; --f-b:#25e0e0;} .f-y2k{--f-a:#4ad8ff; --f-b:#8f6bff;} .f-screen{--f-a:#e8a33d; --f-b:#5d8fd6;} /* ===================== וידאו ===================== */ .video-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;} @media (max-width:900px){.video-grid{grid-template-columns:1fr 1fr;}} @media (max-width:600px){.video-grid{grid-template-columns:1fr;}} .video-card{border-radius:var(--radius); overflow:hidden; background:var(--bg-card); border:1px solid var(--line); transition:transform .3s ease, border-color .3s ease;} .video-card:hover{transform:translateY(-5px); border-color:var(--accent);} .video-thumb{position:relative; aspect-ratio:16/9; background:#000;} .video-thumb iframe{position:absolute; inset:0; width:100%; height:100%; border:0;} .video-info{padding:15px 18px 18px;} .video-info h3{font-family:'Heebo',sans-serif; font-weight:600; font-size:16px;} /* ===================== גלריה ===================== */ .gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;} @media (max-width:900px){.gallery{grid-template-columns:1fr 1fr;}} @media (max-width:560px){.gallery{grid-template-columns:1fr;}} .gallery figure{position:relative; border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3; background:var(--bg-card); border-top:3px solid var(--side-a);} .gallery figure:nth-child(2n){border-top-color:var(--side-b);} .gallery img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;} .gallery figure:hover img{transform:scale(1.05);} .gallery figure.contain img{object-fit:contain; background:var(--bg);} /* לייטבוקס */ .lightbox{position:fixed; inset:0; z-index:200; background:rgba(6,5,5,.94); display:none; align-items:center; justify-content:center; padding:24px;} .lightbox[data-open="true"]{display:flex;} .lightbox img{max-width:min(1100px,94vw); max-height:88vh; object-fit:contain; border-radius:10px;} .lightbox .close{position:absolute; top:18px; left:22px; font-size:34px; line-height:1; color:var(--text); padding:6px 14px;} .lightbox .arrow{position:absolute; top:50%; transform:translateY(-50%); font-size:44px; color:var(--text); padding:10px 18px; opacity:.75;} .lightbox .arrow:hover{opacity:1;} .lightbox .prev{right:10px;} .lightbox .next{left:10px;} /* ===================== מפרט טכני ===================== */ .spec{display:grid; grid-template-columns:1fr 1fr; gap:16px 34px; background:var(--bg-card); border:1px solid var(--line); border-radius:var(--radius); padding:30px 30px;} @media (max-width:700px){.spec{grid-template-columns:1fr; padding:24px 22px;}} .spec-row{display:flex; gap:12px; align-items:baseline; border-bottom:1px dashed var(--line); padding-bottom:12px;} .spec-row dt{font-weight:700; font-size:14.5px; color:var(--text); flex:none; min-width:118px;} .spec-row dd{font-size:14.5px; color:var(--text-dim);} /* ===================== בלוקי קהל B2B ===================== */ .audience{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;} @media (max-width:760px){.audience{grid-template-columns:1fr;}} .aud-card{background:var(--bg-card); border:1px solid var(--line); border-radius:var(--radius); padding:28px 26px; border-inline-start:3px solid var(--accent);} .aud-card h3{font-size:19px; margin-bottom:10px;} .aud-card p{font-size:15px; color:var(--text-dim);} /* ===================== הופעות ===================== */ .show-list{display:flex; flex-direction:column; gap:14px;} .show-item{ display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; background:var(--bg-card); border:1px solid var(--line); border-radius:var(--radius); padding:20px 24px; } @media (max-width:700px){ .show-item{grid-template-columns:1fr; gap:12px; text-align:center;} } .show-date{text-align:center; flex:none;} .show-date .d{font-family:'Bebas Neue',sans-serif; font-size:38px; line-height:1; color:var(--accent);} .show-date .m{font-size:13px; color:var(--text-dim); letter-spacing:.05em;} .show-main h3{font-size:19px; margin-bottom:4px;} .show-main p{font-size:14.5px; color:var(--text-dim);} .empty-state{text-align:center; padding:50px 24px; background:var(--bg-card); border:1px dashed var(--line-strong); border-radius:var(--radius); color:var(--text-dim);} /* ===================== טופס ===================== */ .form-card{background:var(--bg-card); border:1px solid var(--line); border-radius:var(--radius-lg); padding:34px 32px;} @media (max-width:600px){.form-card{padding:26px 20px;}} .field{margin-bottom:18px;} .field label{display:block; font-size:14.5px; font-weight:600; margin-bottom:7px;} .field label .req{color:var(--accent);} .field input,.field select,.field textarea{ width:100%; padding:13px 15px; border-radius:10px; font-family:inherit; font-size:15.5px; background:rgba(255,255,255,.04); border:1px solid var(--line-strong); color:var(--text); } .field input::placeholder,.field textarea::placeholder{color:var(--text-faint);} .field select option{background:var(--bg-raised); color:var(--text);} .field textarea{min-height:120px; resize:vertical;} .field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;} @media (max-width:600px){.field-row{grid-template-columns:1fr;}} .form-note{font-size:13px; color:var(--text-faint); margin-top:14px; text-align:center;} .form-msg{margin-top:16px; padding:14px 16px; border-radius:10px; font-size:15px; display:none;} .form-msg[data-state="ok"]{display:block; background:rgba(37,211,102,.12); border:1px solid rgba(37,211,102,.5); color:#8ff0b4;} .form-msg[data-state="err"]{display:block; background:var(--accent-soft); border:1px solid var(--accent); color:var(--accent);} /* ===================== בלוק יצירת קשר ===================== */ .contact-band{ background:linear-gradient(135deg, color-mix(in srgb, var(--side-a) 26%, var(--bg-raised)) 0%, var(--bg-raised) 48%, color-mix(in srgb, var(--side-b) 26%, var(--bg-raised)) 100%); border:1px solid var(--line); border-radius:var(--radius-lg); padding:52px 40px; text-align:center; position:relative; overflow:hidden; } @media (max-width:600px){.contact-band{padding:38px 22px;}} .contact-band::before{content:''; position:absolute; inset:0; opacity:.45; pointer-events:none; background:repeating-linear-gradient(90deg, transparent 0 38px, var(--accent-soft) 38px 39px);} .contact-band > *{position:relative;} .contact-band h2{font-size:clamp(26px,3.8vw,38px); margin-bottom:12px;} .contact-band .sub{color:var(--text-dim); max-width:560px; margin:0 auto 30px;} .people{display:flex; justify-content:center; gap:16px 44px; flex-wrap:wrap; margin-bottom:28px;} .person{font-size:15px; color:var(--text-dim);} .person b{display:block; font-family:'Suez One',serif; font-size:18px; color:var(--text); margin-bottom:3px; font-weight:400;} .person a{color:var(--accent);} /* ===================== פוטר ===================== */ .footer{background:var(--bg-raised); border-top:1px solid var(--line); padding:52px 0 26px; margin-top:10px;} .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:36px;} @media (max-width:760px){.footer-grid{grid-template-columns:1fr; gap:28px; text-align:center;}} .footer h4{font-size:15px; margin-bottom:14px; color:var(--text); letter-spacing:.02em;} .footer a{color:var(--text-dim); font-size:14.5px; display:inline-block; padding:3px 0;} .footer a:hover{color:var(--accent);} .footer ul{list-style:none;} .footer .brand{font-family:'Bebas Neue',sans-serif; font-size:30px; letter-spacing:.09em; margin-bottom:10px;} .footer .brand b{color:var(--accent); font-weight:400;} .footer .tagline{color:var(--text-dim); font-size:14.5px; max-width:320px;} @media (max-width:760px){.footer .tagline{margin:0 auto;}} .socials{display:flex; gap:10px; margin-top:16px;} @media (max-width:760px){.socials{justify-content:center;}} .socials a{ width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.05); border:1px solid var(--line-strong); transition:.25s; } .socials a:hover{background:var(--accent); border-color:var(--accent);} .socials svg{width:19px; height:19px; fill:var(--text-dim); transition:.25s;} .socials a:hover svg{fill:#14100e;} .footer-bottom{border-top:1px solid var(--line); margin-top:36px; padding-top:20px; text-align:center; color:var(--text-faint); font-size:13px;} /* ===================== וואטסאפ צף ===================== */ .wa-float{ position:fixed; bottom:22px; left:22px; z-index:90; width:58px; height:58px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 26px rgba(0,0,0,.45); transition:transform .25s ease; } .wa-float:hover{transform:scale(1.08);} .wa-float svg{width:30px; height:30px; fill:#fff;} @media (max-width:600px){.wa-float{width:52px; height:52px; bottom:16px; left:16px;} .wa-float svg{width:27px;height:27px;}} /* ===================== שונות ===================== */ .prose{color:var(--text-dim); font-size:17px;} .prose p{margin-bottom:18px;} .prose strong{color:var(--text); font-weight:600;} .prose h3{color:var(--text); font-size:22px; margin:32px 0 12px;} .lineup{list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:10px 30px; margin:18px 0;} @media (max-width:600px){.lineup{grid-template-columns:1fr;}} .lineup li{padding:10px 0; border-bottom:1px dashed var(--line); font-size:15.5px;} .lineup li b{color:var(--text); font-weight:600;} .arc{font-size:clamp(19px,3vw,26px); font-family:'Suez One',serif; line-height:1.5; text-align:center; color:var(--text); max-width:840px; margin:0 auto;} .arc em{font-style:normal; color:var(--accent);} .divider{height:1px; background:var(--line); max-width:var(--max); margin:0 auto;} .center{text-align:center;} .mt-32{margin-top:32px;} /* ===================== תפריט נפתח (הפורמטים) ===================== */ .nav-drop{position:relative;} .nav-drop summary{ list-style:none; cursor:pointer; padding:9px 13px; border-radius:8px; font-size:15px; color:var(--text-dim); display:inline-flex; align-items:center; gap:6px; transition:color .2s ease, background .2s ease; } .nav-drop summary::-webkit-details-marker{display:none;} .nav-drop summary:hover{color:var(--text); background:rgba(255,255,255,.05);} .nav-drop summary::after{content:'▾'; font-size:11px; opacity:.7;} .nav-drop[open] summary{color:var(--accent);} .nav-drop .drop-menu{ display:flex; flex-direction:column; min-width:210px; background:var(--bg-raised); border:1px solid var(--line-strong); border-radius:12px; padding:6px; box-shadow:0 18px 44px rgba(0,0,0,.55); } @media (min-width:941px){ .nav-drop .drop-menu{position:absolute; top:calc(100% + 8px); inset-inline-start:0; z-index:90;} .nav-drop .drop-menu a{padding:10px 12px; border-radius:8px; font-size:14.5px;} } @media (max-width:940px){ .nav-drop{width:100%;} .nav-drop summary{padding:14px 10px; border-bottom:1px solid var(--line); border-radius:0; font-size:16px; width:100%;} .nav-drop .drop-menu{border:0; border-radius:0; background:rgba(255,255,255,.03); box-shadow:none; padding:0 0 0 0;} .nav-drop .drop-menu a{padding:13px 24px; font-size:15px;} } .nav-drop summary.is-active{color:var(--accent);} /* בידוד מילים לטיניות בתוך משפט עברי — מונע היפוך של 90's / Y2K וכדומה */ .ltr{direction:ltr; unicode-bidi:isolate; display:inline-block;}