/* =========================================================
   CK Digital 360, עמודי שירות ועמוד השירותים (מעטפת 360)
   נטען אחרי site.css ו-pages.css, ולפני apple.css.
   שפה: אריחי גרפיט גדולים, צילום לפני הכול, כמעט מונוכרום, ורוד אחד ומט.
   צורות: אריח 28px, אריח קטן 22px, מסגרת מסך 14px, כפתורים בכדור מלא.
   תנועה: עלייה של 20px ודעיכה, תמונות מ-0.96 ל-1. רק transform ו-opacity.
   כל הצבעים דרך משתנים, עם ערך גיבוי למקרה ששכבת הנושא לא נטענה.
   body_class: p-service לעמוד שירות, p-services לעמוד השירותים.
   ========================================================= */

/* ---------- 0. בסיס משותף ---------- */
[class*="p-service"]{
  --t1:var(--tile,#1d1d1f);--t2:var(--tile-2,#161617);--t3:var(--tile-3,#2a2a2c);
  --tx:var(--text,#f5f5f7);--tx2:var(--text-2,#a1a1a6);--hr:var(--hair,rgba(255,255,255,.12));
  --rx:28px;--rl:22px;--rm:14px;--gap:20px;--pad:clamp(24px,2.7vw,42px);
}
[class*="p-service"] .h1{font-size:clamp(40px,5.3vw,84px);font-weight:700;letter-spacing:-.028em;line-height:1.04;text-wrap:balance}
[class*="p-service"] .h2{font-size:clamp(33px,4.3vw,68px);font-weight:700;letter-spacing:-.028em;line-height:1.06;text-wrap:balance}
[class*="p-service"] .dim{color:var(--grey)}
[class*="p-service"] .ac,[class*="p-service"] :is(.h1,.h2) .ac{display:inline;color:var(--pink)}
[class*="p-service"] :is(.h1,.h2) .ac.ltr{display:inline-block}
[class*="p-service"] .lead{text-wrap:pretty}
[class*="p-service"] .go svg{width:17px;height:17px}
[class*="p-service"] a:hover .go svg,[class*="p-service"] .go:hover svg{transform:translateX(-4px)}
[class*="p-service"] .go--out:hover svg,[class*="p-service"] a:hover .go--out svg{transform:translate(-3px,-3px)}

/* כותרת סקשן ממורכזת, עם אוויר */
.shd{display:grid;gap:20px;justify-items:center;text-align:center;max-width:980px;margin-inline:auto;margin-block-end:clamp(46px,8vh,96px)}
.shd .lead{max-width:54ch}
.shd--start{justify-items:start;text-align:start;margin-inline:0}

/* חשיפה שקטה: 20px ודעיכה, תמונות מ-0.96 */
@media (prefers-reduced-motion:no-preference){
  .js :where([class*="p-service"]) [data-r="up"]{translate:0 20px}
  .js :where([class*="p-service"]) [data-r="img"]{scale:.96}
}

/* ---------- 1. אריחים ---------- */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);list-style:none;margin:0;padding:0}
.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}
.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:1/-1}
.bento>li{display:flex;min-width:0}
.bento>li>.tile{flex:1}
.tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:var(--h,0px);overflow:hidden;isolation:isolate;border-radius:var(--rx);background:var(--t1);color:var(--tx)}
.tile--2{background:var(--t2)}
.tile--k{background:var(--bg);box-shadow:inset 0 0 0 1px var(--hr)}
.tile--row{flex-direction:row;align-items:stretch}
a.tile{transition:background-color .6s var(--ease)}
a.tile:hover{background:var(--t3)}
a.tile.tile--k:hover{background:var(--bg)}
a.tile:focus-visible{outline-offset:3px}
.tile__txt{position:relative;z-index:2;display:grid;gap:10px;justify-items:start;align-content:start;padding:var(--pad) var(--pad) 0}
.tile__t{font-weight:700;font-size:clamp(25px,2.4vw,38px);line-height:1.08;letter-spacing:-.025em}
.tile__d{font-size:clamp(16px,1.2vw,19px);line-height:1.42;color:var(--tx2);max-width:40ch}
.tile__p{font-size:14.5px;line-height:1.45;color:var(--grey);max-width:44ch}
.tile__p b{font-weight:600;color:var(--tx2)}
.tile .go{color:var(--tx);margin-block-start:4px}
.tile .go svg{color:var(--pink)}
.tile .go small{font-size:13px;color:var(--grey);font-weight:400}

