:root{--ink:#0a0a0a;--ink-2:#202020;--muted:#6f6f6f;--accent:#b39b6d;--card:#ffffffec;--border:#e5e5e7}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;background:radial-gradient(1200px 800px at 10% 10%,rgba(0,0,0,.03),transparent 60%),radial-gradient(1000px 600px at 90% 0,rgba(0,0,0,.02),transparent 55%),repeating-linear-gradient(35deg,rgba(0,0,0,.03) 0 2px,transparent 2px 8px),repeating-linear-gradient(-35deg,rgba(0,0,0,.02) 0 3px,transparent 3px 14px),#f7f7f9;background-attachment:fixed}
.container{max-width:1200px;margin:0 auto;padding:20px}a{color:inherit}
header.site{position:sticky;top:0;z-index:8;backdrop-filter:blur(8px);background:rgba(255,255,255,.7);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}
.brand-name{font-size:20px;letter-spacing:.4px;font-weight:800}
.badge{border:1px solid var(--border);padding:4px 10px;border-radius:999px;color:var(--muted);font-size:12px}
.navlinks{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.navlinks a{color:var(--ink-2);text-decoration:none;font-size:14px;border:1px solid var(--border);padding:6px 10px;border-radius:10px}
.navlinks a:hover{border-color:#d6d6da}
.social{display:flex;gap:10px;align-items:center}.icon{width:22px;height:22px;display:inline-block;color:#222}.icon svg{width:100%;height:100%}
.hero{display:grid;place-items:center;padding:60px 16px 30px;text-align:center}
.hero-logo{width:120px;height:auto;filter:contrast(1.1) brightness(.95) drop-shadow(0 6px 14px rgba(0,0,0,.2))}
.hero h1{margin:12px 0 6px;font-size:44px;letter-spacing:.6px}.hero p{margin:0;color:var(--muted)}.hero .cta{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--ink);background:var(--card)}
.btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.07)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.10)}
.card img{width:100%;height:260px;object-fit:cover;display:block}
.caption{padding:6px 14px;display:flex;justify-content:space-between;font-size:13px;color:#5a5a5a}.pill{border:1px solid var(--border);border-radius:999px;padding:2px 8px}
.section-title{margin:30px 0 12px;font-size:24px;font-weight:800}
.videos{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:900px){.videos{grid-template-columns:1fr}}
.video-wrap{position:relative;padding-top:56.25%;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#f9f9fb}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%}
.lead{font-size:18px;color:#565656}.twocol{display:grid;grid-template-columns:1fr 360px;gap:18px}@media (max-width:
900px){.twocol{grid-template-columns:1fr}}
.contact{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:center}@media (max-width:900px){.contact{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
footer{margin-top:24px;padding:28px 0;text-align:center;color:#6a6a6a;border-top:1px solid var(--border);background:rgba(255,255,255,.55);backdrop-filter:blur(6px)}
footer .brand-mini{display:flex;gap:10px;justify-content:center;align-items:center;margin-bottom:8px}
footer .brand-mini img{width:36px;height:26px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}
footer .social{justify-content:center;margin-top:8px}
.splash{position:fixed;inset:0;display:grid;place-items:center;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(4px);transition:opacity .6s ease}
.splash.hide{opacity:0;pointer-events:none}.splash-inner{text-align:center;animation:up .8s ease both}
.splash-inner img{width:130px;height:auto;filter:contrast(1.1) brightness(.95) drop-shadow(0 8px 18px rgba(0,0,0,.25))}.splash-inner .tag{color:#868686;font-size:14px}
@keyframes up{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;z-index:40;padding:20px}
.lightbox.show{display:flex}.lightbox img{max-width:96vw;max-height:88vh;border-radius:14px}
.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}


/* v2.6 luxury touches */
@keyframes veins { 0%{background-position:0 0, 0 0} 100%{background-position:200px 150px, -200px -150px} }
body{
  background-image:
    radial-gradient(900px 600px at 5% 5%, rgba(0,0,0,.03), transparent 60%),
    radial-gradient(900px 600px at 95% 0%, rgba(0,0,0,.02), transparent 60%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width=\"320\" height=\"220\"><defs><filter id=\"n\" x=\"0\" y=\"0\"><feTurbulence baseFrequency=\"0.65\" numOctaves=\"2\" seed=\"2\"/></filter></defs><rect width=\"100%\" height=\"100%\" fill=\"white\" opacity=\"0\"/><path d=\"M0 110 Q80 120 160 110 T320 110\" stroke=\"%23d9d9dd\" stroke-width=\"0.8\" fill=\"none\" opacity=\"0.35\"/></svg>');
  background-size:auto, auto, 320px 220px;
  animation: veins 22s linear infinite;
}
h1,h2,.brand-name{font-family: 'Playfair Display', ui-serif, Georgia, 'Times New Roman', serif}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Playfair+Display:wght@600;700&display=swap');


/* ===== v2.7.2 – Compact single-line navbar ===== */
.site .nav{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;overflow:hidden}
.brand{display:flex;align-items:center;gap:12px;flex:0 1 auto}
.brand .badge{white-space:nowrap;font-size:12px;padding:4px 10px}
.navlinks{display:flex;align-items:center;gap:10px;flex:0 1 auto;white-space:nowrap}
.navlinks a{padding:.42rem .8rem;font-size:.95rem}
.social{display:flex;gap:8px;margin-left:auto;flex:0 0 auto}
@media (max-width:1200px){
  .brand .badge{display:none}
  .navlinks{gap:8px}
  .navlinks a{padding:.38rem .7rem;font-size:.92rem}
}
@media (max-width:980px){
  .brand-name{display:none}
  .navlinks a{padding:.34rem .64rem;font-size:.9rem}
}


/* ===== v2.7.3 Navbar single line & social ===== */
.site .nav{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;overflow:hidden}
.brand{display:flex;align-items:center;gap:10px;flex:0 1 auto}
.brand-name{white-space:nowrap}
.brand .badge{white-space:nowrap;font-size:12px;padding:4px 10px}
.navlinks{display:flex;align-items:center;gap:8px;flex:0 1 auto;white-space:nowrap}
.navlinks a{padding:.36rem .68rem;font-size:.90rem}
.social{display:flex;gap:8px;margin-left:auto;flex:0 0 auto}
@media (max-width:1200px){.brand .badge{display:none}.navlinks a{padding:.34rem .62rem;font-size:.88rem}}
@media (max-width:980px){.brand-name{display:none}.navlinks a{padding:.32rem .58rem;font-size:.86rem}}

/* ===== v2.7.3 Hero full logo (square-ish) ===== */
.hero-full-logo{margin-top:8px;display:flex;justify-content:center}
.hero-full-logo img{width:min(420px,82vw);max-height:420px;height:auto;aspect-ratio:1/1;object-fit:contain;opacity:.95;image-rendering:auto}
@media (max-width:600px){.hero-full-logo img{width:min(360px,85vw);max-height:360px}}


/* ===== v2.7.4 COMPACT LAYOUT & NAV ===== */
header.site{position:sticky;top:0;z-index:50;background:var(--bg);backdrop-filter:saturate(1.2) blur(6px)}
.site .nav{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow:hidden;padding:8px 10px}
.brand{display:flex;align-items:center;gap:8px;flex:0 1 auto}
.brand-name{white-space:nowrap}
.brand .badge{white-space:nowrap;font-size:12px;padding:2px 8px}

.navlinks{display:flex;align-items:center;gap:6px;flex:0 1 auto;white-space:nowrap}
.navlinks a{padding:.30rem .56rem;font-size:.88rem}
.social{display:flex;gap:6px;margin-left:auto;flex:0 0 auto}

@media (max-width:1200px){
  .brand .badge{display:none}
  .navlinks a{padding:.28rem .52rem;font-size:.86rem}
}
@media (max-width:1020px){
  .brand-name{display:none}
  .navlinks a{padding:.26rem .5rem;font-size:.84rem}
}
/* Reduce overall vertical spacing */
.section{margin: 28px 0}
.container.hero{padding-top: 18px; padding-bottom: 8px}
.hero-full-logo{margin-top:6px}
.cta-row{margin-top: 12px; display:flex; gap:12px; justify-content:center}
.lead{margin-top: 6px; margin-bottom: 10px}
/* tighten cards grid spacing if exists */
.grid{gap:16px}


/* ===== Hotfix v2.7.5 – tighten header + hero ===== */
header.site .container.nav{
  display:flex; align-items:center; gap:8px;
  flex-wrap:nowrap; overflow:hidden; padding:8px 10px;
}

.brand-name{ white-space:nowrap; }
.brand .badge{ display:none; }
.navlinks{ display:flex; align-items:center; gap:6px; white-space:nowrap; }
.navlinks a{ padding:.28rem .52rem; font-size:.86rem; }
.social{ display:flex; gap:6px; margin-left:100px; }

@media (max-width: 1050px){
  .brand-name{ display:none; }
}

.container.hero{ padding-top:6px; padding-bottom:0; }
#mn-logo{ display:block; margin:8px auto 6px; max-height:96px; }

.hero-full-logo{ margin-top:0; }
.hero-full-logo img{
  width:min(360px,78vw); max-height:340px; height:auto;
  aspect-ratio:1/1; object-fit:contain; opacity:.96;
}

.lead{ margin:8px 0 10px; }
.cta-row{ margin-top:8px; display:flex; gap:10px; justify-content:center; }

.section, .gallery-section, .grid{ margin:16px 0; gap:16px; }



/* ============ NAV HARD RESET v2.7.6 ============ */
header.site .container.nav{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:8px 12px;
}
.brand{display:flex;align-items:center;gap:8px;min-width:0}
.brand-logo img{height:28px;width:auto;display:block}
.brand-name{white-space:nowrap;color:#333;font-size:15px}
.navlinks{display:flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;flex-wrap:nowrap}
.navlinks a{padding:.34rem .62rem;font-size:.9rem}
.social{display:flex;gap:8px;justify-self:end}
.nav-toggle{display:none;justify-self:end;font-size:22px;line-height:1;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:4px 10px}
@media (max-width: 1050px){.brand-name{display:none}}
@media (max-width: 860px){
  header.site .container.nav{grid-template-columns:auto auto 1fr}
  .nav-toggle{display:inline-flex}
  .navlinks{position:fixed;top:56px;left:0;right:0;z-index:100;background:rgba(255,255,255,.98);border-top:1px solid rgba(0,0,0,.06);display:none;flex-direction:column;gap:10px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
  .navlinks.open{display:flex}
}
.navlinks a.active{border-color:#111;background:rgba(0,0,0,.05)}

/* ============ HERO TIGHT ============ */
.container.hero{padding-top:8px;padding-bottom:0}
#mn-logo{display:block;margin:8px auto 6px;max-height:90px}
.hero-full-logo{margin-top:0}
.hero-full-logo img{width:min(340px,78vw);max-height:320px;height:auto;aspect-ratio:1/1;object-fit:contain;opacity:.96}
.lead{margin:8px 0 10px}
.cta-row{margin-top:8px;display:flex;gap:10px;justify-content:center}
.section,.gallery-section,.grid{margin:16px 0;gap:16px}


/* ==== v2.7.7 Compact Navbar + Tight Hero ==== */

/* Header compact & one-row */
header.site .container.nav{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;padding:6px 14px;flex-wrap:nowrap
}
.brand{display:flex;align-items:center;gap:8px;min-width:0}
.brand-logo img{height:26px;width:auto;display:block}
.brand-name{white-space:nowrap;color:#333;font-size:15px}
.navlinks{display:flex;align-items:center;gap:8px;white-space:nowrap}
.navlinks a{padding:.34rem .62rem;font-size:.9rem}
.social{display:flex;align-items:center;gap:10px}

/* Mobile hamburger */
.nav-toggle{display:none;justify-self:end;font-size:22px;line-height:1;
  background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:4px 10px}
@media (max-width:1050px){.brand-name{display:none}}
@media (max-width:860px){
  .nav-toggle{display:inline-flex}
  .navlinks{position:fixed;top:56px;left:0;right:0;z-index:100;background:rgba(255,255,255,.98);
    border-top:1px solid rgba(0,0,0,.06);display:none;flex-direction:column;gap:10px;
    padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
  .navlinks.open{display:flex}
}

/* Active link */
.navlinks a.active{border-color:#111;background:rgba(0,0,0,.05)}

/* Tight hero spacing */
.container.hero{padding-top:0;padding-bottom:0}
#mn-logo{display:block;margin:12px auto 4px;max-height:70px}
.hero-full-logo{margin-top:0}
.hero-full-logo img{width:min(280px,70vw);max-height:260px;aspect-ratio:1/1;object-fit:contain;opacity:.97}
.lead{margin:4px 0 6px}
.cta-row{margin-top:6px;display:flex;gap:8px;justify-content:center}

/* Phones */
@media (max-width:768px){
  #mn-logo{max-height:60px;margin:10px auto 0}
  .hero-full-logo img{width:75vw;max-height:220px}
  .cta-row{flex-direction:column;gap:6px}
}

/* 🎯 התאמת מרווחים ופרופורציות ללוגו הראשי */
.hero-full-logo {
  margin-top: -10px; /* מקרב את הלוגו למעלה */
}

.hero-full-logo img {
  width: min(280px, 70vw);
  max-height: 93px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  opacity: 0.97;
}
/* הסתרת אייקוני רשתות שמופיעים בתחתית העמוד/בפוטר */
footer .social,
footer .social * ,
footer .social-icons,
footer .social-icons * ,
footer .social-links,
footer .social-links * ,
footer .footer-social,
footer .footer-social * ,
footer .icons,
footer .icons * ,
.social-fixed-footer,
.social-fixed-footer * {
  display: none !important;
}

/* אם האייקונים בתחתית מוצמדים במסך (position: fixed) */
footer a[href*="instagram"],
footer a[href*="youtube"],
footer a[href^="mailto:"],
footer .icon-instagram,
footer .icon-youtube,
footer .icon-mail {
  display: none !important;
}


/* שורת הלוגו והכותרת בפוטר */
footer .brand-mini {
  display: flex;
  align-items: center;
  gap: 10px;            /* רווח קטן בין הלוגו לטקסט */
  margin: 10px;
}

/* לוגו קטן */
footer #mn-logo {
  width: 45px;         /* שנה לפי הצורך */
  height: auto;
  display: inline-block;
  margin: 0;           /* לוודא שאין מרווח שמאלי/ימני שמוסיפים */
}

/* הכותרת ליד הלוגו */
footer .footer-title {
  font-size: 0.95rem;
  color: #444;
  margin: 0;
}

/* הטקסט "Hand-crafted…" – שורה נפרדת מתחת */
footer .footer-subtitle {
  font-size: 13px;
  margin: 0.3rem 0 0;  /* מרווח קטן מלמעלה, אפשר גם 0 */
}

/* אם אתה רוצה שהאייקונים לא יופיעו בפוטר (רק למעלה) */
footer .social {
  display: none !important;
}

footer .social {
  margin-top: 0 !important;
}


/* v2_8 header/footer polish */
.site{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;}
.brand{display:flex;align-items:center;gap:10px}
.brand-title{white-space:nowrap;color:#333;font-size:16px}
.main-nav{display:flex;align-items:center;gap:10px}
.main-nav a{display:inline-block;padding:6px 10px;border:1px solid rgba(0,0,0,.08);border-radius:10px;text-decoration:none;color:#222;background:rgba(255,255,255,.6)}
.main-nav a.active{outline:2px solid #111}
.social-icons{display:flex;align-items:center;gap:8px;margin-left:6px}
.social-icons a{width:22px;height:22px;border-radius:6px;display:inline-block;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}
.icon-youtube{background-image:url('assets/icons/youtube.svg')}
.icon-instagram{background-image:url('assets/icons/instagram.svg')}
.icon-mail{background-image:url('assets/icons/mail.svg')}

footer{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
footer .brand-mini{display:flex;align-items:center;gap:12px}
footer img#mn-logo{width:46px;height:auto}
.footer-content{display:flex;flex-direction:column}
.footer-title{font-size:.95rem;color:#444;margin-left:0}
.tagline{margin:0;color:#666;font-size:.9rem}
@media (max-width:768px){
  .brand-title{display:none}
  .main-nav{gap:6px;flex-wrap:wrap}
}


/* v2_8 polish header+footer */
.site-header {position:sticky;top:0;z-index:1000;backdrop-filter:blur(8px);background:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,0,0,.06);}
.site-header .site {max-width:1200px;margin:0 auto;padding:8px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand-mark{display:block;width:40px;height:40px;object-fit:contain}
.brand-name{font-weight:600;white-space:nowrap}
.main-nav{display:inline-flex;justify-content:center;gap:10px;flex-wrap:wrap}
.main-nav a{padding:6px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.6);transition:.15s ease;text-decoration:none;color:inherit}
.main-nav a:hover,.main-nav a.is-active{border-color:rgba(0,0,0,.25);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.social-top{display:inline-flex;align-items:center;gap:10px}
.icon-youtube,.icon-instagram,.icon-mail{width:26px;height:26px;display:inline-block;border-radius:8px;background:#eee}
.site-footer{margin-top:60px;border-top:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.7)}
.site-footer .footer-inner {
  max-width:900px;
  margin:0 auto;
  padding:0 16px;       /* לא צריך padding עליון ותחתון */
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;

  background:transparent;   /* חשוב – שיהיה שקוף */
  box-shadow:none;          /* אם יש צל – מבטל */
  border-radius:0;          /* שלא ירגיש כמו קופסה */
}

.brand-line{display:inline-flex;align-items:center;gap:10px}
.footer-mark{width:40px;height:40px;object-fit:contain}
.footer-title{font-weight:600;color:#444}
.footer-tagline{margin:0;color:#666;font-size:.95rem}
footer .icons *, .social-fixed-footer *{display:none!important}
.hero-full-logo img{max-height:93px;aspect-ratio:1/1;object-fit:contain;opacity:.97}
.hero{margin-top:-30px}
@media(max-width:900px){.site-header .site{grid-template-columns:1fr;gap:8px}.brand{justify-content:center}.main-nav{justify-content:center}.social-top{justify-content:center}}
.page-commissions .hero-big,.page-commissions .mn-hero,.page-commissions .splash{display:none!important}
.page-commissions main{max-width:900px;margin:32px auto;padding:0 16px}


/* ודא שמוגדר */
.ba { position: relative; }




/* שלא יכסו את העיגול אם ה-range פול-סקין */
.ba input[type="range"]{
  position:absolute;
  inset:0;
  background:transparent;
  pointer-events:none;        /* חשוב */
  z-index:2;
}





/* ה-range צריך לקלוט קליקים/גרירה */
.ba input[type="range"]{
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: auto;   /* ← חשוב */
  z-index: 5;             /* מעל התמונות */
  -webkit-appearance: none;
  appearance: none;
}

.ba{position:relative;overflow:hidden;cursor:ew-resize;border-radius:16px;border:1px solid var(--border,#e5e5e7);background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.ba .ba-img{display:block;width:100%;height:auto}
.ba .top{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 50% 0 0)}
.ba input[type="range"]{position:absolute;inset:0;background:transparent;pointer-events:auto;z-index:5;-webkit-appearance:none;appearance:none}
.ba input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none;width:0;height:0 }
.ba input[type="range"]::-moz-range-thumb{ appearance:none;width:0;height:0;border:0 }

.ba .divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffffff;z-index:9;pointer-events:none} /* קו זהב */
.ba .handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:transparent;z-index:10;pointer-events:none}
.ba .handle::after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;border-radius:50%;
  background:#fff url("assets/mn_logo.png") center/70% no-repeat;border:2px solid rgba(0,0,0,.25);
  transform:translate(-50%,-50%);box-shadow:0 0 6px rgba(0,0,0,.25);pointer-events:none}

.ba .badge{position:absolute;top:10px;padding:6px 10px;font-size:12px;border-radius:9px;background:#fff;color:#111;border:1px solid var(--border,#e5e5e7);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.ba .badge-left{left:10px}
.ba .badge-right{right:10px}
/* קובע רוחב מקסימלי ל־before/after בגלריה */
#baGallery1 {
  max-width: 400px;
  margin: 0 auto;
}






/* כפתור תפריט למובייל */
.nav-toggle {
  display: none;
  border: none;
  background: transparent;
  padding: 4px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.14);
  background: rgba(255,255,255,.9);
}

.nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #111;
  transition: transform .18s ease, opacity .18s ease;
}

.nav-toggle span + span {
  margin-top: 4px;
}

/* מצב פתוח של האייקון (הופך ל־X) */
.site-header.is-open .nav-toggle span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.site-header.is-open .nav-toggle span:nth-child(2) {
  opacity: 0;
}

.site-header.is-open .nav-toggle span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

/* התנהגות במובייל */

.about-cta-actions a.btn {
  padding: 12px 18px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  font-size: 0.95rem !important;
}
/* עטיפה בשורה אחת */
.cta-white-wrap {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:nowrap;
  gap:20px;
}

/* טקסט */
.cta-white-text {
  color:#111111;
  font-size:0.95rem;
  line-height:1.5;
  flex:1;
}

/* כפתורים */
.cta-white-actions {
  display:flex;
  gap:12px;
  white-space:nowrap;
}

/* כפתורים שחורים כמו ב-Commissions */
.btn-dark {
  appearance:none;
  border:none;
  background:#000000;
  color:#ffffff;
  padding:12px 20px;
  border-radius:999px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
  transition:transform .1s ease, background .2s ease;
}

.btn-dark:hover {
  transform:translateY(-1px);
}

.btn-dark:active {
  transform:translateY(0);
}
/* כפתורים ב-ABOUT שיהיו זהים ל-Request a quote */
.cta-btn {
  padding:12px 18px !important;
  border-radius:999px !important;
  font-weight:600 !important;
  background:#000 !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.06) !important;
}
.panel.with-line {
  border-bottom:1px solid rgba(0,0,0,.06);
}
.site-footer {
  background:#ffffff;
  padding:40px 0 32px;
}

.site-footer .footer-inner {
  max-width:900px;
  margin:0 auto;
  padding:0 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;

  background:transparent;
  box-shadow:none;
  border-radius:0;
}

.skip-link {
  position:absolute;
  top:-40px;
  left:0;
  background:white;
  padding:8px 12px;
  z-index:1000;
}
.skip-link:focus {
  top:0;
}

.cookie-banner {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:white;
  padding:16px;
  border-top:1px solid #ddd;
  box-shadow:0 -4px 12px rgba(0,0,0,0.08);
  display:none;
  z-index:9999;
}

.cookie-banner p {
  margin:0 0 6px;
  font-size:0.9rem;
  color:#374151;
}

.cookie-banner .btn {
  padding:6px 12px;
  border:1px solid #ddd;
  background:#000;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  margin-right:12px;
}
.process-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

@media (min-width: 720px) {
  .process-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.process-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  border: 1px solid rgba(17,24,39,0.06);
  box-shadow: 0 10px 25px rgba(15,23,42,0.06);
}

.process-img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-bottom: 12px;
}

.process-title {
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 700;
  color: #111111;
}

.process-text {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.6;
  color: #374151;
}

#baCompare img {
  max-height: 800px;
  object-fit: cover;
}
#baCompare .section-title,
.panel .section-title {
  margin-top: -40px !important;
}

#baCompare .section-title-2,
.panel .section-title {
  margin-top: -80px !important;
  text-align: center
}
.ba-sub {
  text-align: center;
  margin-top: -10px;
  margin-bottom: 22px;
  font-size: 1rem;
  color: #4b5563;
  font-weight: 400;
}
.panel {
  background: #ffffff;
  border-radius: 18px;
  padding: 26px;
  border: 1px solid rgba(17,24,39,0.06);
  box-shadow: 0 12px 32px rgba(0,0,0,0.06);
  max-width: 1000px;
  margin: 0 auto 40px;
}
.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.video-play-button::before {
  content: "";
  border-left: 16px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  margin-left: 4px;
}
.video-thumb {
  position: relative;
  cursor: pointer;
}

.thumb-wrap {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}

.video-thumb-img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  border-radius: 14px;
}

.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(4px);
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s ease, background .2s ease;
}

.video-play-button::before {
  content: "";
  border-left: 18px solid white;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  margin-left: 4px;
}

.video-thumb:hover .video-play-button {
  background: rgba(0,0,0,0.75);
  transform: translate(-50%, -50%) scale(1.08);
}
.video-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.92);
  display: none;
  align-items:center !important;
  justify-content:center !important;
  z-index: 2000;
}

.video-overlay.show {
  display: flex;
}

.video-frame {
  width: 25vw;
  height: 80vh;
  max-width: none;
  max-height: none;
  background: #000;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-frame iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.video-close {
  position: absolute;
  top: 24px;
  right: 32px;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
}

.video-thumb { cursor:pointer; }

.vimeoHover {
  position: relative;
  overflow: hidden;
}

.vimeoHover iframe {
  pointer-events: none;
}
.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 22px;
  margin: 40px 0;
}

.video-card.direct-video {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  border: 1px solid rgba(17,24,39,0.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

.video-card.direct-video:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 34px rgba(0,0,0,.12);
}

.video-card.direct-video .video-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}

.video-card.direct-video .video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: inherit;
}

.video-card.direct-video .video-label {
  padding: 12px 14px;
  font-size: .95rem;
  color: #374151;
  margin: 0;
}
/* WRAPPER FOR LEFT + RIGHT */
.hero-magic-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  padding: 40px 0;
  max-width: 1180px;
  margin: 0 auto;
}

/* LEFT SIDE */
.hero-left {
  flex: 1;
  text-align: left;
}

.hero-left .hero-logo {
  display: block;
}

.hero-left .full-logo {
  width: 220px;
}

.hero-tagline {
  margin: 12px 0 22px;
  font-size: 1rem;
  color: #374151;
  max-width: 280px;
}

.cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* RIGHT SIDE */
.hero-right {
  flex: 1;
  text-align: center;
}

.magic-title {
  margin-bottom: 16px;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .hero-magic-wrap {
    flex-direction: column;
    text-align: center;
  }

  .hero-left {
    text-align: center;
  }

  .hero-tagline {
    max-width: none;
  }
}
.hero-compare {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  padding: 40px 0 60px;
}

.hero-left, .hero-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;       /* מרכז אנכי */
  text-align: center;
}

.hero-left img.hero-logo {
  width: 140px;
  margin-bottom: 10px;
}

.hero-full-logo img {
  width: 260px;
  margin-bottom: 12px;
}

.hero-quote {
  font-size: 16px;
  color: #444;
  max-width: 280px;
  margin-bottom: 20px;
}

.cta {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}

.hero-right .compare {
  max-width: 480px;
  border-radius: 18px;
  overflow: hidden;
}
.hero-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.hero-left {
  text-align: center; /* מרכז את הלוגו ואת המלל */
}

.hero-right {
  text-align: center; /* מרכז את הכותרת ואת ה-compare */
  display: flex;
  flex-direction: column;
  align-items: center;
}
.compare {
  margin: 0 auto;
}
.panel-block {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 20px;
  padding: 40px 40px;
  margin: 40px auto;
  max-width: 1250px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.06);
}
/* ============================= */
/* CLEAN VIDEO CARDS SECTION     */
/* ============================= */

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 26px;
  margin: 40px 0;
}

.video-card-sim {
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  transition: transform .2s ease, box-shadow .2s ease;
  cursor: pointer;
}

.video-card-sim:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.10);
}

