/* ==========================================================
   חמאם עד הבית — ערכת עיצוב כהה בסגנון הלוגו
   שחור עמוק · זהב · נחושת
   ========================================================== */
:root{
  /* רקעים */
  --bg:#131211;
  --bg-2:#191716;
  --bg-3:#1E1B19;
  --surface:#201D1A;
  --surface-2:#272320;

  /* מתכות */
  --gold:#D4AF37;
  --gold-lt:#E8C86A;
  --gold-dp:#A8862A;
  --copper:#B87333;
  --copper-lt:#D08F4B;

  /* טקסט */
  --text:#EDE6D8;
  --muted:#A79E8E;
  --dim:#7C7466;

  /* קווים */
  --line:rgba(212,175,55,.16);
  --line-2:rgba(212,175,55,.30);

  --wa:#25D366;
  --radius:16px;
  --shadow:0 24px 60px -24px rgba(0,0,0,.85);
  --glow:0 0 40px -8px rgba(212,175,55,.22);
  --maxw:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;background:var(--bg)}
body{font-family:'Heebo',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--bg);color:var(--text);line-height:1.75;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,.serif{font-family:'Frank Ruhl Libre','Heebo',serif;line-height:1.28;font-weight:500;color:var(--gold-lt)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
.kicker{color:var(--copper-lt);letter-spacing:.16em;font-size:.78rem;margin-bottom:12px;
  text-transform:none}
::selection{background:rgba(212,175,55,.28);color:#fff}

/* ---------- כותרת עליונה ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(19,18,17,.86);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;height:74px}
.logo{display:flex;align-items:center;gap:11px;font-family:'Frank Ruhl Libre',serif;
  font-size:1.2rem;font-weight:700;color:var(--gold-lt)}
.logo img{width:40px;height:40px;object-fit:contain}
nav ul{display:flex;gap:24px;list-style:none;font-size:.95rem}
nav a{padding-block:6px;position:relative;color:var(--muted);transition:color .2s}
nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1.5px;
  background:var(--gold);transform:scaleX(0);transition:transform .25s}
nav a:hover,nav a[aria-current]{color:var(--gold-lt)}
nav a:hover::after,nav a[aria-current]::after{transform:scaleX(1)}
.menu-btn{display:none;background:none;border:0;font-size:1.6rem;color:var(--gold);cursor:pointer;line-height:1}

/* ---------- כפתורים ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 28px;
  border-radius:999px;font-weight:500;font-size:.98rem;border:1.5px solid transparent;
  cursor:pointer;white-space:nowrap;font-family:inherit;
  transition:transform .18s,box-shadow .25s,background .25s,border-color .25s,color .25s}
.btn-primary,.btn-copper{
  background:linear-gradient(150deg,var(--gold-lt),var(--gold) 52%,var(--gold-dp));
  color:#1A1512;font-weight:600;
  box-shadow:0 14px 34px -16px rgba(212,175,55,.85)}
.btn-primary:hover,.btn-copper:hover{transform:translateY(-2px);
  box-shadow:0 18px 40px -14px rgba(212,175,55,.95)}
.btn-ghost,.btn-outline{border-color:var(--line-2);color:var(--gold-lt);background:transparent}
.btn-ghost:hover,.btn-outline:hover{background:rgba(212,175,55,.09);border-color:var(--gold)}
.btn-wa{background:var(--wa);color:#06301A;font-weight:600}
.btn-wa:hover{transform:translateY(-2px);box-shadow:0 14px 34px -14px rgba(37,211,102,.8)}
.btn-lg{padding:16px 38px;font-size:1.05rem}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}

/* ---------- אזור הפתיחה ---------- */
.hero{position:relative;padding:56px 0 90px;overflow:hidden}
.hero::before{content:"";position:absolute;top:-10%;left:50%;transform:translateX(-50%);
  width:min(1100px,130%);height:760px;pointer-events:none;
  background:radial-gradient(ellipse at 50% 40%,rgba(212,175,55,.13),transparent 62%)}
.hero-grid{position:relative;z-index:2;display:grid;
  grid-template-columns:1fr 1.02fr;gap:40px;align-items:center}

/* סרטון הלוגו — מתמזג לתוך הרקע, בלי מסגרת */
.hero-media{position:relative}
.hero-media video,.hero-media > img{
  width:100%;max-width:560px;margin-inline:auto;display:block;height:auto;
  background:transparent;
  -webkit-mask-image:radial-gradient(ellipse 76% 74% at 50% 48%,#000 58%,transparent 100%);
          mask-image:radial-gradient(ellipse 76% 74% at 50% 48%,#000 58%,transparent 100%)}

.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;letter-spacing:.05em;
  color:var(--gold);background:rgba(212,175,55,.07);border:1px solid var(--line-2);
  padding:7px 16px;border-radius:999px;margin-bottom:22px}
.hero h1{font-size:clamp(2.1rem,5vw,3.6rem);margin-bottom:20px;color:var(--text);font-weight:400}
.hero h1 em{font-style:normal;font-weight:500;
  background:linear-gradient(120deg,var(--gold-lt),var(--gold) 45%,var(--copper-lt));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.08rem;color:var(--muted);max-width:48ch;margin-bottom:16px;font-weight:300}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 34px}
.trust{display:flex;gap:32px;flex-wrap:wrap;font-size:.86rem;color:var(--dim)}
.trust b{display:block;font-family:'Frank Ruhl Libre',serif;font-size:1.5rem;
  color:var(--gold);font-weight:700;line-height:1.25}

/* ---------- באנר מבצע ---------- */
.promo{position:relative;margin-top:46px;
  background:linear-gradient(140deg,var(--surface-2),var(--surface) 55%,#17140F);
  border:1px solid var(--line-2);border-radius:22px;padding:34px 32px;
  box-shadow:var(--shadow),var(--glow);overflow:hidden}
.promo::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 88% 10%,rgba(212,175,55,.16),transparent 55%)}
.promo-in{position:relative;z-index:2;display:flex;align-items:center;
  justify-content:space-between;gap:26px;flex-wrap:wrap}
.promo .tag{display:inline-block;background:rgba(212,175,55,.12);border:1px solid var(--line-2);
  color:var(--gold-lt);font-size:.78rem;padding:5px 14px;border-radius:999px;margin-bottom:12px}
.promo h3{font-size:1.6rem;margin-bottom:8px}
.promo p{color:var(--muted);font-weight:300;max-width:52ch}
.promo .price{font-family:'Frank Ruhl Libre',serif;font-size:2.5rem;color:var(--gold);
  font-weight:700;line-height:1}
.promo .price small{font-size:.86rem;font-weight:400;color:var(--dim);display:block;margin-top:5px}
.promo .gift{background:rgba(212,175,55,.08);border:1px dashed var(--line-2);border-radius:12px;
  padding:10px 16px;font-size:.9rem;margin-top:14px;display:inline-block;color:var(--text)}

/* ---------- מקטעים ---------- */
section{padding:88px 0;position:relative}
.sec-head{text-align:center;max-width:62ch;margin:0 auto 52px}
.sec-head h2{font-size:clamp(1.85rem,3.6vw,2.6rem);margin-bottom:14px}
.sec-head p{color:var(--muted);font-weight:300}
.band{background:var(--bg-2);border-block:1px solid var(--line)}
.band-dark{background:var(--bg-3);border-block:1px solid var(--line)}

/* מפריד מעוטר */
.band::before,.band-dark::before{content:"";position:absolute;top:-1px;left:50%;
  transform:translateX(-50%);width:min(420px,70%);height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}

/* ---------- כרטיסים ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cards-2{grid-template-columns:repeat(2,1fr)}
.cards-4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);
  display:flex;flex-direction:column;overflow:hidden;
  transition:transform .28s,box-shadow .28s,border-color .28s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--line-2)}
.card-img{aspect-ratio:16/10;overflow:hidden;background:#0E0D0C;position:relative}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.9}
.card:hover .card-img img{transform:scale(1.05);opacity:1}
.card-img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(19,18,17,.75))}
.card-body{padding:26px 24px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:1.22rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:.95rem;font-weight:300;margin-bottom:18px;flex:1}
.card .meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding-top:16px;border-top:1px dashed var(--line);margin-top:auto}
.card .price{font-family:'Frank Ruhl Libre',serif;font-size:1.5rem;font-weight:700;color:var(--gold)}
.card .price small{font-size:.7rem;font-weight:400;color:var(--dim);display:block}
.card .dur{font-size:.83rem;color:var(--dim)}
.badge{position:absolute;top:12px;inset-inline-end:12px;
  background:linear-gradient(150deg,var(--gold-lt),var(--gold-dp));color:#1A1512;
  font-size:.74rem;font-weight:600;padding:5px 13px;border-radius:999px;z-index:2}
.badge-req{background:rgba(19,18,17,.92);color:var(--gold-lt);border:1px solid var(--line-2)}
.incl{list-style:none;display:grid;gap:7px;margin-bottom:18px;font-size:.88rem;color:var(--dim)}
.incl li{display:flex;gap:8px;align-items:flex-start}
.incl li::before{content:"✦";color:var(--copper-lt);flex:0 0 auto;font-size:.75rem;margin-top:4px}

/* כרטיסי אייקון */
.icard{background:var(--surface);border-radius:var(--radius);padding:32px 26px;
  border:1px solid var(--line);transition:transform .28s,box-shadow .28s,border-color .28s}
.icard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2)}
.icard .icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,rgba(212,175,55,.22),rgba(184,115,51,.10));
  border:1px solid var(--line);color:var(--gold);font-size:1.5rem;margin-bottom:18px}