/* מדיה בתוך אריח: תמונת המחשה ברקע, ועבודה אמיתית שמציצה מלמטה */
.tile__media{position:relative;flex:1;min-height:clamp(210px,30vh,330px);margin-block-start:clamp(18px,3vh,30px)}
.tile__gen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 58%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%);mask-image:linear-gradient(180deg,transparent 0,#000 34%);transition:transform 1.4s var(--ease)}
a.tile:hover .tile__gen{transform:scale(1.03)}
.tile__real{position:absolute;z-index:1;inset-block-end:0;inset-inline-end:var(--pad);width:min(60%,430px);margin:0;border-radius:var(--rm) var(--rm) 0 0;overflow:hidden;background:var(--t2);box-shadow:0 0 0 1px var(--hr),0 -24px 60px -24px rgba(0,0,0,.75);transform:translateY(7%);transition:transform .9s var(--ease)}
.tile__real img{display:block;width:100%;aspect-ratio:var(--ia,4/3);object-fit:cover;object-position:var(--op,50% 0)}
a.tile:hover .tile__real,a.tile:focus-visible .tile__real{transform:none}
.tile__real--wide{width:calc(100% - 2*var(--pad))}
.tile.is-empty .tile__real{width:calc(100% - 2*var(--pad))}
.tile.is-empty .tile__real img{aspect-ratio:var(--iae,16/10)}
.tile__fact{position:absolute;z-index:2;inset-inline:0;inset-block-end:0;padding:var(--pad);display:grid;gap:10px}
.tile__fact p{font-size:clamp(19px,1.6vw,25px);line-height:1.34;font-weight:600;letter-spacing:-.015em;color:var(--tx);max-width:30ch;text-wrap:pretty}
.tile__fact small{font-size:14px;color:var(--grey)}
.tile__fact::before{content:"";position:absolute;z-index:-1;inset:-90px 0 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82) 62%);opacity:0}
.tile:not(.is-empty) .tile__fact::before{opacity:1}
.tile--solo .tile__media{min-height:clamp(250px,34vh,340px)}
.tile.is-empty .tile__gen{display:none}

/* אריח רחב: טקסט בצד אחד, מדיה בצד השני */
.tile--wide{flex-direction:row}
.tile--wide .tile__txt{flex:0 0 42%;padding-block-end:var(--pad);align-content:center}
.tile--wide .tile__media{margin:0;min-height:0}
.tile--wide .tile__gen{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 34%);mask-image:linear-gradient(270deg,transparent 0,#000 34%)}

/* ---------- 2. מסגרות מסך נקיות ---------- */
.win{position:relative;display:block;margin:clamp(20px,3vh,32px) var(--pad) 0;border-radius:var(--rm) var(--rm) 0 0;overflow:hidden;background:var(--t2);box-shadow:0 0 0 1px var(--hr)}
.win__bar,.dashf__bar{height:30px;display:flex;align-items:center;gap:7px;padding-inline:12px;direction:ltr;background:var(--t3)}
.win__bar i,.dashf__bar i{display:block;width:8px;height:8px;border-radius:50%;background:rgba(var(--fg-rgb),.22)}
.win__bar em,.dashf__bar em{margin-inline-start:auto;font-style:normal;font-size:12.5px;font-weight:500;color:var(--tx2)}
.win__view{display:block;height:var(--vh,420px);overflow:hidden;background:var(--t2)}
.win__view img{display:block;width:100%;height:auto;animation:ckRun var(--dur,34s) linear infinite alternate;will-change:transform}
.tile:hover .win__view img,.tile:focus-visible .win__view img,.tile:focus-within .win__view img,.win:focus-visible .win__view img{animation-play-state:paused}
.win:focus-visible{outline-offset:3px}
.tile--site{min-height:0}
.tile--site .win{margin-block-start:auto}
.tile--site .tile__txt{padding-block-end:clamp(20px,3vh,32px)}

.dashf{display:flex;flex-direction:column;margin:0;border-radius:var(--rm);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--hr),0 30px 70px -34px rgba(0,0,0,.85)}
.dashf__view{display:block;overflow:hidden;aspect-ratio:var(--ar,16/9);background:#fff}
.dashf__view img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);transform:scale(var(--z,1));transform-origin:var(--fx,50%) var(--fy,50%)}
.dashf--full .dashf__view{aspect-ratio:auto}
.dashf--full .dashf__view img{height:auto;object-fit:contain;transform:none}