.video-thumb {
  position: relative;
  width: 100%;
  height: 250px;
  background: #000;
  overflow: hidden;
}

.video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* PLAY BUTTON */
.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(4px);
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .22s ease, background .22s ease;
}

.video-play-button::before {
  content: "";
  border-left: 20px solid white;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-left: 4px;
}

.video-thumb:hover .video-play-button {
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(0,0,0,0.75);
}

/* TEXT UNDER VIDEO */
.video-label-sim {
  text-align: center;
  padding: 0px 0px 0px;
  font-size: .95rem;
  color: #374151;
}

/* OVERLAY */
.video-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.92);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}

.video-overlay.show {
  display: flex;
}

.video-close {
  position: absolute;
  top: 26px;
  right: 36px;
  font-size: 40px;
  color: white;
  cursor: pointer;
  user-select: none;
}
.placeholder-card {
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 25px rgba(15,23,42,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 260px;
}

.placeholder-thumb {
  width: 100%;
  height: 100%;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  font-size: 1.1rem;
  font-weight: 600;
}
/* ========== INDEX: Before After (.ba) ========== */

.ba {
  position: relative;
  max-width: 420px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--border, #e5e5e7);
  background: #fff;
  box-shadow: 0 6px 24px rgba(0,0,0,.06);
  cursor: ew-resize;
}

.ba .top {
  position: absolute;
  inset: 0;
  overflow: hidden;
  clip-path: inset(0 50% 0 0);
}

/* הסליידר */
.ba input[type="range"] {
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: auto;
  z-index: 5;
  -webkit-appearance: none;
  appearance: none;
}

.ba input[type="range"]::-webkit-slider-thumb,
.ba input[type="range"]::-moz-range-thumb {
  width: 0;
  height: 0
}


/* העיגול עם MN */
/* Before After in index only */
.compare {
  position: relative;
  --pos: 50;
}

.compare .img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.compare .img.top {
  clip-path: inset(0 calc(100% - (var(--pos)*1%)) 0 0);
}

/* full vertical divider */
.compare .divider {
  position:absolute;
  top:0;
  bottom:0;
  left:calc(var(--pos)*1%);
  width:2px;
  background:white;
  z-index:10;
  pointer-events:none;
}

/* MN round handle */
.compare .handle {
  position:absolute;
  top:50%;
  left:calc(var(--pos)*1%);
  transform:translate(-50%, -50%);
  width:42px;
  height:42px;
  border-radius:50%;
  z-index:20;
  pointer-events:none;
}

/* MN logo inside the circle */
.compare .handle::after {
  content:"";
  position:absolute;
  inset:0;
  background:#fff url("assets/mn_logo.png") center / 70% no-repeat;
  border-radius:50%;
  border:2px solid rgba(0,0,0,0.25);
  box-shadow:0 0 6px rgba(0,0,0,0.25);
}

/* קופסה אחידה לכל הכרטיסים */
.mockupMedia{
  position: relative;
  width: 100%;
  height: 310px;       /* גובה אחיד לכל הקלפים */
  overflow: hidden;
  border-radius: inherit;
}


.mockupMedia img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* iframe של Vimeo */
.mockupMedia iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

/* הצגת וידאו כשריחוף */
.mockupMedia:hover iframe {
  opacity: 1;
}

.marlin-shift {
  object-position: 0% center;
}
.cta-white-wrap {
  display: flex;
  justify-content: center;
  gap: 14px;      /* רווח בין הכפתורים */
  margin-top: 20px;  /* אם תרצה להרים/להוריד */
}
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .main-nav {
  direction: rtl;
}
.clients-section {
  max-width: 980px;
  margin: 40px auto 60px;
  text-align: center;
}

.clients-title {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 22px;
  color: #374151;
}

.clients-logos {
  display: flex;
  gap: 34px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.client-logo {
  width: 86px;
  height: 86px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

.client-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  max-width: 100%;
  max-height: 100%;
}
.client-logo-img.playtika {
  transform: scale(1.8); /* תגדיל */
}

.client-logo:hover {
  transform: translateY(-3px);
}
.client-logo-wrapper {
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
}

.client-name {
  margin-top:8px;
  font-size:14px;
  opacity:0;
  transition:opacity 0.25s ease;
  pointer-events:none;
  color:#1f2937; /* אפור אלגנטי */
}

/* ריחוף או לחיצה – מציג את השם */
.client-logo-wrapper:hover .client-name,
.client-logo-wrapper:active .client-name {
  opacity:1;
}


/* ✅ FULL MOBILE RESPONSIVE PACKAGE */
@media (max-width: 768px) {

  /* BASE RESET */
  body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
  }

  .container {
    padding: 10px;
  }

  h1, h2, h3 {
    font-size: 90%;
    line-height: 1.2;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* HERO FIX */
  .hero-compare {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0;
  }

  .hero-left,
  .hero-right {
    width: 100%;
    text-align: center;
    margin: 0 auto 22px;
  }

  .hero-left img.hero-logo {
    width: 80px;
    margin-bottom: 8px;
  }

  .hero-full-logo img {
    width: 65vw;
    max-height: 150px;
  }

  .hero-quote {
    font-size: 0.9rem;
    max-width: 240px;
    margin: 10px auto;
  }

  /* BUTTONS */
  .btn,
  a.btn,
  button.btn {
    display: block;
    width: 100%;
    max-width: 240px;
    margin: 10px auto;
    padding: 8px 12px;
    font-size: 0.85rem;
    border-radius: 24px;
    text-align: center;
  }

  /* TITLE */
  .magic-title {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 1rem;
    letter-spacing: 0.03em;
    white-space: nowrap;
    text-align: center;
  }
}

/* ✅ NAVIGATION (SEPARATE BREAKPOINT) */
@media (max-width: 860px) {

  .main-nav {
    display: none !important;
  }

  .nav-toggle {
    display: inline-flex !important;
  }

  .site-header.is-open .main-nav {
    display: flex !important;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background: #ffffff;
    padding: 18px;
    border-bottom: 1px solid #eee;
    z-index: 2000;
  }
}
/* ✅ MOBILE SPACING REFINEMENT */
@media (max-width: 768px) {

  /* רווח מתחת לכפתורים */
  .cta {
    margin-bottom: 32px;
    gap: 12px;
  }

  .cta .btn {
    margin: 0 auto;
  }

  /* רווח מעל הכותרת */
  .magic-title {
    margin-top: 36px;
    margin-bottom: 20px;
    font-size: 1rem;
    letter-spacing: 0.03em;
    text-align: center;
    white-space: nowrap;
  }

  /* רווח קטן מעל האזור של התמונה */
  .magic-section {
    margin-top: 12px;
  }
}
/* MOBILE ONLY */
@media (max-width: 800px) {

  .nav-toggle {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
  }

  .nav-toggle span {
    width: 24px;
    height: 2px;
    background: black;
    display: block;
  }

  .main-nav {
    display: flex;
    flex-direction: column;
    gap: 22px;
    font-size: 18px;
  }

  .social-top {
    display: none;
  }

  .nav-panel {
    position: fixed;
    top: 0;
    right: -100%;
    width: 70%;
    height: 100vh;
    background: white;
    padding: 80px 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 32px;
    transition: right 0.3s ease;
    z-index: 9999;
    box-shadow: -6px 0 20px rgba(0,0,0,0.12);
  }

  .nav-panel.open {
    right: 0;
  }

  .social-mobile {
    display: flex;
    gap: 18px;
  }

  .social-mobile .icon {
    width: 22px;
    height: 22px;
  }
}

/* DESKTOP FIX */
@media (min-width: 801px) {
  .nav-panel {
    position: static;
    height: auto;
    width: auto;
    padding: 0;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    gap: 24px;
  }

  .nav-toggle {
    display: none;
  }

  .social-mobile {
    display: none;
  }
}
/* מסתיר את תפריט המובייל במסכים גדולים */
@media (min-width: 1025px) {
  .mobile-header,
  .mobile-menu {
    display: none;
  }
}
/* דסקטופ בלבד */
@media (min-width: 1025px) {
  .mobile-header,
  .mobile-menu {
    display: none;
  }
}

/* מובייל בלבד */
@media (max-width: 1024px) {
  .desktop-nav {
    display: none;
  }
}
/* ממרכז את התפריט בדסקטופ */
.desktop-nav .main-nav {
  justify-content: center;
  gap: 14px;
  flex: 1;
}

.site-header .site {
  justify-content: center;
  gap: 40px;
}
/* MOBILE HEADER LAYOUT */
@media (max-width: 900px) {

  .mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 2px;
    background: white;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(0,0,0,0.08);
  }

/* כפתור 3 הקווים */
.mobile-menu-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10001;
}

.mobile-menu-btn span {
  height: 2px;
  width: 100%;
  background: #111;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* מצב פתוח – X אלגנטי */
.mobile-menu-btn.open span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}
.mobile-menu-btn.open span:nth-child(2) {
  opacity: 0;
}
.mobile-menu-btn.open span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}
  /* מרכז */
  .mobile-logo-center {
    text-align: center;
    transform: translateX(10px); /* מזיז ימינה */
    flex: 1;
  }

  .logo-text {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.08em;
  }

  .sub-text {
    font-size: 10px;
    color: #666;
    margin-top: -2px;
  }

  /* ימין */
  .mobile-icons {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .mobile-icons img {
    width: 20px;
    height: 20px;
  }

  /* מסתיר את תפריט הדסקטופ במובייל */
  .desktop-nav {
    display: none;
  }
}