.icard h3{font-size:1.14rem;margin-bottom:8px}
.icard p{color:var(--muted);font-size:.93rem;font-weight:300}

/* ---------- המלצות ---------- */
.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.quote{background:var(--surface);border-radius:var(--radius);padding:26px 22px;
  border:1px solid var(--line);display:flex;flex-direction:column;
  transition:transform .25s,border-color .25s}
.quote:hover{transform:translateY(-4px);border-color:var(--line-2)}
.quote .stars{color:var(--gold);letter-spacing:2px;margin-bottom:12px;font-size:.9rem}
.quote p{font-size:.92rem;color:var(--muted);font-weight:300;flex:1;margin-bottom:16px}
.quote .who{font-weight:500;color:var(--text);font-size:.94rem}
.quote .what{font-size:.8rem;color:var(--copper-lt)}

/* ---------- דרישות ---------- */
.reqs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}
.req{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 22px;text-align:center}
.req .g{font-size:2rem;display:block;margin-bottom:10px}
.req p{font-size:.95rem;color:var(--muted);font-weight:300}
.promise{background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.10),transparent 70%),var(--surface);
  border:1px dashed var(--line-2);border-radius:var(--radius);padding:30px;text-align:center}
.promise h3{font-size:1.3rem;margin-bottom:10px}
.promise p{color:var(--muted);font-weight:300;max-width:62ch;margin-inline:auto}
.promise strong{color:var(--gold-lt);font-weight:500}

