/* ==========================================================================
   רחל וקסלר | קרוסלות משותפות — גלריית רגעים (תלת־ממד), סליידר גנרי וביקורות
   נטען בכל עמוד שמציג אחד מהרכיבים האלה, כדי לשמור על מראה זהה בכל האתר.
   ========================================================================== */

:root{
  --bg-2:#0b1220;
}

/* ---------- קרוסלת תלת־ממד לרגעים מעסקאות ---------- */
.coverflow{position:relative;padding:6px 0 0;overflow:hidden;}
.cf-stage{position:relative;height:472px;perspective:1500px;perspective-origin:50% 46%;
  transform-style:preserve-3d;touch-action:pan-y;}
.cf-item{position:absolute;top:0;left:50%;margin:0;width:340px;height:454px;
  margin-left:-170px;border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--glass-line);background:var(--bg-2);
  transform-style:preserve-3d;will-change:transform,opacity;
  transition:transform .85s var(--ease),opacity .85s var(--ease),box-shadow .85s var(--ease),filter .85s var(--ease);
  opacity:0;pointer-events:none;}
.cf-item img{width:100%;height:100%;object-fit:cover;}
.cf-item::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(7,12,22,.55),transparent 42%);
  opacity:0;transition:opacity .85s var(--ease);}
.cf-item.on{opacity:1;}
.cf-item.side{opacity:.55;filter:saturate(.72) brightness(.72);cursor:pointer;pointer-events:auto;}
.cf-item.side::after{opacity:1;}
.cf-item.side:hover{opacity:.82;filter:none;}
.cf-item.center{opacity:1;pointer-events:auto;
  box-shadow:0 50px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(217,165,109,.28);}
@media(max-width:900px){
  .cf-stage{height:350px;perspective:1100px;}
  .cf-item{width:250px;height:334px;margin-left:-125px;}
}
@media(max-width:520px){
  .cf-stage{height:302px;}
  .cf-item{width:214px;height:286px;margin-left:-107px;}
}
.cf-nav{position:absolute;top:50%;z-index:6;width:46px;height:46px;border-radius:50%;
  transform:translateY(-50%);display:grid;place-items:center;cursor:pointer;
  background:var(--glass-strong);border:1px solid var(--glass-line);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--txt);
  transition:background .25s var(--ease),transform .25s var(--ease);}
.cf-nav:hover{background:rgba(198,138,78,.34);}
.cf-nav svg{width:20px;height:20px;}
.cf-prev{right:0;}
.cf-next{left:0;}
@media(max-width:900px){.cf-nav{width:40px;height:40px;}}
.cf-dots{display:flex;justify-content:center;gap:7px;margin-top:26px;flex-wrap:wrap;}
.cf-dot{width:8px;height:8px;border-radius:50%;padding:0;cursor:pointer;
  background:rgba(255,255,255,.2);border:none;transition:all .3s var(--ease);}
.cf-dot.on{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--copper-400),var(--copper-600));}
@media(prefers-reduced-motion:reduce){.cf-item{transition:none;}}

/* ---------- סליידר גנרי: 4 פריטים בכל פעם ---------- */
.slider{position:relative;overflow:hidden;padding:4px 2px;}
.slider-track{display:flex;gap:20px;transition:transform .65s var(--ease);will-change:transform;}
.slider-track > *{flex:0 0 calc((100% - 60px) / 4);min-width:0;}
@media(max-width:1100px){.slider-track > *{flex:0 0 calc((100% - 40px) / 3);}}
@media(max-width:860px){.slider-track > *{flex:0 0 calc((100% - 20px) / 2);}}
@media(max-width:600px){.slider-track{gap:14px;}.slider-track > *{flex:0 0 100%;}}
.slider-nav{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:26px;}
.sl-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px);color:var(--txt);
  transition:background .25s var(--ease);}
.sl-arrow:hover{background:rgba(198,138,78,.32);}
.sl-arrow svg{width:19px;height:19px;}
.sl-dots{display:flex;gap:7px;}
.sl-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:rgba(255,255,255,.2);transition:all .3s var(--ease);}
.sl-dot.on{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--copper-400),var(--copper-600));}

/* ---------- קרוסלת ביקורות מעגלית ---------- */
.rev-carousel{position:relative;overflow:hidden;padding:10px 0;
  -webkit-mask-image:linear-gradient(to left,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(to left,transparent 0,#000 5%,#000 95%,transparent 100%);}
.rev-track{display:flex;align-items:stretch;gap:24px;will-change:transform;
  transition:transform .7s var(--ease);}
.rev-track > .rev{flex:0 0 calc((100% - 48px) / 3);
  transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .6s var(--ease),box-shadow .6s var(--ease);
  opacity:.62;transform:scale(.965);cursor:pointer;}
.rev-track > .rev.is-on{opacity:1;transform:scale(1);cursor:default;
  border-color:rgba(217,165,109,.42);box-shadow:0 34px 70px -34px rgba(0,0,0,.9);}
.rev-track > .rev:hover{opacity:.85;}
.rev-track > .rev.is-on:hover{opacity:1;}
@media(max-width:1180px){.rev-track{gap:18px;}.rev-track > .rev{flex:0 0 calc((100% - 18px) / 2);}}
@media(max-width:760px){.rev-track{gap:14px;}.rev-track > .rev{flex:0 0 88%;transform:scale(.97);}}
.rev-carousel .rev blockquote{font-size:15px;}

/* ---------- ביקורות ---------- */
.rev{margin:0;padding:26px;border-radius:var(--r-lg);
  background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:transform .4s var(--ease),border-color .4s var(--ease);}
.rev:hover{transform:translateY(-6px);border-color:rgba(217,165,109,.4);}
.rev-stars{color:var(--copper-400);font-size:14px;letter-spacing:3px;margin-bottom:12px;}
.rev blockquote{margin:0;font-size:14.5px;color:var(--muted);line-height:1.8;}
.rev figcaption{margin-top:16px;padding-top:14px;border-top:1px solid var(--glass-line);}
.rev figcaption b{display:block;font-family:"Rubik";font-size:14px;}
.rev figcaption span{font-size:12px;color:var(--muted-2);}