/* בדסקטופ – לא מציגים את ההדר של המובייל */
@media (min-width: 901px) {
  .mobile-header,
  .mobile-menu {
    display: none;
  }
}
/* תפריט צד יוקרתי */
.mobile-menu {
  position: fixed;
  top: 0;
  left: -80%;
  width: 80%;
  height: 100vh;
  background: white;
  z-index: 9999;
  padding: 60px 32px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  transition: transform 0.35s cubic-bezier(.25,.1,.25,1);
  transform: translateX(0);
  box-shadow: 4px 0 18px rgba(0,0,0,0.12);
}

.mobile-menu.open {
  left: 0;
}
.mobile-overlay.open {
  opacity: 1;
  pointer-events: auto;
}
/* טקסט יוקרתי */
.mobile-menu a {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #111;
  text-decoration: none;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
@media (max-width: 600px) {

  .mobile-logo-center .brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
  }

  .mobile-logo-center .brand-mark {
    width: 50px;
    height: 50px;
  }

  .mobile-logo-center .brand-name {
    display: block;
    font-size: 12px;
    color: #000;
    margin-top: -8px;
    white-space: nowrap;
  }
}
/* מסתיר כל HEADER של דסקטופ במובייל */
@media (max-width: 900px) {
  .site-header,
  .desktop-header,
  .desktop-nav {
    display: none !important;
  }
}
/* תפריט המובייל מעל כל האלמנטים */
/* תפריט נפתח משמאל לימין עם אנימציה חלקה */
.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 75%;
  height: 100vh;
  background: white;
  z-index: 10001;
  transition: left 0.32s cubic-bezier(0.25, 0.1, 0.25, 1);
  padding: 60px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* פתוח */