/* ---------- 3. ראש עמוד שירות ---------- */
.svh{padding-block:clamp(124px,17vh,176px) clamp(60px,9vh,110px)}
.svh__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.svh__copy{grid-column:1/8;position:relative;z-index:3;display:grid;gap:26px;justify-items:start;padding-inline-end:clamp(30px,10vw,150px)}
.svh__copy .crumbs{margin:0}
.svh__copy .lead{max-width:42ch}
.svh__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}
.svh__by{display:flex;align-items:center;gap:14px;margin-block-start:6px;font-size:15px;line-height:1.35;color:var(--tx2)}
.svh__by img{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:var(--media);box-shadow:0 0 0 1px var(--hr)}
.svh__by b{display:block;font-weight:600;font-size:16px;color:var(--tx)}
.svh__stage{grid-column:8/13;position:relative;margin:0}
.svh__fig{position:relative;margin:0;aspect-ratio:2/3;max-height:min(76vh,780px);width:100%;border-radius:var(--rx);overflow:hidden;background:var(--t1)}
.svh__fig img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.svh__fig.is-empty{aspect-ratio:4/5;background:linear-gradient(180deg,var(--t1),var(--t2))}
.svh__work{position:absolute;z-index:2;inset-block-end:8%;inset-inline-start:-30%;width:82%}
.svh__work.shot{--vh:clamp(210px,31vh,330px);--dur:30s}
.svh__fig.is-empty+.svh__work{inset-block-end:12%}
.svh__cap{margin-block-start:16px;font-size:14px;line-height:1.45;color:var(--grey)}

/* ---------- 4. מה כלול: עמודה דביקה שמתחלפת מול שורות ---------- */
.inc__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start}
.inc__stage{grid-column:1/7;position:sticky;inset-block-start:calc(var(--nav-h) + 44px);display:grid;aspect-ratio:var(--ar,6/7);max-height:calc(100vh - var(--nav-h) - 90px);width:100%;border-radius:var(--rx);overflow:hidden;background:var(--t1)}
.inc__shot{grid-area:1/1;display:flex;flex-direction:column;min-height:0;margin:0;opacity:0;transform:scale(.985);transition:opacity .7s var(--ease),transform 1s var(--ease)}
.inc__shot.on{opacity:1;transform:none;z-index:1}
.inc__shot>img{flex:1;min-height:0;width:100%;object-fit:cover;object-position:var(--op,50% 0)}
.inc__shot figcaption{flex:none;padding:16px var(--pad) 20px;font-size:14.5px;line-height:1.45;color:var(--tx2);background:var(--t1)}
.inc__shot figcaption b{font-weight:600;color:var(--tx)}
.inc__shot--dash{justify-content:space-between}
.inc__shot--dash .dashf{margin:auto var(--pad)}
.inc__rows{grid-column:8/13;display:grid;padding-block:4vh 12vh;counter-reset:inc}
.inc__row{display:grid;gap:10px;padding-block:clamp(26px,4.6vh,46px)}
.inc__row+.inc__row{border-block-start:1px solid var(--hr)}
.inc__k{font-size:15px;font-weight:600;color:var(--grey);direction:ltr;text-align:end}
.inc__row h3{font-weight:700;font-size:clamp(23px,2.15vw,33px);line-height:1.12;letter-spacing:-.022em}
.inc__row p{font-size:clamp(17px,1.25vw,19px);line-height:1.52;color:var(--tx2);max-width:44ch}
@media (min-width:1001px){
  .inc--live .inc__row h3,.inc--live .inc__row p{color:var(--grey);transition:color .5s var(--ease)}
  .inc--live .inc__row.on h3{color:var(--tx)}
  .inc--live .inc__row.on p{color:var(--tx2)}
}

