/* =========================================================
   דף הבית: טיזרים. רכיבים חדשים מעל home-a.
   ========================================================= */

/* ---------- שורת התחומים בהירו ---------- */
.chips360{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:20px;max-width:620px}
.chips360 a{padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:500;line-height:1.3;color:rgba(255,255,255,.88);background:rgba(0,0,0,.42);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .4s var(--ease),background-color .4s var(--ease),transform .5s var(--ease)}
.chips360 a:hover,.chips360 a:focus-visible{color:#000;background:var(--cyan);transform:translateY(-2px)}

/* ---------- קריאה להמשך בסוף טיזר ---------- */
.teaser__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-block-start:clamp(34px,6vh,64px)}
.teaser__cta .lead{max-width:60ch}
.teaser__more{margin-block-start:34px}

/* ---------- מעטפת 360: פאנלים שנפתחים ---------- */
.p360{position:relative;padding-block:clamp(90px,13vh,160px) clamp(70px,10vh,120px);overflow:clip;background:linear-gradient(180deg,#000 0%,var(--ink) 38%,#000 100%)}
.p360__ghost{inset-block-start:30px;inset-inline-end:-1vw;font-size:clamp(170px,26vw,440px)}
.p360__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 20px;align-items:end;margin-block-end:clamp(38px,6vh,68px)}
.p360__head .h2{grid-column:1/8}
.p360__side{grid-column:8/13;display:grid;gap:18px;justify-items:start}
.p360__row{display:flex;gap:8px;height:clamp(470px,70vh,680px);width:min(1720px,100% - 2*var(--gutter));margin-inline:auto}
.p360__p{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:18px;isolation:isolate;background:var(--ink);box-shadow:inset 0 0 0 1px var(--line-soft);transition:flex-grow .9s var(--ease),box-shadow .6s var(--ease)}
.p360__p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(.9) brightness(.42);scale:1.1;transition:filter .9s var(--ease),scale 1.6s var(--ease)}
.p360__p::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.92) 100%)}
.p360__n{position:absolute;inset-block-start:20px;inset-inline:0;text-align:center;font-weight:700;font-size:12px;letter-spacing:.2em;color:rgba(255,255,255,.62)}
.p360__label{position:absolute;inset-block-end:28px;inset-inline-start:50%;translate:50% 0;writing-mode:vertical-rl;white-space:nowrap;font-weight:700;font-size:18px;color:#fff;transition:opacity .4s var(--ease)}
.p360__body{position:absolute;inset-block-end:0;inset-inline-start:0;width:min(440px,84vw);padding:28px 28px 30px;display:grid;gap:6px;justify-items:start;opacity:0;translate:0 18px;transition:opacity .45s var(--ease),translate .8s var(--ease);pointer-events:none}
.p360__body b{font-weight:800;font-size:clamp(26px,2.3vw,36px);line-height:1.1;letter-spacing:-.01em}
.p360__body em{font-style:normal;font-size:18px;color:#fff}
.p360__body small{font-size:14.5px;color:rgba(255,255,255,.72)}
.p360__body .go{margin-block-start:10px}
.p360__p:hover,.p360__p:focus-visible,
.p360__row:not(:hover):not(:focus-within) .p360__p:first-child{flex-grow:5.4;box-shadow:inset 0 0 0 1px rgba(231,53,122,.55)}
.p360__p:hover img,.p360__p:focus-visible img,
.p360__row:not(:hover):not(:focus-within) .p360__p:first-child img{filter:none;scale:1}
.p360__p:hover .p360__label,.p360__p:focus-visible .p360__label,
.p360__row:not(:hover):not(:focus-within) .p360__p:first-child .p360__label{opacity:0}
.p360__p:hover .p360__body,.p360__p:focus-visible .p360__body,
.p360__row:not(:hover):not(:focus-within) .p360__p:first-child .p360__body{opacity:1;translate:0 0;transition-delay:.18s}
.p360__p:focus-visible{outline-offset:-4px}

/* ---------- טיזר תוצאות ---------- */
.rt{position:relative;padding-block:clamp(90px,13vh,170px);overflow:clip}
.rt__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 20px;align-items:center}
.rt__copy{grid-column:1/6;display:grid;gap:22px;justify-items:start}
.rt__stage{grid-column:6/13;position:relative;min-height:clamp(340px,44vw,520px)}
.rt__shot{position:absolute;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 40px 90px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.14)}
.rt__shot .shot__bar{position:relative}
.rt__shot img{display:block;width:100%}
.rt__shot--a{inset-inline-start:0;inset-block-start:6%;width:96%;rotate:-2.2deg;z-index:2}
.rt__shot--b{inset-inline-end:0;inset-block-end:0;width:62%;rotate:3deg;z-index:3}
.rt__big{position:absolute;inset-inline-end:-2%;inset-block-start:-14%;font-weight:900;font-size:clamp(90px,15vw,240px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(231,53,122,.7);z-index:1;direction:ltr}
.rt__facts{grid-column:1/-1;display:grid;grid-template-columns:6fr 3fr 3fr;border-block-start:1px solid var(--line);margin-block-start:clamp(10px,3vh,40px)}
.rt__facts>div{padding:26px 24px 6px;border-inline-start:1px solid var(--line)}
.rt__facts>div:first-child{border-inline-start:0;padding-inline-start:0}
.rt__facts dt{font-size:14px;color:var(--grey);margin-block-end:8px}
.rt__facts dd b{display:block;font-weight:900;font-size:clamp(30px,3.4vw,54px);line-height:1;color:#fff;direction:ltr;text-align:right}
.rt__facts>div:first-child dd b{font-size:clamp(54px,7.4vw,118px);color:var(--pink)}
.rt__facts dd span{display:block;margin-block-start:10px;font-size:15.5px;color:rgba(255,255,255,.8);max-width:36ch}

/* ---------- ביקורות Google, בסגנון הווידג'ט של האתר ---------- */
.grev{position:relative;padding-block:clamp(90px,13vh,160px);background:var(--ink);overflow:clip}
.grev__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 20px;align-items:end;margin-block-end:clamp(34px,5vh,56px)}
.grev__head .h2{grid-column:1/8}
.grev__sum{grid-column:9/13;display:grid;gap:6px;justify-items:start;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px var(--line)}
.grev .g{width:30px;height:30px;flex:none}
.grev__score{display:flex;align-items:center;gap:12px}
.grev__score b{font-weight:900;font-size:44px;line-height:1}
.stars{color:var(--gold);letter-spacing:.12em;font-size:18px;line-height:1}
.grev__rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
.grev__rail::-webkit-scrollbar{display:none}
.grev__track{display:flex;gap:16px;width:max-content;padding-block:6px 10px}
.grev__c{scroll-snap-align:start;flex:none;width:min(84vw,400px);display:grid;gap:14px;align-content:start;padding:24px 24px 26px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line-soft);transition:box-shadow .5s var(--ease),transform .6s var(--ease)}
.grev__c:hover{box-shadow:inset 0 0 0 1px rgba(254,193,92,.55);transform:translateY(-4px)}
.grev__c header{display:flex;align-items:center;gap:12px}
.grev__c header .g{width:22px;height:22px;margin-inline-start:auto}
.grev__av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:18px;color:#000;background:linear-gradient(135deg,var(--pink),var(--gold))}
.grev__c:nth-child(3n+2) .grev__av{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#fff}
.grev__c:nth-child(3n) .grev__av{background:linear-gradient(135deg,var(--gold),var(--orange))}
.grev__who{display:grid;line-height:1.3}
.grev__who b{font-weight:700;font-size:16px}
.grev__who time{font-size:13px;color:var(--grey);direction:ltr;text-align:right}
.grev__c blockquote{font-size:16px;line-height:1.7;color:rgba(255,255,255,.9)}
.grev__ctl{display:flex;gap:10px;justify-content:flex-end;margin-block-start:22px}
.grev__ctl button{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .4s var(--ease),color .4s var(--ease)}
.grev__ctl button svg{width:20px;height:20px}
.grev__ctl button:first-child svg{rotate:-135deg}
.grev__ctl button:last-child svg{rotate:45deg}
.grev__ctl button:hover{background:var(--gold);color:#000}

/* ---------- טיזר בלוג ---------- */
.bt{position:relative;padding-block:clamp(90px,13vh,160px)}
.bt__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:34px 28px}
.bt__p{display:grid;gap:12px;align-content:start;grid-column:8/13}
.bt__p--lead{grid-column:1/8;grid-row:1/3}
.bt__p figure{overflow:hidden;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line-soft);background:var(--ink)}
.bt__p img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:scale 1.2s var(--ease)}
.bt__p:hover img{scale:1.05}
.bt__p:not(.bt__p--lead){grid-template-columns:42% 1fr;column-gap:18px;align-items:start}
.bt__p:not(.bt__p--lead) figure{grid-row:1/4}
.bt__p h3{font-weight:700;font-size:clamp(18px,1.5vw,22px);line-height:1.3}
.bt__p--lead h3{font-weight:800;font-size:clamp(26px,2.8vw,42px);line-height:1.12;letter-spacing:-.01em}
.bt__p .tag{gap:14px;flex-wrap:wrap}
.bt__p .tag time{font-family:"Orbitron",sans-serif;font-weight:500;letter-spacing:.08em;direction:ltr}