.mobile-menu.open {
  left: 0;
}

/* OVERLAY מאחורה */
.mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 9998;
}

/* מוצג כשהתפריט פתוח */
.mobile-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

/* כפתור 3 קווים שמתרגם ל-X */
.mobile-menu-btn span {
  display: block;
  width: 22px;
  height: 2px;
  background: black;
  border-radius: 2px;
  transition: transform .25s ease, opacity .25s ease;
}

.mobile-menu-btn span:nth-child(2) {
  margin: 5px 0;
}

/* מצב X */
.menu-open .mobile-menu-btn span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.menu-open .mobile-menu-btn span:nth-child(2) {
  opacity: 0;
}

.menu-open .mobile-menu-btn span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}


@media (min-width: 901px) {
  .mobile-header {
    display: none !important;
  }
}
@media (max-width: 900px) {
  .mobile-menu-btn {
    margin-left: 8px;
  }
}

/* Splash - Mobile */
@media (max-width:900px) {

  #splash {
    height: 620px;
  }

  #splash .splash-inner {
    margin-top: 40px;
  }

#mn-logo {
  height: 100px;
  width: auto;
}

  .splash-inner div {
    font-size: 20px;
  }

  .tag {
    font-size: 14px;
  }
}
/* GLASS FROSTED CHIPS + FADE-IN */
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 18px auto 0;
  animation: chips-fade 0.6s ease forwards;
  opacity: 0;
}