/* ---------- 5. דוגמאות נבחרות ---------- */
.sw__more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 34px;margin-block-start:clamp(40px,6vh,70px)}
.tile--rev{justify-content:center}
.tile--rev .rvq{display:grid;gap:22px;padding:var(--pad);max-width:1000px}
.rvq blockquote{font-size:clamp(20px,1.9vw,29px);line-height:1.42;font-weight:500;letter-spacing:-.015em;color:var(--tx);text-wrap:pretty}
.rvq figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:15px;color:var(--tx2)}
.rvq figcaption b{font-weight:600;font-size:16px;color:var(--tx)}
.rvq figcaption i{font-style:normal;letter-spacing:.1em;color:var(--star,#FEC15C)}

/* קייס קמפיין: מספר גדול, מדדים, וצילום מסך מלוח הבקרה */
.tile--case .tile__txt{padding-block-end:clamp(18px,2.6vh,28px)}
.case__big{display:flex;align-items:baseline;gap:12px;margin-block-start:clamp(12px,2vh,22px)}
.case__big b{font-weight:700;font-size:clamp(52px,6.2vw,104px);line-height:1;letter-spacing:-.045em;direction:ltr;unicode-bidi:isolate;font-feature-settings:"tnum" 1,"lnum" 1}
.case__big span{font-size:clamp(17px,1.4vw,21px);font-weight:600;color:var(--tx2)}
.tile--case.c5 .case__big b,.tile--case.c7 .case__big b{font-size:clamp(48px,5vw,84px)}
.kpi{display:flex;flex-wrap:wrap;gap:4px clamp(20px,2.4vw,38px);margin-block-start:6px}
.kpi div{display:flex;flex-direction:column-reverse;gap:2px}
.kpi dt{font-size:14px;color:var(--grey)}
.kpi dd{font-weight:600;font-size:clamp(19px,1.6vw,24px);line-height:1.2;letter-spacing:-.02em;direction:ltr;text-align:end;unicode-bidi:isolate;font-feature-settings:"tnum" 1,"lnum" 1}
.tile--case .dashf{margin:auto 0 0 0;margin-inline-start:var(--pad);border-radius:0;border-start-start-radius:var(--rm);box-shadow:0 0 0 1px var(--hr)}
.tile--case.tile--row .tile__txt{flex:0 0 40%;padding-block-end:var(--pad);align-content:center}
.tile--case.tile--row .dashf{flex:1;min-width:0;align-self:center;margin:var(--pad) 0;margin-inline-start:0;border-radius:0;border-start-start-radius:var(--rm);border-end-start-radius:var(--rm)}

.totals2{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:0;margin-block-start:var(--gap);border-radius:var(--rx);background:var(--t2);padding:clamp(10px,1.4vw,18px) var(--pad)}
.totals2 div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding:clamp(18px,2.4vw,30px) 0;padding-inline-end:20px}
.totals2 div+div{padding-inline-start:clamp(18px,2vw,30px);border-inline-start:1px solid var(--hr)}
.totals2 dt{font-size:14.5px;line-height:1.35;color:var(--grey)}
.totals2 dd{font-weight:700;font-size:clamp(28px,3.2vw,50px);line-height:1;letter-spacing:-.035em;direction:ltr;text-align:end;unicode-bidi:isolate}
.totals2 dd span{font-weight:700}

/* קיר המודעות: רשת שקטה עם שני גדלים */
.adwall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:var(--gap);list-style:none;margin:0;padding:0}
.adwall li{position:relative;overflow:hidden;border-radius:var(--rl);background:var(--t1);aspect-ratio:1}
.adwall li.l{grid-column:span 2;grid-row:span 2}
.adwall img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.adwall li:hover img{transform:scale(1.03)}
.adwall__note{margin-block-start:22px;text-align:center;font-size:14.5px;color:var(--grey)}