/* ---------- טאבלט ---------- */
@media (max-width:1000px){
  .p360__head .h2,.p360__side,.grev__head .h2,.grev__sum{grid-column:1/-1}
  .p360__row{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);gap:12px}
  .p360__row::-webkit-scrollbar{display:none}
  .p360__p,.p360__row:not(:hover):not(:focus-within) .p360__p:first-child{flex:0 0 46vw;height:460px;scroll-snap-align:start}
  .p360__p img{filter:none;scale:1}
  .p360__label{display:none}
  .p360__body{opacity:1;translate:0 0;width:100%;padding:22px 20px 24px}
  .rt__copy,.rt__stage{grid-column:1/-1}
  .rt__stage{min-height:54vw}
  .rt__facts{grid-template-columns:1fr 1fr}
  .rt__facts>div:first-child{grid-column:1/-1;border-block-end:1px solid var(--line);padding-block-end:24px}
  .rt__facts>div:nth-child(2){border-inline-start:0;padding-inline-start:0}
  .bt__p,.bt__p--lead{grid-column:1/-1;grid-row:auto}
  .chips360{display:none}
}
/* ---------- מובייל ---------- */
@media (max-width:760px){
  .p360__p,.p360__row:not(:hover):not(:focus-within) .p360__p:first-child{flex:0 0 76vw;height:430px}
  .rt__stage{min-height:70vw}
  .rt__shot--a{width:100%}
  .rt__shot--b{width:72%}
  .rt__facts{grid-template-columns:1fr}
  .rt__facts>div{border-inline-start:0;padding-inline:0;border-block-end:1px solid var(--line);padding-block-end:22px}
  .teaser__cta{align-items:flex-start;flex-direction:column}
  .bt__p:not(.bt__p--lead){grid-template-columns:38% 1fr}
  .grev__ctl{display:none}
}
@media (prefers-reduced-motion:reduce){
  .p360__p,.p360__p img,.p360__body,.grev__c,.bt__p img{transition:none}
}