@keyframes chips-fade {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.chip {
  padding: 10px 18px;
  font-size: 0.92rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.22);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  cursor: pointer;
  color: #1f1f1f;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

/* Hover */
.chip:hover {
  background: rgba(255,255,255,0.45);
  border-color: rgba(255,255,255,0.55);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.12);
}

/* Active State */
.chip.is-active {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.20);
  transform: translateY(-2px);
}


@media (max-width: 768px) {
  .chip.is-active {
    background: #000000;
    color: #ffffff;
    border: 1px solid #000000;
  }
}

/* מסך Intro */
#intro-overlay {
  position: fixed;
  inset: 0;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  overflow: hidden;
  opacity: 1;
  pointer-events: all;
  transition: opacity .8s ease;
}

#intro-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}

/* צדדים */
.intro-left, .intro-right {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.intro-left video,
.intro-right video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .65;
  transition: opacity .35s ease;
}

.intro-left video:hover,
.intro-right video:hover {
  opacity: 1;
}

/* לוגו מרכז */



/* מרכז הלוגו בדיוק באמצע תמיד */
.intro-center-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);

  z-index: 40;
  pointer-events: none;

  transition: opacity 1.4s ease, transform 1.4s ease;
  will-change: transform, opacity;
}

.intro-center-logo img {
  width: 200px;
  height: auto;
  display: block;
  filter: drop-shadow(0 0 12px rgba(0,0,0,.55));
}