/* ---------- 6. איך אני עובד ---------- */
.how__tile{min-height:clamp(480px,66vh,640px)}
.how__pic{flex:0 0 46%;position:relative;margin:0;min-height:300px;background:var(--t2)}
.how__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%)}
.how__steps{flex:1;min-width:0;display:grid;align-content:center;padding:clamp(14px,2vw,26px) var(--pad);list-style:none;margin:0}
.how__steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 22px;padding-block:clamp(22px,3.4vh,34px)}
.how__steps li+li{border-block-start:1px solid var(--hr)}
.how__k{grid-row:1/4;font-weight:600;font-size:15px;line-height:1.9;color:var(--grey);direction:ltr}
.how__steps h3{font-weight:700;font-size:clamp(22px,1.9vw,29px);line-height:1.15;letter-spacing:-.02em}
.how__steps p{font-size:17px;line-height:1.5;color:var(--tx2);max-width:46ch}
.how__steps p.how__svc{color:var(--tx);font-size:16px}

/* ---------- 7. קורן ---------- */
.kor{padding-block:0 clamp(90px,14vh,170px)}
.kor--ink{background:var(--ink-2,#0b0b0c)}
.kor__tile{align-items:stretch;min-height:clamp(380px,52vh,500px)}
.kor__pic{flex:0 0 min(36%,420px);position:relative;margin:0;align-self:stretch;min-height:320px}
.kor__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;-webkit-mask-image:linear-gradient(to left,#000 58%,transparent 100%);mask-image:linear-gradient(to left,#000 58%,transparent 100%)}
.kor__say{flex:1;min-width:0;display:grid;gap:22px;justify-items:start;align-content:center;padding:var(--pad) clamp(28px,4vw,70px)}
.kor__q{font-weight:600;font-size:clamp(21px,2.1vw,32px);line-height:1.36;letter-spacing:-.018em;color:var(--tx);max-width:34ch;text-wrap:pretty}
.kor__by{display:grid;gap:2px;font-size:15px;color:var(--tx2)}
.kor__by b{font-weight:600;font-size:17px;color:var(--tx)}
.kor__say .go{color:var(--pink)}

/* ---------- 8. שירותים משלימים ---------- */
.rel .bento{grid-auto-rows:minmax(clamp(240px,32vh,300px),auto)}
.rel__a{grid-column:span 7;grid-row:span 2}
.rel__b{grid-column:span 5}
.rel__b .tile{flex-direction:row}
.rel__b .tile__txt{flex:1;padding-block-end:var(--pad);align-content:center}
.rel__b .tile__pic{flex:0 0 42%}
.tile__pic{position:relative;flex:1;min-height:200px;margin:0;overflow:hidden;background:var(--t2)}
.tile__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 0);transition:transform 1.2s var(--ease)}
a.tile:hover .tile__pic img{transform:scale(1.03)}
.rel__a .tile__pic{margin-block-start:clamp(20px,3vh,32px)}

/* ---------- 9. שאלות ותשובות וטופס, בשפה של האריחים ---------- */
[class*="p-service"] .faq{padding-block:clamp(90px,14vh,170px)}
[class*="p-service"] .faq__side{grid-column:1/6}
[class*="p-service"] .qa{grid-column:7/13}
[class*="p-service"] .faq__side h2{font-weight:700;font-size:clamp(30px,3.3vw,52px);line-height:1.08;letter-spacing:-.028em;text-wrap:balance}
[class*="p-service"] .faq__me img{box-shadow:0 0 0 1px var(--hr);background:var(--media)}
[class*="p-service"] .faq__me a{color:var(--pink)}
[class*="p-service"] .qa{display:grid;gap:10px}
[class*="p-service"] .qa details{border-radius:var(--rl);box-shadow:none;background:var(--t1);overflow:hidden}
[class*="p-service"] .qa details::before{display:none}
[class*="p-service"] .qa details[open]{background:var(--t1)}
[class*="p-service"] .qa summary{padding:24px var(--pad);font-weight:600;font-size:clamp(18px,1.5vw,22px);letter-spacing:-.015em}
[class*="p-service"] .qa summary svg{color:var(--grey)}
[class*="p-service"] .qa__a{padding:0 var(--pad) 28px;color:var(--tx2)}
[class*="p-service"] .talk{clip-path:none;margin:0;background:var(--ink-2,#0b0b0c);padding-block:clamp(90px,14vh,170px)}
[class*="p-service"] .talk .h2{font-size:clamp(33px,4.3vw,68px);margin-block-end:34px}
[class*="p-service"] .me{margin-block-start:0;padding:var(--pad);border-radius:var(--rx);background:var(--t1)}
[class*="p-service"] .me__pic{width:min(100%,300px);margin-inline:0 auto}
[class*="p-service"] .me__pic img{border-radius:var(--rl);-webkit-mask-image:none;mask-image:none;aspect-ratio:4/5;object-fit:cover;object-position:50% 10%;background:var(--media)}
[class*="p-service"] .me__say{margin-block-start:22px;font-weight:700;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.022em}
[class*="p-service"] .me__say span{color:var(--grey)}
[class*="p-service"] .ways a>svg:first-child{color:var(--tx2)}
[class*="p-service"] .ways a{background:none}
[class*="p-service"] .ways b{color:var(--tx)}
.me__hours{margin-block-start:16px;font-size:14.5px;color:var(--grey)}

/* ---------- 10. עמוד השירותים: ראש העמוד ושורת הנכסים ---------- */
.hubh{padding-block:clamp(124px,17vh,176px) clamp(60px,9vh,110px)}
.hubh__copy{display:grid;gap:22px;justify-items:center;text-align:center;margin-inline:auto}
.hubh__copy .crumbs{margin:0;justify-content:center}
.hubh__copy .h1{font-size:clamp(42px,5.8vw,92px)}
.hubh__copy .lead{max-width:64ch;font-size:clamp(18px,1.4vw,21px)}
.hubh__copy .svh__ctas{justify-content:center}
.lineup{display:grid;grid-template-columns:2.1fr 3fr 3.3fr 3fr 2.1fr;gap:var(--gap);align-items:end;list-style:none;margin:clamp(46px,7vh,84px) 0 0;padding:0}
.lineup li{display:grid;gap:12px;min-width:0}
.lineup figure{margin:0;border-radius:var(--rl);overflow:hidden;background:var(--t1);aspect-ratio:var(--ar,1)}
.lineup__me figure{border-radius:var(--rx);background:var(--media);box-shadow:inset 0 0 0 1px var(--hr)}
.lineup img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 0)}
.lineup .dashf{border-radius:var(--rl);box-shadow:none;aspect-ratio:var(--ar,1)}
.lineup .dashf__view{flex:1;aspect-ratio:auto}
.lineup p{font-size:14px;line-height:1.4;color:var(--grey);text-align:center}
.lineup p b{display:block;font-weight:600;font-size:15px;color:var(--tx)}

/* ---------- 11. לקוח אחד, שלושה תחומים ---------- */
.chain__row{align-items:stretch}
.chain__i{position:relative;display:flex;min-width:0}
.chain__i .tile{flex:1}
.chain__i+.chain__i::before{content:"+";position:absolute;z-index:4;inset-block-start:50%;inset-inline-start:calc(var(--gap)*-.5 - 23px);width:46px;height:46px;margin-block-start:-23px;border-radius:50%;display:grid;place-items:center;background:var(--tx);color:var(--bg);font-size:27px;font-weight:400;line-height:1;box-shadow:0 0 0 6px var(--ink-2,#0b0b0c)}
.chain__video{position:relative;margin:clamp(20px,3vh,32px) var(--pad) 0;border-radius:var(--rm) var(--rm) 0 0;overflow:hidden;background:var(--media);flex:1;min-height:0;display:flex}
.chain__video video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:cover}
.chain__sum{margin-block-start:clamp(34px,5vh,56px);text-align:center;font-size:clamp(18px,1.5vw,22px);color:var(--tx2)}
.chain__sum a{color:var(--pink);font-weight:500}
.tile__pic--fill{margin-block-start:clamp(20px,3vh,32px)}

/* ---------- 12. טאבלט ---------- */
@media (max-width:1000px){
  .bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
  [class*="p-service"]{--gap:14px}
  .c3,.c4,.c5,.c6,.c7,.c8,.c12{grid-column:1/-1}
  .hub .bento>li{grid-column:span 3}
  .hub .bento>li:first-child,.hub .bento>li:last-child{grid-column:1/-1}
  .tile--wide{flex-direction:column}
  .tile--wide .tile__txt{flex:none;padding-block-end:0}
  .tile--wide .tile__media{margin-block-start:clamp(18px,3vh,30px);min-height:260px}
  .tile--wide .tile__gen{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%);mask-image:linear-gradient(180deg,transparent 0,#000 34%)}

  .svh__grid{display:flex;flex-direction:column;align-items:stretch;gap:24px}
  .svh__copy{display:contents}
  .svh__copy .crumbs{order:1}
  .svh__copy .h1{order:2}
  .svh__stage{order:3;margin-block:6px 10px}
  .svh__copy .lead{order:4}
  .svh__ctas{order:5}
  .svh__by{order:6}
  .svh__fig,.svh__fig.is-empty{aspect-ratio:16/11;max-height:none}
  .svh__fig.is-empty{aspect-ratio:16/7}
  .svh__work,.svh__fig.is-empty+.svh__work{position:relative;inset:auto;width:88%;margin-block-start:-30%;margin-inline:auto 0}
  .svh__fig.is-empty+.svh__work{margin-block-start:-24%;margin-inline:auto}
  .svh__work.shot{--vh:clamp(230px,46vw,380px)}

  .inc__grid{display:block}
  .inc__stage{position:relative;inset:auto;display:flex;gap:12px;aspect-ratio:auto;max-height:none;width:auto;border-radius:0;background:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
  .inc__stage::-webkit-scrollbar{display:none}
  .inc__shot{flex:0 0 min(78%,420px);opacity:1;transform:none;scroll-snap-align:start;border-radius:var(--rl);overflow:hidden;background:var(--t1)}
  .inc__shot>img{flex:none;aspect-ratio:4/5}
  .inc__shot--dash{justify-content:flex-start}
  .inc__shot--dash .dashf{margin:var(--pad) 16px auto}
  .inc__rows{padding-block:20px 0}

  .tile--case.tile--row{flex-direction:column}
  .tile--case.tile--row .tile__txt{flex:none;padding-block-end:clamp(18px,2.6vh,28px)}
  .tile--case.tile--row .dashf{flex:none;align-self:stretch;margin:0;margin-inline-start:var(--pad);border-radius:0;border-start-start-radius:var(--rm)}
  .totals2{grid-template-columns:1fr 1fr}
  .totals2 div:nth-child(odd){padding-inline-start:0;border-inline-start:0}
  .totals2 div:nth-child(n+3){border-block-start:1px solid var(--hr)}

  .how__tile{flex-direction:column;min-height:0}
  .how__pic{flex:none;aspect-ratio:16/9;min-height:0}
  .kor__tile{flex-direction:column;min-height:0}
  .kor__pic{flex:none;aspect-ratio:5/4;min-height:0}
  .kor__pic img{-webkit-mask-image:linear-gradient(to bottom,#000 66%,transparent 100%);mask-image:linear-gradient(to bottom,#000 66%,transparent 100%)}
  .kor__say{padding:var(--pad)}
  .rel__a,.rel__b{grid-column:1/-1;grid-row:auto}
  .rel__a .tile__pic{aspect-ratio:16/10;flex:none}

  .lineup{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lineup__me{grid-column:1/-1;grid-row:1;max-width:420px;width:100%;margin-inline:auto}
  .lineup figure,.lineup .dashf{aspect-ratio:1}
  .lineup .lineup__me figure{aspect-ratio:5/4}
  .lineup__me img{object-position:50% 14%}
  .chain__row .chain__i{grid-column:1/-1}
  .chain__i+.chain__i::before{inset-block-start:calc(var(--gap)*-.5 - 23px);inset-inline-start:50%;margin:0;margin-inline-start:-23px}
  .chain__video{max-width:340px;margin-inline:auto;flex:none}
  [class*="p-service"] .me{margin-block-start:50px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:24px}
  [class*="p-service"] .me__pic{width:100%}
}

/* ---------- 13. מובייל ---------- */
@media (max-width:760px){
  [class*="p-service"]{--rx:24px;--rl:18px;--pad:22px}
  .svh,.hubh{padding-block:118px 50px}
  .svh__ctas{flex-direction:column;align-items:stretch;gap:16px}
  .svh__ctas .btn{width:100%}
  .svh__ctas .go{align-self:center}
  .hub .bento>li,.hub .bento>li:first-child,.hub .bento>li:last-child{grid-column:1/-1}
  .hub .tile{min-height:0}
  .hub .tile__media{min-height:210px}
  .hub .tile--solo .tile__media{min-height:250px}
  .hub .tile__real{width:min(64%,300px)}
  .hub .tile__real--wide{width:calc(100% - 2*var(--pad))}
  .hubh__copy{gap:18px}
  .hubh__copy .lead{font-size:17px;line-height:1.5}
  .hubh .svh__ctas{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px}
  .hubh .svh__ctas .btn{width:auto}
  .lineup{margin-block-start:34px}
  .win__view{height:min(var(--vh,420px),74vw)}
  .win__view img{animation-duration:calc(var(--dur,34s)*1.3)}
  .adwall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .totals2{grid-template-columns:1fr}
  .totals2 div,.totals2 div+div{padding-inline:0;border-inline-start:0}
  .totals2 div+div{border-block-start:1px solid var(--hr)}
  .how__steps li{grid-template-columns:1fr}
  .how__k{grid-row:auto;line-height:1.2}
  .kor__pic{aspect-ratio:1}
  .rel__b .tile{flex-direction:column}
  .rel__b .tile__pic{flex:none;aspect-ratio:16/10}
  .rel__b .tile__txt{padding-block-end:0}
  .rel__b .tile__pic{margin-block-start:20px}
  .lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  [class*="p-service"] .me{display:block;margin-block-start:44px}
  [class*="p-service"] .me__pic{width:62%}
}

/* ---------- 14. תנועה מופחתת: הכול נוחת במצב הסופי ---------- */
@media (prefers-reduced-motion:reduce){
  .inc__shot,.tile__real,.tile__gen,.tile__pic img,.adwall img{transition:none}
  .tile__real{transform:none}
  .win__view img{animation:none}
}