/* =========================================================
   CK Digital 360, שכבת הנושא: השפה של אפל, בלי ניאון.
   נטענת אחרונה ודורסת את site.css, pages.css ואת ה-CSS של העמודים.
   עקרונות: צילום לפני הכול, כמעט מונוכרום, צבע הדגשה אחד (הוורוד של המותג, מט),
   כותרות במשקל 600 עד 700 עם ריווח אותיות הדוק, אריחים בגרפיט, הרבה אוויר, תנועה שקטה.
   ========================================================= */
:root{
  --black:#000000;--ink:#101012;--ink-2:#0b0b0c;
  --tile:#1d1d1f;--tile-2:#161617;--tile-3:#2a2a2c;
  --text:#f5f5f7;--text-2:#a1a1a6;--grey:#86868b;--white:#f5f5f7;
  --pink:#E7357A;
  --cyan:#f5f5f7;          /* הציאן יוצא מהמשטחים הגדולים, נשאר לבן */
  --gold:#d2d2d7;
  --star:#FEC15C;
  --hair:rgba(255,255,255,.12);--line:rgba(255,255,255,.14);--line-soft:rgba(255,255,255,.08);
  --surface:#1d1d1f;
  --ease:cubic-bezier(.25,.1,.25,1);--ease-b:cubic-bezier(.28,.11,.32,1);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","SF Hebrew","Heebo","Rubik",system-ui,"Segoe UI",Arial,sans-serif;
}