/* FadeOut כולל לוגו */
/* כל ה־Overlay */
#intro-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: space-between;
  background: #000;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.8s ease;
}

/* קו מפריד בין הצדדים */
.intro-divider {
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(255,255,255,0.25);
  pointer-events: none;
}

/* צדדים */
.intro-side {
  position: relative;
  width: 50%;
  overflow: hidden;
  cursor: pointer;
}

.intro-side video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(70%);
}

/* כותרת מרכזית בכל צד */
.intro-label {
  position: absolute;
  bottom: 70px; /* סעיף 7 — טיפה מעל למטה */
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  color: #ffffff;
  font-size: 36px;
  font-weight: 600; /* סעיף — בולד פחות עבה */
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.4s ease;
  letter-spacing: 0.06em;
  z-index: 10;

  /* מסגרת דקה + רקע Gradient עדין */
  padding: 14px 28px;
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 6px;
  background: linear-gradient(
      to bottom,
      rgba(0,0,0,0.55),
      rgba(0,0,0,0.15)
  );
  backdrop-filter: blur(3px);

  /* טקסט חד */
  text-shadow:
    0 0 6px rgba(0,0,0,0.45),
    0 0 14px rgba(0,0,0,0.35);
}

/* כיתוב המשנה */
.intro-sub {
  margin-top: 6px;
  font-size: 15px;
  opacity: 0.85;
  letter-spacing: 0.04em;
}

/* ריחוף — הכל עולה טיפון ומופיע */
.intro-side:hover .intro-label {
  opacity: 1;
  transform: translate(-50%, -10px);
}