/* ---------- שאלות נפוצות ---------- */
.faq{max-width:840px;margin-inline:auto;display:grid;gap:11px}
details{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:18px 22px;transition:border-color .25s,background .25s}
details[open]{border-color:var(--line-2);background:var(--surface-2)}
summary{cursor:pointer;font-weight:500;color:var(--gold-lt);list-style:none;display:flex;
  justify-content:space-between;gap:14px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--copper-lt);font-size:1.4rem;font-weight:300;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details .ans{margin-top:12px;color:var(--muted);font-weight:300;font-size:.95rem}
details .ans a{color:var(--gold);text-decoration:underline}

/* ---------- טקסט ארוך ---------- */
.prose{max-width:78ch;margin-inline:auto}
.prose h1{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:22px}
.prose h2{font-size:1.5rem;margin:36px 0 14px}
.prose h3{font-size:1.14rem;color:var(--copper-lt);margin:26px 0 10px}
.prose p{margin-bottom:18px;color:var(--muted);font-weight:300}
.prose ul{list-style:none;display:grid;gap:11px;margin-bottom:20px}
.prose ul li{display:flex;gap:11px;align-items:flex-start;color:var(--muted);font-weight:300}
.prose ul li::before{content:"✦";color:var(--copper-lt);flex:0 0 auto;margin-top:4px;font-size:.82rem}
.prose strong{color:var(--text);font-weight:500}
.notice{background:rgba(212,175,55,.07);border-inline-start:3px solid var(--gold);
  border-radius:10px;padding:18px 22px;margin:24px 0;font-size:.94rem;color:var(--muted)}