/* ---------- טיפוגרפיה ---------- */
body{font-family:var(--font);color:var(--text);font-size:17px;line-height:1.5;letter-spacing:-.003em}
.en,.tag,.ghost,.go small,.ribbon__track span,.shot__bar em,.mags__title,.mlay__title,.deliv li::before,.arch__head .h2 b,.tab sup,.site__dom,
.big__n,.big__u,.big__k,.totals dd,.step__n,.word,.p360__n,.rt__facts dd b,.grev__score b,.bt__p .tag time,.ab__val b,.bx__row .en,.bx__cats a small,
[class*="__n"],[class*="__num"]{font-family:var(--font)!important;font-feature-settings:"tnum" 1,"lnum" 1}
.h1,.h2,.hero__h1,.h3{font-weight:700;letter-spacing:-.028em;line-height:1.04}
.hero__h1{letter-spacing:-.035em}
.h2 .ol,.h1 .ol,.hero__h1 .l2,.faq__side h2 span,.railsec .h2 .ol{-webkit-text-stroke:0!important;color:var(--grey)!important}
.h2 .pk,.h1 .pk{color:var(--text)}
.lead{color:var(--text-2);font-size:clamp(19px,1.55vw,24px);line-height:1.42;font-weight:400;letter-spacing:-.01em}
.micro{color:var(--grey)}
.tag{font-weight:600;font-size:15px;letter-spacing:-.005em;color:var(--grey);text-transform:none;gap:8px}
.tag b{font-weight:600;color:var(--pink)}
.ghost,.scribble,.rt__big,.p360__ghost{display:none!important}
.u{white-space:normal}
::selection{background:var(--pink);color:#fff}
:focus-visible{outline:2px solid var(--text);outline-offset:4px}

/* ---------- בלי גרעין, בלי הילות, בלי הטיות ---------- */
body::after{display:none!important}
.halo,.phead__halo,.talk__halo{display:none!important}
.hero__browser,.ribbon,.ribbon--b,.pop,.rail__item,.rail__item:nth-child(odd),.rail__item:nth-child(even),.mlay__s2,.mlay__s3,.mlay__video,
.case--stack .dash+.dash,.ads__wall,.rt__shot--a,.rt__shot--b{rotate:0deg!important}
.door__peek,.doors li:nth-child(even) .door__peek,.door:hover .door__peek,.door:focus-visible .door__peek{rotate:0deg!important}
.mags:hover .pop{transform:translateY(-8px)}
.collage:hover .mlay__s3,.collage:hover .mlay__s2{transform:translateY(-4px)}

/* ---------- כפתורים וקישורים ---------- */
.btn{min-height:52px;padding-inline:26px 8px;font-weight:500;font-size:17px;letter-spacing:-.01em;transition:transform .5s var(--ease),background-color .4s var(--ease),color .4s var(--ease)}
.btn::after{display:none}
.btn__ic{width:36px;height:36px;background:rgba(0,0,0,.14)}
.btn--pink{background:var(--pink);color:#fff}
.btn--pink .btn__ic{background:rgba(255,255,255,.2)}
.btn--wa{background:var(--text);color:var(--bg)}
.btn--ghost{color:var(--text);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb),.28)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--text)}
.btn:hover{transform:translateY(-1px)}
.go{color:var(--pink);font-weight:500}
.go::after{background:currentColor}
.go small{color:var(--grey);letter-spacing:0}
.fab{background:var(--text);color:#000;box-shadow:0 12px 34px rgba(0,0,0,.55)}
.mbar__wa{background:var(--text);color:#000}
.skip{background:var(--text);color:#000}

/* ---------- ניווט: זכוכית שקטה ---------- */
.nav{background:rgba(22,22,23,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:inset 0 0 0 1px var(--hair)}
.nav__links a{font-size:14.5px;font-weight:400;color:rgba(245,245,247,.82);letter-spacing:-.005em}
.nav__links a::after{display:none}
.nav__links a:hover,.nav__links a[aria-current="page"],.nav__drop[aria-current="page"]>.nav__drop-t{color:#fff}
.nav__links a[aria-current="page"]{font-weight:600}
.mega__in{background:rgba(29,29,31,.96);box-shadow:inset 0 0 0 1px var(--hair),0 30px 70px rgba(0,0,0,.6)}
.mega__in a:hover b{color:#fff}
.mega__all{box-shadow:inset 0 0 0 1px var(--hair)}
.mega__all b{color:var(--pink)!important}
.menu a span{color:var(--grey)}

/* ---------- הירו ---------- */
.live{box-shadow:inset 0 0 0 1px var(--hair);background:rgba(29,29,31,.7);color:var(--text-2);font-weight:400}
.bw{box-shadow:inset 0 0 0 1px var(--hair),0 50px 100px -40px rgba(0,0,0,.9)!important;background:var(--tile)}
.sig b svg,.hero__sig svg{display:none}
.chips360 a{background:rgba(29,29,31,.72);box-shadow:inset 0 0 0 1px var(--hair);color:var(--text-2);font-weight:400}
.chips360 a:hover,.chips360 a:focus-visible{background:var(--text);color:#000}

/* ---------- רצועת השמות: שקטה וישרה ---------- */
.ribbon,.ribbon--b{background:transparent!important;box-shadow:none!important;border-block:1px solid var(--hair);margin-block:0!important}
.ribbon--b{border-block-start:0}
.ribbon__track span{color:var(--grey)!important;-webkit-text-stroke:0!important;font-weight:600;letter-spacing:-.01em}
.names__lead{color:var(--text-2)}

/* ---------- אריחים ומשטחים ---------- */
.sec--ink,.grev,.p360{background:var(--ink-2)}
.p360{background:var(--black)}
.shot,.rt__shot{box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px var(--hair)!important;border-radius:20px}
.shot__bar{background:var(--tile);color:var(--grey)}
.shot__bar em{letter-spacing:0;font-weight:500;font-size:12.5px}
.mags__card,.cwa__card,.grev__c,.grev__sum,.legal__toc,.rv,.site,.dash,.case,.qa details,.me,.ways a{background-color:var(--tile)}
.grev__c,.grev__sum,.legal__toc{box-shadow:none;border-radius:22px}
.grev__c:hover{box-shadow:none;transform:translateY(-3px);background-color:var(--tile-3)}
.grev__av,.grev__c:nth-child(3n+2) .grev__av,.grev__c:nth-child(3n) .grev__av{background:var(--tile-3);color:var(--text);font-weight:600}
.stars{color:var(--star)}
.rv--hi{box-shadow:none}
.site::after{box-shadow:inset 0 0 0 1px var(--text)}
.tab[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.step__n{-webkit-text-stroke:0!important;color:var(--grey)!important;font-weight:600}
.step__line{background:var(--hair)}
.koren__by::before{background:var(--grey)}
.site--type.ol .site__dom{-webkit-text-stroke:0!important;color:var(--text)!important}
.word{-webkit-text-stroke:0!important;color:#1d1d1f!important;font-weight:700;letter-spacing:-.04em}
.cwa__strip::after,.big__bar i::after,.door::after,.qa details::before{background:var(--text)}
.rail::-webkit-scrollbar-thumb{background:var(--tile-3)}
.fld i{background:var(--text)}

/* ---------- מעטפת 360 ---------- */
.p360__p{border-radius:24px;background:var(--tile);box-shadow:none}
.p360__p:hover,.p360__p:focus-visible,.p360__row:not(:hover):not(:focus-within) .p360__p:first-child{box-shadow:none}
.p360__p img{filter:brightness(.5) saturate(.7)}
.p360__n{color:var(--grey);letter-spacing:0;font-weight:500;font-size:13px}
.p360__label{font-weight:600;font-size:17px;letter-spacing:-.01em}
.p360__body b{font-weight:700;letter-spacing:-.025em}
.p360__body em{color:var(--text)}
.p360__body small{color:var(--text-2)}

/* ---------- טיזר תוצאות ---------- */
.rt__shot--a{width:100%;inset-block-start:0}
.rt__shot--b{width:58%;inset-block-end:-4%}
.rt__facts{border-block-start:1px solid var(--hair)}
.rt__facts>div{border-inline-start:1px solid var(--hair)}
.rt__facts dd b{font-weight:700;letter-spacing:-.03em}
.rt__facts>div:first-child dd b{color:var(--text)}
.rt__facts dd span{color:var(--text-2)}

/* ---------- בלוג ומשפטי ---------- */
.bt__p figure,.bx__lead figure,.bx__row figure{box-shadow:none;border-radius:20px;background:var(--tile)}
.bx__cats a{box-shadow:inset 0 0 0 1px var(--hair);color:var(--text-2)}
.bx__cats a:hover{background:var(--text);color:var(--bg)}
.bx__row img{filter:none}
.legal__body a{color:var(--pink)}
.legal__body li::marker{color:var(--grey)}
.ab__val b{color:var(--grey);letter-spacing:0;font-weight:600;font-size:15px}
.ab__360{border-radius:28px}

/* ---------- ריווח נדיב ---------- */
.sec,.p360,.rt,.grev,.bt{padding-block:clamp(90px,14vh,170px)}
.foot__col a:hover{color:#fff}
.foot__legal-l a:hover{color:#fff}

@media (max-width:760px){
  body{font-size:17px}
  .lead{font-size:19px}
}

/* ---------- המסך הראשון של עמוד פנימי לא מחכה ל-JS ---------- */
.js .phead [data-r],.js .ab__hero [data-r],.js .hero [data-r]{opacity:1;translate:0 0;scale:1}
.js .phead [data-line]>i,.js .ab__hero [data-line]>i,.js .hero [data-line]>i{transform:none}
@starting-style{
  .js .phead [data-r],.js .ab__hero [data-r]{opacity:0;translate:0 20px}
  .js .phead [data-line]>i,.js .ab__hero [data-line]>i{transform:translateY(60%)}
}
/* חשיפות שקטות יותר: עלייה קצרה במקום תנועה גדולה */
.js [data-r="up"]{translate:0 22px}
.js [data-r="side"]{translate:-24px 0}
.js [data-r="side-b"]{translate:24px 0}
.js [data-r="pop"]{scale:.97;translate:0 18px}
.js [data-r].in{translate:0 0;scale:1}