/* טקסט הנחיה "Hover to choose" */
.intro-instruction {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.45);
  font-size: 15px;
  letter-spacing: 0.05em;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

/* כשהמשתמש מרחף — הטקסט נעלם */
.intro-side:hover ~ .intro-instruction {
  opacity: 0;
}

/* Fadeout */
#intro-overlay.fadeout {
  opacity: 0;
  pointer-events: none;
}

.lux-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 78px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 34px;
  background: #ffffff;
  border-bottom: 1px solid rgba(0,0,0,0.12);
  z-index: 1500;
  transition: transform 0.35s ease, opacity 0.35s ease;
}

/* מצב הסתרה בגלילה */
.lux-header.hide {
  transform: translateY(-100%);
  opacity: 0;
}


/* MENU BUTTON */
.lux-menu-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transform: translateX(20px);
}

.lux-menu-lines {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.lux-menu-lines div {
  width: 26px;
  height: 3px;
  background: #000;
  border-radius: 3px;
  transition: 0.35s cubic-bezier(.55,.03,.19,.97);
  transform-origin: center;
  
}

/* Text */
.lux-menu-text {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.lux-menu-btn .lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 400px;
  
}

.lux-menu-btn .line {
  width: 26px;
  height: 3px;
  background: #000;
  border-radius: 3px;
  transition: .3s ease;
  margin-right: 10px; 
}
/* ANIMATION TO X */
.lux-menu-btn.open .line1 {
  transform: translateY(5px) rotate(45deg);
}

.lux-menu-btn.open .line2 {
  opacity: 0;
}

.lux-menu-btn.open .line3 {
  transform: translateY(-9px) rotate(-45deg);
}

/* LOGO CENTER */
.lux-brand {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: black;
}

.lux-brand-mark {
  width: 56px;
}

.lux-brand-name {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

/* RIGHT ICONS */
.lux-icons {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-right: 420px; /* תגדיל או תקטין לפי הרצוי */
}

.lux-icons .icon {
  width: 26px;
  opacity: 0.9;
}

/* OVERLAY */
.lux-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  visibility: hidden;
  transition: .35s;
  z-index: 1400;
}

.lux-menu-overlay.show {
  opacity: 1;
  visibility: visible;
}

/* טקסט Menu */
.lux-menu-text {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
/* SIDE MENU */
.lux-menu-panel {
  position: fixed;
  top: 0;
  left: -350px;
  width: 320px;
  height: 100vh;

  background: rgba(0,0,0,0.55);
  background-image: url("assets/marble_black.jpeg");
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply;

  border-right: 1px solid rgba(255,255,255,0.12);
  padding: 40px 34px;
  transition: left .45s cubic-bezier(.16,.84,.44,1);
  z-index: 1501;
}

.lux-menu-panel.open {
  left: 0;
}

/* CLOSE BUTTON */
.lux-close-btn {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    font-weight: 300;
}

/* NAV LINKS */
.lux-menu-nav {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 25px;
}

.lux-menu-nav a {
  font-size: 22px;
  color: white;
  font-weight: 300;
  text-decoration: none;
  transition: 0.3s;
}

.lux-menu-nav a:hover {
  padding-left: 6px;
  opacity: 0.7;
}


#intro-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999 !important;
  opacity: 1;
  visibility: visible;
}

#intro-overlay.hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease;
}
.lux-menu-logo-wrap {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-top: 40px;
}

.lux-menu-panel {
  display: flex;
  flex-direction: column;
}

.lux-menu-logo {
  width: 140px;
  opacity: 0.85;
}
.side-logo-block {
  position: absolute;
  bottom: 90px;         /* הזז למעלה או למטה */
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.side-logo {
  display: block;
  width: 160px;         /* שינוי גודל – הגדל/הקטן */
  margin: -50px auto;
  opacity: 0.92;
}

.side-logo.main {
  width: 160px;         /* גודל לוגו MN העליון */
}

.side-logo.sub {
  width: 200px;         /* גודל לוגו Marmo Nero */
}

.intro-video {
  display: block;
}

/* שינוי למובייל */
@media (max-width: 768px) {

  /* תצוגה למעלה למטה */
  #intro-overlay {
    display: flex;
    flex-direction: column;
  }

  .intro-left,
  .intro-right {
    width: 100 percent;
    height: 50vh;
  }

  /* במובייל: מסתיר וידאו ומראה תמונות */
  .intro-video {
    display: none;
  }



  /* מסתיר קו אמצע */
  .intro-divider {
    display: none;
  }
}


.intro-video {
  display: block;
}

/* MOBILE ONLY: show video, hide mobile images */
@media (max-width: 768px) {

  .intro-video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .intro-mobile-img {
    display: none !important;
  }

  /* מבנה אנכי */
  #intro-overlay {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
  }

  .intro-side {
    width: 100% !important;
    height: 50vh !important;
  }

  .intro-divider {
    display: none !important;
  }
}
/* MOBILE ONLY – make intro logo smaller */
@media (max-width: 768px) {
  .intro-center-logo img {
    width: 120px !important;   /* גודל קטן יותר */
    height: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
    filter: drop-shadow(0 0 10px rgba(0,0,0,.45));
  }

  /* לוודא שהוא ממוקם מדויק באמצע גם במסך קטן */
  .intro-center-logo {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
.process-card img,
.advanced-card img,
.same-size-img {
  width: 100%;
  height: 180px;       /* אתה יכול לבחור 220 / 260 — מה שמתאים */
  object-fit: cover;
  border-radius: 14px;
  display: block;
}


.process-video {
  width: 100%;
  height: 100%;
  min-height: 500px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background: #000;
}

.process-video iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  object-fit: contain; /* חשוב כדי שהכפתורים לא ייחתכו */
}

.client-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 5000;
}

.client-lightbox.show {
  display: flex;
}

.client-lightbox-img {
  max-width: 85vw;
  max-height: 85vh;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}

.client-lightbox-close {
  position: absolute;
  top: 26px;
  right: 34px;
  font-size: 42px;
  color: #fff;
  cursor: pointer;
}
.lux-quote-block {
  max-width: 920px;
  margin: 60px auto 40px;
  text-align: center;
}

.lux-quote-line {
  font-family: "Georgia", serif;
  font-size: 1.35rem;
  line-height: 1.55;
  font-weight: 400;
  color: #111111;
  letter-spacing: 0.3px;
  padding: 0 20px;
  margin-top: 14px;
  text-align: center;
  white-space: pre-line;
  opacity: 0;                   /* נפתח באנימציה */
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: common-ligatures;
  min-height: 90px;             /* כדי שהבלוק לא יקפוץ בזמן הכתיבה */
}