.notice strong{color:var(--gold-lt)}
.warn{background:rgba(190,70,45,.09);border-inline-start-color:#C4553A}

/* ---------- פיצול ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.split h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-bottom:18px}
.split p{color:var(--muted);font-weight:300;margin-bottom:16px}
.split-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
  aspect-ratio:4/5;position:relative;border:1px solid var(--line)}
.split-img img{width:100%;height:100%;object-fit:cover;opacity:.88}
.stat-chip{position:absolute;bottom:18px;inset-inline-start:18px;background:rgba(19,18,17,.92);
  border:1px solid var(--line-2);padding:12px 20px;border-radius:14px;backdrop-filter:blur(6px)}
.stat-chip b{font-family:'Frank Ruhl Libre',serif;font-size:1.5rem;color:var(--gold);display:block;line-height:1.2}
.stat-chip span{font-size:.8rem;color:var(--muted)}
.checks{list-style:none;display:grid;gap:12px;margin-top:24px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem;color:var(--muted)}
.checks .tick{flex:0 0 22px;height:22px;border-radius:50%;background:rgba(212,175,55,.14);
  color:var(--gold);display:grid;place-items:center;font-size:.7rem;margin-top:3px}

/* ---------- טופס ---------- */
.form{max-width:760px;margin-inline:auto;background:var(--surface);border-radius:20px;
  padding:36px 32px;border:1px solid var(--line);box-shadow:var(--shadow)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.field.full{grid-column:1/-1}
label{font-size:.9rem;font-weight:500;color:var(--gold-lt)}
label .req-star{color:#E0714F}
.hint{font-size:.8rem;color:var(--muted);font-weight:300}
.hint a{color:var(--gold)}
input,select,textarea{font-family:inherit;font-size:.98rem;padding:12px 14px;border-radius:11px;
  border:1.5px solid var(--line);background:#171513;color:var(--text);width:100%;
  transition:border-color .2s,background .2s}
input::placeholder,textarea::placeholder{color:#6A6356}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);background:#1C1917}
select option{background:#1C1917;color:var(--text)}
textarea{resize:vertical;min-height:88px}
.radio-row{display:flex;gap:10px;flex-wrap:wrap}
.radio-row label{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  border:1.5px solid var(--line);cursor:pointer;font-weight:400;color:var(--muted);transition:all .2s}
.radio-row input{width:auto}
.radio-row label:has(input:checked){border-color:var(--gold);background:rgba(212,175,55,.10);color:var(--gold-lt)}
.check{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;font-weight:300;
  color:var(--muted);cursor:pointer}
.check input{width:auto;margin-top:6px;flex:0 0 auto}
.check a{color:var(--gold);text-decoration:underline}
.check b{color:var(--gold-lt);font-weight:500}
input[type=checkbox],input[type=radio]{accent-color:var(--gold)}
.total{background:linear-gradient(150deg,var(--surface-2),#17140F);border:1px solid var(--line-2);
  border-radius:16px;padding:22px 26px;margin:24px 0}
.total-row{display:flex;justify-content:space-between;gap:14px;font-size:.92rem;
  padding:7px 0;color:var(--muted);font-weight:300}
.total-row.sum{border-top:1px solid var(--line-2);margin-top:10px;padding-top:14px;
  font-size:1.28rem;font-weight:500;color:var(--text);font-family:'Frank Ruhl Libre',serif}
.total-row.sum b{color:var(--gold)}
fieldset{border:0;margin-bottom:8px}
legend{font-family:'Frank Ruhl Libre',serif;font-size:1.14rem;color:var(--gold-lt);
  margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--line);width:100%}

/* ---------- קריאה לפעולה ---------- */
.ctabox{background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.14),transparent 62%),
  linear-gradient(160deg,var(--surface-2),#15120F);
  border:1px solid var(--line-2);border-radius:24px;padding:56px 44px;text-align:center;
  box-shadow:var(--shadow),var(--glow);position:relative;overflow:hidden}
.ctabox h2{font-size:clamp(1.8rem,3.6vw,2.5rem);margin-bottom:14px}
.ctabox p{color:var(--muted);font-weight:300;max-width:52ch;margin:0 auto 30px}
.ctabox p a{color:var(--gold)}
.ctabox .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}

/* ---------- פוטר ---------- */
footer{background:#0E0D0C;color:var(--muted);padding:58px 0 26px;font-size:.92rem;
  font-weight:300;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:36px}
footer h4{font-size:1.04rem;margin-bottom:14px;font-weight:500}
footer ul{list-style:none;display:grid;gap:9px}
footer a:hover{color:var(--gold)}
.foot-logo{display:flex;align-items:center;gap:10px;font-family:'Frank Ruhl Libre',serif;
  color:var(--gold-lt);font-size:1.14rem;margin-bottom:12px}
.foot-logo img{width:34px;height:34px;object-fit:contain}
.cert{display:inline-block;margin-top:14px;font-size:.78rem;color:var(--gold);
  border:1px solid var(--line-2);padding:5px 14px;border-radius:999px}
.foot-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;
  justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.83rem;color:var(--dim)}

/* ---------- וואטסאפ צף ---------- */
.fab{position:fixed;inset-inline-start:20px;bottom:20px;z-index:80;width:58px;height:58px;
  border-radius:50%;background:var(--wa);color:#06301A;display:grid;place-items:center;
  box-shadow:0 14px 34px -10px rgba(37,211,102,.7);transition:transform .2s}
.fab:hover{transform:scale(1.08)}
.fab svg{width:30px;height:30px}

/* ---------- חשיפה בגלילה ---------- */
.rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.rv.on{opacity:1;transform:none}

/* ---------- רספונסיביות ---------- */
@media (max-width:1000px){
  .cards,.cards-4{grid-template-columns:repeat(2,1fr)}
  .quotes{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:8px;text-align:center}
  .hero-media{order:-1}
  .hero-media video,.hero-media > img{max-width:min(420px,82vw)}
  .lead{margin-inline:auto}
  .hero-cta,.trust{justify-content:center}
  .split{grid-template-columns:1fr;gap:40px}
  .split-img{max-width:420px;margin-inline:auto}
  .reqs{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  nav{position:fixed;inset:74px 0 auto;background:var(--bg-2);display:none;
    padding:16px 22px 24px;border-bottom:1px solid var(--line);
    box-shadow:0 22px 40px -20px rgba(0,0,0,.9)}
  nav.open{display:block}
  nav ul{flex-direction:column;gap:2px}
  nav a{display:block;padding:12px 0;font-size:1.05rem;border-bottom:1px solid var(--line)}
  .menu-btn{display:block}
  .nav > .btn{display:none}
  .cards,.cards-2,.cards-4,.quotes,.fgrid{grid-template-columns:1fr}
  section{padding:58px 0}
  .ctabox,.form{padding:34px 20px}
  .promo{padding:26px 20px}
  .promo-in{flex-direction:column;align-items:center;text-align:center}
  .promo p{margin-inline:auto}
  .hero{padding:32px 0 64px}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .foot-bottom{flex-direction:column;gap:6px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}