/* יוקרה: קו דק עדין מתחת */
.lux-quote-line::after {
  content: "";
  display: block;
  width: 82px;
  height: 1px;
  background: linear-gradient(to right, #000, #666);
  opacity: 0.22;
  margin: 16px auto 0;
}

@media (max-width: 720px) {
  .lux-quote-line {
    font-size: 1.15rem;
    line-height: 1.45;
    padding: 0 14px;
  }
  .lux-quote-line::after {
    width: 60px;
  }
}
.panel.cta-block {
  transform-origin: center top;
  transform: scale(var(--cta-scale, 1));
}
@media (max-width: 720px) {
  .lux-header {
    display: none !important;
  }
}

@media (max-width: 720px) {

  /* המעטפת הכללית */
  .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 82%;
    height: 100vh;
    padding: 90px 32px 40px;
    background: #ffffff;
    background-image: url('assets/marble_bg.jpg'), linear-gradient(#ffffff, #f7f7f7);
    background-size: cover;
    background-blend-mode: overlay;

    display: flex;
    flex-direction: column;
    gap: 22px;

    transform: translateX(-100%);
    transition: transform .35s ease;
    box-shadow: 0 0 40px rgba(0,0,0,0.25);

    font-family: "Inter", system-ui, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    z-index: 3000;
  }

  /* כניסה */
  .mobile-menu.open {
    transform: translateX(0);
  }

  /* לינקים */
  .mobile-menu a {
    color: #222;
    text-decoration: none;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    transition: color .2s ease;
  }

  .mobile-menu a:last-child {
    border-bottom: none;
  }

  .mobile-menu a:hover {
    color: #555;
  }

  /* רקע כהה מאחור */
  .mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
    background: rgba(0,0,0,0.45);
    z-index: 2000;
    transition: opacity .3s ease;
  }

  .mobile-overlay.open {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 720px) {
  .mobile-side-logo {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
  }

  .mobile-side-logo img {
    width: 140px;
    opacity: 0.9;
  }
}
/* MOBILE FIX – לא להעלים את התפריט, רק להקטין ולעדן */
@media (max-width: 720px) {

  .lux-menu-panel {
    width: 260px;
    left: -260px;
    padding: 28px 24px;

    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;

    border-right: 1px solid rgba(255,255,255,0.10);
  }

  .lux-menu-panel.open {
    left: 0;
  }

  /* התאמת הטיפוגרפיה של התפריט */
  .lux-menu-nav a {
    font-size: 1.05rem;
    padding: 12px 0;
    letter-spacing: 0.4px;
  }

  /* לוגו למטה – הרחקה והקטנה */
  .side-logo-block {
    margin-top: auto;
    text-align: center;
  }

  .side-logo-block .side-logo {
    width: 90px;
  }

  /* חשוב: אל תסתיר את ה-header */
  .lux-header {
    height: 64px;
    padding: 0 20px;
  }
}

@media (max-width: 720px) {

  .mobile-menu {
    position: fixed;
    top: 0;
    left: -320px;
    width: 280px;
    height: 100vh;

    background-image: url("assets/marble_black.jpeg");
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    background-color: rgba(0,0,0,0.55);

    box-shadow: 4px 0 16px rgba(0,0,0,0.35);

    padding: 42px 28px 80px;
    display: flex;
    flex-direction: column;
    gap: 18px;

    transition: left 0.42s cubic-bezier(.16,.84,.44,1);
    z-index: 2000;
  }

  .mobile-menu.open {
    left: 0;
  }

  .mobile-menu a {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.35rem;
    letter-spacing: 0.35px;
    text-decoration: none;
    color: white;
    padding: 6px 0;
    opacity: 0.92;
    transition: opacity 0.25s ease;
  }

  .mobile-menu a:hover {
    opacity: 1;
  }

  .mobile-side-logo {
    margin-top: auto;
    margin-bottom: 60px;   /* מרים את הלוגו */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    opacity: 0.88;
  }

  .mobile-side-logo img {
    width: 120px;
    height: auto;
  }

  .mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100 percent;
    height: 100 percent;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
    z-index: 1900;
  }

  .mobile-overlay.open {
    opacity: 1;
    pointer-events: auto;
  }

}
@media (max-width: 720px) {
  .about-hero {
    margin-top: -30px !important;
  }

  .about-kicker {
    margin-top: 0 !important;
  }
}
@media (max-width: 720px) {

  .intro-center-logo {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 30;
  }

  .intro-center-logo img {
    width: 110px;
    height: auto;
  }

}
@media (max-width: 720px) {

  .intro-center-logo {
    position: fixed !important;
    top: 40% !important;
    left: 50% !important;
    transform: translate(-37%, 130%) !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    z-index: 9999 !important;
    pointer-events: none !important;
  }

  .intro-center-logo img {
    width: 110px !important;
    height: auto !important;
  }
}

@media (max-width: 720px) {

  .intro-side {
    position: relative !important;
    overflow: hidden;
  }

  /* הכיתוב תמיד גלוי */
  .intro-label {
    position: absolute !important;
    bottom: 24px !important;
    left: 50 percent !important;
    transform: translateX(-50 percent) !important;

    width: 90 percent !important;
    text-align: center !important;

    color: #ffffff !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;

    opacity: 1 !important;
    z-index: 9999 !important;
    pointer-events: none !important;

    transition: none !important;
  }

  .intro-label .intro-sub {
    margin-top: 6px;
    font-size: .95rem !important;
    opacity: .9 !important;
  }

  /* וידאו ותמונה תמיד מתחת לטקסט */
  .intro-video,
  .intro-mobile-img {
    position: relative !important;
    z-index: 1 !important;
    opacity: 1 !important;
  }

  /* מבטל את ההעלמות בריחוף */
  .intro-side:hover .intro-label {
    opacity: 1 !important;
    transform: translateX(-50 percent) !important;
  }

  /* מבטל כל אנימציה ישנה */
  .intro-label,
  .intro-side:hover .intro-label {
    animation: none !important;
  }
}
@media (max-width: 720px) {

  .intro-label {
    position: absolute !important;
    bottom: 26px !important;
    left: 50 percent !important;
    transform: translateX(-50 percent) !important;

    width: 88 percent !important;
    padding: 22px 26px !important;

    text-align: center !important;
    color: #ffffff !important;

    font-size: 1.0rem !important;
    font-weight: 600 !important;

    /* מודל יוקרתי */
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(18px) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow:
      0 12px 28px rgba(0,0,0,0.35),
      inset 0 0 8px rgba(255,255,255,0.06);

    z-index: 9999 !important;
  }

  /* טקסט 3D – חד, אלגנטי, בלי להגזים */
  .intro-label,
  .intro-label .intro-sub {
    text-shadow:
      0 1px 1px rgba(0,0,0,0.35),
      0 2px 4px rgba(0,0,0,0.25),
      0 0 6px rgba(255,255,255,0.14);   /* שכבת חדות */
  }

  .intro-label .intro-sub {
    font-size: 0.9rem !important;
    margin-top: 8px;
    opacity: .92;
    line-height: 1.32;
  }
}
@media (max-width: 720px) {
  .intro-center-logo {
    display: none !important;
  }
}
/* הגדלה רק לCOMING SOON */
.client-logo-img.coming-soon {
  width: 150%;
  height: 150%;
  object-fit: cover;
  transform: scale(1.65);
}
/* Real World Creations בגובה קבוע גם במובייל */
.panel .grid .card .dice-img {
  display: block;
  width: 100% !important;
  height: 280px !important;   /* אפשר להעלות או להוריד לפי הטעם */
  object-fit: cover;
  border-radius: 16px;
}

/* למסכים קטנים יותר */
@media (max-width: 480px) {
  .panel .grid .card .dice-img {
    height: 305px !important;
}
}