/*
Theme Name: Home Energy 2026
Theme URI: https://homeenergy.co.il/
Author: Bidernet
Description: ערכת נושא ייעודית לאתר הום אנרג'י — עברית RTL מלאה, פונט אלמוני, ניווט פנימי ומחשבון ייצור סולארי.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: homeenergy2026
Tags: rtl-language-support, one-column, custom-colors
*/

/* Almoni ML v5 AAA — פונט המותג (משקל Regular יחיד, מוטמע בקובץ) */
@font-face{
  font-family:"Almoni";
  src:url("assets/almoni.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
/* ============================================================
   HOME ENERGY — "יום סולארי"
   לבן נקי · ירוק המותג #4F6F52 · שחור #1A211A
   הטיפוגרפיה לקוחה מהלוגו: משקל דק מול משקל כבד באותה כותרת.
   ============================================================ */

:root{
  direction: rtl;
  color-scheme: light;

  --bg:        #FFFFFF;
  --bg-2:      #F4F6F2;
  --bg-3:      #EAEEE7;
  --ink:       #1A211A;
  --ink-2:     #566057;
  --ink-3:     #8B948C;
  --line:      rgba(26,33,26,.13);
  --line-soft: rgba(26,33,26,.07);
  --green:     #4F6F52;
  --green-2:   #739072;
  --green-deep:#2E4431;
  --green-air: rgba(79,111,82,.08);
  --on-green:  #FFFFFF;
  --danger:    #A8341A;

  /* פונט אחד לכל האתר — Almoni. שאר המשתנים מצביעים עליו כדי לשמור על מבנה ה-CSS. */
  --sans:    "Almoni", system-ui, -apple-system, "Segoe UI", "Heebo", sans-serif;
  --serif:   var(--sans);
  --mono:    var(--sans);

  --t-xxl: clamp(3rem, 10.5vw, 8.6rem);
  --t-xl:  clamp(2.1rem, 5.6vw, 4.4rem);
  --t-lg:  clamp(1.6rem, 3.3vw, 2.6rem);
  --t-md:  clamp(1.1rem, 1.6vw, 1.34rem);
  --t-bd:  clamp(1rem, 1.1vw, 1.08rem);
  --t-xs:  .72rem;

  --rail: 72px;
  --pad:  clamp(1.15rem, 5vw, 5.5rem);
  --maxw: 1400px;
  --measure: 62ch;
}

*,*::before,*::after{ box-sizing:border-box; }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--sans); font-size:var(--t-bd); line-height:1.65; font-weight:400;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
  font-synthesis:none; -webkit-font-synthesis:none;
}
img,svg,canvas{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ margin:0; font-family:var(--sans); font-weight:400; line-height:1.05; letter-spacing:-.025em; text-wrap:balance; }
p{ margin:0; }
button,input,select{ font:inherit; color:inherit; }
:focus-visible{ outline:2px solid var(--green); outline-offset:3px; border-radius:2px; }
::selection{ background:var(--green); color:var(--on-green); }

.wrap{ max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad); }
.mono{ font-family:var(--mono); font-variant-numeric:tabular-nums lining-nums; letter-spacing:0; }
.eyebrow{
  font-family:var(--mono); font-size:.82rem; letter-spacing:.13em;
  color:var(--ink-3); display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;
}
.eyebrow::before{ content:""; width:26px; height:1px; background:var(--green); flex:none; }

/* ---------- scroll rail ---------- */
.rail{
  position:fixed; inset-block:0; inset-inline-end:0; width:var(--rail);
  border-inline-start:1px solid var(--line-soft); background:var(--bg);
  display:none; flex-direction:column; align-items:center; justify-content:space-between;
  padding-block:1.4rem; z-index:60; pointer-events:none;
}
.rail__mark{ font-family:var(--mono); font-size:.7rem; letter-spacing:.16em; color:var(--ink-3);
  writing-mode:vertical-rl; text-orientation:mixed; }
.rail__track{ flex:1; width:1px; background:var(--line); margin-block:1rem; position:relative; }
.rail__fill{ position:absolute; inset-inline:0; top:0; height:0%; background:var(--green); }
.rail__dot{ position:absolute; inset-inline-start:50%; top:0; width:9px; height:9px;
  margin-inline-start:-4px; margin-top:-4px; border-radius:50%; background:var(--green);
  box-shadow:0 0 0 5px var(--green-air); }
@media (min-width:1100px){ .rail{ display:flex; } body{ padding-inline-end:var(--rail); } }

/* ---------- header ---------- */
.hdr{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent; transition:border-color .3s ease;
}
.hdr.is-stuck{ border-bottom-color:var(--line-soft); }
.hdr__in{ display:flex; align-items:center; gap:clamp(.6rem,3vw,2.4rem); min-height:76px; }
.brand{ margin-inline-end:auto; flex:none; display:block; }
.brand img{ height:clamp(24px,4.4vw,32px); width:auto; }
.nav{ display:none; gap:clamp(.9rem,1.8vw,1.9rem); font-size:1rem; color:var(--ink-2); font-weight:400; }
.nav a{ position:relative; padding-block:.3rem; }
.nav a::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:2px; background:var(--green);
  transform:scaleX(0); transform-origin:right; transition:transform .35s cubic-bezier(.22,1,.36,1); }
.nav a:hover{ color:var(--ink); } .nav a:hover::after{ transform:scaleX(1); }
@media (min-width:940px){ .nav{ display:flex; } }
.tel{
  display:inline-flex; align-items:center; gap:.5rem; padding:.62rem 1.05rem; flex:none;
  border:1px solid var(--line); border-radius:999px; font-family:var(--mono); font-size:.95rem;
  font-variant-numeric:lining-nums;
  white-space:nowrap; transition:background .3s, border-color .3s, color .3s;
}
.tel:hover{ background:var(--green); border-color:var(--green); color:var(--on-green); }
.tel__dot{ width:6px; height:6px; border-radius:50%; background:var(--green-2); flex:none; }
@media (max-width:430px){ .tel{ padding:.5rem .7rem; font-size:.72rem; } }

/* ---------- navigation: dropdown + mobile drawer ---------- */
.navdrop{ position:relative; }
.navdrop__t{ display:inline-flex; align-items:center; gap:.35rem; }
.navdrop__menu{
  position:absolute; top:calc(100% + .55rem); inset-inline-start:50%; transform:translateX(50%) translateY(-6px);
  background:var(--bg); border:1px solid var(--line); min-width:290px; padding:.5rem;
  display:grid; gap:.1rem; opacity:0; visibility:hidden; z-index:40;
  box-shadow:0 30px 60px -34px rgba(26,33,26,.45);
  transition:opacity .28s ease, transform .28s cubic-bezier(.22,1,.36,1), visibility .28s;
}
.navdrop:hover .navdrop__menu, .navdrop:focus-within .navdrop__menu{
  opacity:1; visibility:visible; transform:translateX(50%) translateY(0);
}
.navdrop__menu a{ padding:.6rem .75rem; font-size:.93rem; color:var(--ink-2); border-radius:2px; }
.navdrop__menu a:hover{ background:var(--bg-2); color:var(--green); }
.navdrop__menu a::after{ display:none; }
.nav a.is-cur{ color:var(--green); }
.nav a.is-cur::after{ transform:scaleX(1); }

.burger{
  display:grid; place-items:center; width:40px; height:40px; flex:none; cursor:pointer;
  background:none; border:1px solid var(--line); border-radius:999px; color:var(--ink);
}
@media (min-width:940px){ .burger{ display:none; } }
.drawer{
  position:fixed; inset:0; z-index:70; background:var(--bg); padding:1.1rem var(--pad) 2rem;
  display:grid; align-content:start; gap:.2rem; overflow-y:auto;
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .3s ease, transform .35s cubic-bezier(.22,1,.36,1), visibility .3s;
}
.drawer.is-on{ opacity:1; visibility:visible; transform:none; }
.drawer__top{ display:flex; align-items:center; justify-content:space-between; gap:1rem;
  width:100%; min-height:56px; margin-bottom:1rem; }
.drawer__top img{ height:26px; width:auto; }
.drawer__brand{ display:block; flex:none; }
.ftr__logo{ display:inline-block; }
.drawer a.dl{ padding:.85rem 0; border-bottom:1px solid var(--line-soft); font-size:1.12rem; }
.drawer a.dl.sub{ padding-inline-start:1rem; font-size:.98rem; color:var(--ink-2); }
.drawer .k{ margin-top:1.4rem; }
.drawer__foot{ margin-top:1.6rem; display:grid; gap:.8rem; }

/* ---------- routed pages ---------- */
.page[hidden]{ display:none; }
.phero + .sec{ padding-top:clamp(2.2rem,4.5vw,3.6rem); }
.phero + .sec .prose:first-child{ margin-top:0; }
.phero{ padding-block:clamp(1.8rem,4vw,3.4rem) clamp(1.6rem,3vw,2.4rem); border-bottom:1px solid var(--line-soft);
  position:relative; overflow:hidden; }
.phero__in{ display:grid; gap:clamp(1.2rem,3vw,2.4rem); }
@media (min-width:960px){ .phero__in{ grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:end; } }
.phero h1{ font-size:clamp(2.3rem,6vw,4.6rem); font-weight:400; letter-spacing:-.04em; line-height:1.02; }
.phero h1 .g{ color:var(--green); }
.phero__lede{ color:var(--ink-2); font-size:var(--t-md); max-width:52ch; margin-top:1.1rem; }
.phero__grid{ display:grid; gap:clamp(1.8rem,4vw,3.2rem); align-items:center; }
@media (min-width:960px){ .phero__grid{ grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); } }
.phero__copy{ min-width:0; }

/* the page orb — the home circle, quieter */
.pherb{ position:relative; width:100%; max-width:min(64vw,360px); aspect-ratio:1; margin-inline:auto; }
@media (min-width:960px){ .pherb{ max-width:360px; } }
.pherb::before{
  content:""; position:absolute; inset:-15%; border-radius:50%; pointer-events:none;
  background-image:radial-gradient(rgba(79,111,82,.55) 1.35px, transparent 1.7px);
  background-size:11px 11px;
  -webkit-mask-image:radial-gradient(closest-side, transparent 66%, #000 69%, #000 90%, transparent 97%);
  mask-image:radial-gradient(closest-side, transparent 66%, #000 69%, #000 90%, transparent 97%);
  animation:spin 90s linear infinite;
}
@keyframes spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ .pherb::before{ animation:none; } }
.pherb__in{
  position:absolute; inset:0; border-radius:50%; overflow:hidden;
  background:linear-gradient(160deg, var(--bg-2) 0%, var(--bg-3) 100%);
  display:grid; place-items:center;
  box-shadow:0 26px 60px -34px rgba(26,33,26,.4);
}
.pherb__in::after{
  content:""; position:absolute; inset:0; border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6), inset 0 0 0 7px rgba(79,111,82,.09);
}
.pherb__in img{ width:100%; height:100%; object-fit:cover; }
.pherb__g{ width:48%; height:48%; color:var(--green); opacity:.72; }
.pherb__g > *{ stroke-dasharray:220; stroke-dashoffset:0; }
.page.entered .pherb__g > *{ animation:draw2 1.25s cubic-bezier(.22,1,.36,1) both; }
@keyframes draw2{ from{ stroke-dashoffset:220; } to{ stroke-dashoffset:0; } }
@media (prefers-reduced-motion: reduce){ .page.entered .pherb__g > *{ animation:none; } }
.pherb__tag{
  position:absolute; bottom:5%; inset-inline-start:-5%; z-index:3;
  background:var(--bg); border:1px solid var(--line); border-radius:999px;
  padding:.45rem .9rem; font-size:.8rem; color:var(--ink-2); white-space:nowrap;
  display:flex; align-items:center; gap:.45rem;
  box-shadow:0 12px 28px -18px rgba(26,33,26,.5);
}
.pherb__tag i{ width:6px; height:6px; border-radius:50%; background:var(--green); flex:none; }
.crumb{ display:flex; align-items:center; gap:.5rem; font-family:var(--mono); font-size:.74rem;
  letter-spacing:.1em; color:var(--ink-3); margin-bottom:1.1rem; }
.crumb a:hover{ color:var(--green); }

.prose{ display:grid; gap:1.15rem; color:var(--ink-2); max-width:70ch; }
.prose h3{ font-size:1.5rem; font-weight:400; letter-spacing:-.03em; color:var(--ink); margin-top:1.2rem; }
.prose h4{ font-size:1.12rem; font-weight:400; color:var(--ink); margin-top:.8rem; }
.prose ul{ margin:0; padding:0; list-style:none; display:grid; gap:.6rem; }
.prose ul li{ display:flex; gap:.65rem; align-items:flex-start; }
.prose ul li::before{ content:""; width:5px; height:5px; margin-top:.62em; border-radius:50%;
  background:var(--green); flex:none; }
.prose ol{ margin:0; padding-inline-start:1.2rem; display:grid; gap:.6rem; }
.prose a{ color:var(--green); text-decoration:underline; text-underline-offset:3px; }
.fill{ background:var(--green-air); border:1px dashed rgba(79,111,82,.45); padding:.15rem .5rem;
  border-radius:3px; color:var(--green-deep); font-size:.94em; }
.callout{ display:block; background:var(--bg-2); border-inline-start:3px solid var(--green);
  padding:.95rem 1.1rem; color:var(--ink); font-size:.96em; }

.cols2{ display:grid; gap:clamp(1.4rem,3vw,2.6rem); }
@media (min-width:900px){ .cols2{ grid-template-columns:1fr 1fr; } }
.cols2 > *{ min-width:0; }

.tiles{ display:grid; gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); }
@media (min-width:760px){ .tiles{ grid-template-columns:repeat(3,1fr); } }
.tile{ background:var(--bg); padding:clamp(1.3rem,2.4vw,1.9rem); display:grid; gap:.6rem; align-content:start; }
.sec--tint .tile{ background:var(--bg-2); }
.tile__g{ width:30px; height:30px; color:var(--green); }
.tile__t{ font-size:1.22rem; letter-spacing:-.025em; }
.tile__d{ color:var(--ink-2); font-size:.94rem; }

.faq{ border-top:1px solid var(--line); max-width:76ch; }
.faq details{ border-bottom:1px solid var(--line); }
.faq summary{ list-style:none; cursor:pointer; padding-block:1.1rem; display:flex; align-items:flex-start;
  justify-content:space-between; gap:1rem; font-size:1.06rem; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; color:var(--green); font-size:1.3rem; line-height:1; flex:none; }
.faq details[open] summary::after{ content:"–"; }
.faq p{ color:var(--ink-2); padding-bottom:1.15rem; max-width:66ch; }

.cta{ background:var(--ink); color:#F2F4F1; }
.cta__in{ padding-block:clamp(2.6rem,5vw,4.2rem); display:grid; gap:1.4rem; align-items:center; }
@media (min-width:900px){ .cta__in{ grid-template-columns:1.3fr .7fr; } }
.cta__t{ font-size:clamp(1.7rem,3.6vw,2.6rem); font-weight:400; letter-spacing:-.035em; line-height:1.1; }
.cta__t .g{ color:var(--green-2); }
.cta__acts{ display:flex; flex-wrap:wrap; gap:.75rem; }

/* ---------- hero ---------- */
.hero{ position:relative; padding-block:clamp(.75rem,1.8vw,1.5rem) clamp(1.6rem,3.2vw,2.6rem); overflow:hidden; }
.hero__in{ position:relative; z-index:2; }
.hero__grid{ display:grid; gap:clamp(2rem,4vw,3.5rem); align-items:center; }
@media (min-width:1000px){ .hero__grid{ align-items:start; } .hero__copy{ padding-top:clamp(0rem,.9vw,.7rem); } }
@media (min-width:1000px){ .hero__grid{ grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); } }
.hero__copy{ min-width:0; }

/* the orb: the logo's dotted O, grown to hold a photograph */
.orb{ position:relative; width:100%; max-width:min(70vw,520px); aspect-ratio:1; margin-inline:auto; }
@media (min-width:1000px){ .orb{ max-width:520px; } }
.orb canvas{ position:absolute; inset:-19%; width:138%; height:138%; }
.orb__img{
  position:absolute; inset:0; border-radius:50%; overflow:hidden;
  box-shadow:0 30px 70px -34px rgba(26,33,26,.45);
  transform:translateZ(0);
}
.orb__img::after{
  content:""; position:absolute; inset:0; border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), inset 0 0 0 7px rgba(79,111,82,.10);
}
.orb__img img, .orb__img video{ width:100%; height:100%; object-fit:cover; object-position:50% 46%;
  display:block; background:var(--bg-3); }

/* בשנייה שבין טעינת הדף לתחילת הניגון, ספארי בנייד מצייר כפתור נגינה
   משלו מעל הפוסטר. הווידאו כאן דקורטיבי ואין לו פקדים, ולכן מסתירים את
   פקדי המדיה של WebKit לגמרי — מה שנשאר זה הפוסטר, ואז הווידאו מתחיל. */
.orb__img video::-webkit-media-controls,
.orb__img video::-webkit-media-controls-enclosure,
.orb__img video::-webkit-media-controls-panel,
.orb__img video::-webkit-media-controls-play-button,
.orb__img video::-webkit-media-controls-overlay-play-button,
.orb__img video::-webkit-media-controls-start-playback-button{
  display:none !important;
  -webkit-appearance:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.orb__img video{ pointer-events:none; }
.orb__cap{
  position:absolute; bottom:4%; inset-inline-start:-6%; z-index:3;
  background:var(--bg); border:1px solid var(--line); border-radius:999px;
  padding:.55rem 1rem; font-family:var(--mono); font-size:.8rem; color:var(--ink-2);
  display:flex; align-items:center; gap:.45rem; white-space:nowrap;
  box-shadow:0 12px 30px -18px rgba(26,33,26,.5);
}
.orb__cap i{ width:6px; height:6px; border-radius:50%; background:var(--green); flex:none; }

.h1{ font-size:var(--t-xxl); line-height:.86; letter-spacing:-.035em; margin-block:clamp(.75rem,1.7vw,1.2rem) 0; }
.h1 .ln{ display:block; overflow:hidden; padding-bottom:.16em; margin-bottom:-.16em; }
.h1 .ln > span{ display:block; }
.h1 .thin{ color:var(--ink); }
.h1 .bold{ color:var(--green); }

.hero__lede{ max-width:42ch; color:var(--ink-2); font-size:var(--t-md); line-height:1.55;
  margin-top:clamp(.7rem,1.4vw,1.05rem); font-weight:400; }
.hero__acts{ display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.35rem; }
.btn{
  display:inline-flex; align-items:center; gap:.6rem; padding:.92rem 1.6rem; border-radius:999px;
  border:1px solid var(--green); background:var(--green); color:var(--on-green);
  font-weight:400; font-size:1.02rem; letter-spacing:-.01em; cursor:pointer;
  transition:transform .3s cubic-bezier(.22,1,.36,1), background .3s, box-shadow .3s;
  box-shadow:0 10px 26px -14px rgba(46,68,49,.55);
}
.btn:hover{ transform:translateY(-2px); background:var(--green-deep); border-color:var(--green-deep); }
.btn--ghost{ background:transparent; color:var(--ink); border-color:var(--line); box-shadow:none; }
.btn--ghost:hover{ background:transparent; border-color:var(--ink); color:var(--ink); }
.btn--onink{ background:var(--bg); border-color:var(--bg); color:var(--ink); }
.cta .btn--ghost{ color:#F2F4F1; border-color:rgba(242,244,241,.34); }
.cta .btn--ghost:hover{ color:#F2F4F1; border-color:#F2F4F1; background:transparent; }
.btn--onink:hover{ background:var(--green); border-color:var(--green); color:var(--on-green); }

/* live solar instrument — the day the sun is actually having over Herzliya */
.instr{
  margin-top:clamp(1.8rem,4vw,2.8rem); border:1px solid var(--line);
  background:rgba(255,255,255,.72); overflow:hidden;
}
.instr__bar{
  display:flex; flex-wrap:wrap; align-items:center; gap:.7rem clamp(1rem,2.6vw,2.4rem);
  padding:.95rem clamp(1rem,2vw,1.5rem); border-bottom:1px solid var(--line-soft);
}
.instr__ttl{ font-family:var(--mono); font-size:.74rem; letter-spacing:.13em; color:var(--ink-3);
  margin-inline-end:auto; }
.stat{ display:flex; align-items:baseline; gap:.45rem; white-space:nowrap; }
.stat span{ font-size:.78rem; color:var(--ink-3); letter-spacing:.06em; }
.stat b{ font-weight:400; font-size:1.05rem; font-variant-numeric:tabular-nums lining-nums;
  letter-spacing:-.01em; }
.state{ display:inline-flex; align-items:center; gap:.5rem; font-size:.88rem; color:var(--ink-2);
  white-space:nowrap; }
.state i{ width:7px; height:7px; border-radius:50%; background:var(--ink-3); display:block; flex:none; }
.state.is-on i{ background:var(--green); box-shadow:0 0 0 4px var(--green-air); }
.state.is-on i{ animation:pulse 2.6s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{ box-shadow:0 0 0 4px var(--green-air); } 50%{ box-shadow:0 0 0 8px rgba(79,111,82,.05); } }

.daystrip{ position:relative; height:clamp(160px,16.5vw,204px); }
.daystrip svg{ position:absolute; inset:0; width:100%; height:100%; }
.dsl{
  position:absolute; font-family:var(--mono); font-size:.72rem; letter-spacing:.08em;
  color:var(--ink-3); white-space:nowrap; pointer-events:none;
  font-variant-numeric:lining-nums;
}
.dsl b{ color:var(--ink); font-weight:400; }
.dsnow{
  position:absolute; transform:translateX(50%); pointer-events:none;
  background:var(--bg); border:1px solid rgba(79,111,82,.35); border-radius:999px;
  padding:.24rem .6rem; font-family:var(--mono); font-size:.74rem; color:var(--green-deep);
  white-space:nowrap; font-variant-numeric:lining-nums;
  box-shadow:0 8px 20px -12px rgba(26,33,26,.4);
}
@media (max-width:560px){ .dsnow{ font-size:.68rem; padding:.2rem .5rem; } .dsl{ font-size:.66rem; } }

/* ---------- sections ---------- */
.sec{ padding-block:clamp(4.2rem,9vw,8.5rem); position:relative; }
section[id]{ scroll-margin-top:90px; }
.sec--rule{ border-top:1px solid var(--line-soft); }
.sec--tint{ background:var(--bg-2); }
.sec__head{ display:grid; gap:1rem; margin-bottom:clamp(2.2rem,5vw,3.6rem); }
@media (min-width:980px){ .sec__head{ grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:end; gap:3rem; } }
.sec__title{ font-size:var(--t-xl); font-weight:400; letter-spacing:-.03em; line-height:1.1; }
.sec__title .thin{ color:var(--ink); }
.sec__title .g{ color:var(--green); }
.sec__sub{ color:var(--ink-2); max-width:var(--measure); }

/* ---------- manifesto ---------- */
.mani{ display:grid; gap:clamp(1.6rem,4vw,3.2rem); }
.mani > *{ min-width:0; }
@media (min-width:980px){ .mani{ grid-template-columns:1.05fr .95fr; align-items:start; } }
.mani__quote{
  font-family:var(--sans); font-size:var(--t-lg); font-weight:400; line-height:1.24;
  letter-spacing:-.025em; text-wrap:balance;
  border-inline-start:0; padding-inline-end:1.15rem;
  border-inline-end:2px solid var(--green);
}
.mani__quote em{ font-style:normal; color:var(--green); }
.mani__body{ color:var(--ink-2); max-width:var(--measure); display:grid; gap:1.1rem; }
.chain{ display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.5rem; }
.chain span{ font-family:var(--mono); font-size:.85rem; padding:.32rem .78rem;
  border:1px solid var(--line); border-radius:999px; color:var(--ink-2); }

/* ---------- expertise index ---------- */
.idx{ border-top:1px solid var(--line); }
.idx__row{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:clamp(.9rem,2.5vw,2rem);
  padding-block:clamp(1.3rem,3vw,2.1rem); border-bottom:1px solid var(--line);
  position:relative; transition:padding-inline-start .45s cubic-bezier(.22,1,.36,1);
}
.idx__row:hover{ padding-inline-start:clamp(.4rem,1.6vw,1.4rem); }
.idx__glyph{ width:44px; height:44px; color:var(--ink-3); flex:none;
  transition:color .35s, transform .5s cubic-bezier(.22,1,.36,1); }
.idx__row:hover .idx__glyph{ color:var(--green); transform:rotate(-6deg) scale(1.06); }
.idx__t{ display:block; font-size:clamp(1.24rem,3vw,2rem); font-weight:400; letter-spacing:-.028em; line-height:1.15; }
.idx__d{ display:block; color:var(--ink-2); font-size:.95rem; margin-top:.32rem; max-width:52ch; }
.idx__go{ width:34px; height:34px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center;
  color:var(--ink-3); flex:none; transition:background .35s, color .35s, border-color .35s, transform .45s cubic-bezier(.22,1,.36,1); }
.idx__row:hover .idx__go{ background:var(--green); border-color:var(--green); color:var(--on-green); transform:translateX(4px); }

/* ---------- calculator ---------- */
.calc__grid{ display:grid; gap:clamp(2rem,4vw,3.4rem); }
.calc__grid > *{ min-width:0; }
@media (min-width:1020px){ .calc__grid{ grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:start; } }
.slider__top{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.slider__val{ font-family:var(--mono); font-size:clamp(2.6rem,6.2vw,3.8rem); letter-spacing:-.03em; line-height:1;
  font-variant-numeric:tabular-nums lining-nums; }
.slider__val b{ font-weight:400; }
.slider__val span{ font-family:var(--sans); font-size:.28em; color:var(--ink-2); margin-inline-start:.4rem; letter-spacing:0; }
input[type=range]{ -webkit-appearance:none; appearance:none; width:100%; height:34px; background:transparent; margin-top:.7rem; cursor:grab; }
input[type=range]:active{ cursor:grabbing; }
input[type=range]::-webkit-slider-runnable-track{ height:2px; background:var(--line); }
input[type=range]::-moz-range-track{ height:2px; background:var(--line); }
input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:22px; height:22px; border-radius:50%;
  background:var(--green); margin-top:-10px; box-shadow:0 0 0 6px var(--green-air); border:0; }
input[type=range]::-moz-range-thumb{ width:22px; height:22px; border-radius:50%; background:var(--green); border:0;
  box-shadow:0 0 0 6px var(--green-air); }
.ticks{ display:flex; justify-content:space-between; font-family:var(--mono); font-size:.78rem; color:var(--ink-3);
  font-variant-numeric:lining-nums; }

.out{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); }
@media (min-width:640px){ .out{ grid-template-columns:repeat(4,1fr); } }
.out__c{ background:var(--bg); padding:1.15rem 1.1rem; }
.sec--tint .out__c{ background:var(--bg-2); }
.out__v{ font-family:var(--mono); font-size:clamp(1.4rem,3vw,1.95rem); font-weight:400; margin-top:.35rem;
  font-variant-numeric:tabular-nums lining-nums; letter-spacing:-.02em; }
.out__v.is-g{ color:var(--green); }
.out__u{ font-family:var(--sans); font-size:.58em; color:var(--ink-2); margin-inline-start:.42rem; }

.chartwrap{ margin-top:1.9rem; border:1px solid var(--line-soft); padding:1.3rem 1.1rem 1rem; background:var(--bg); }
.sec--tint .chartwrap{ background:rgba(255,255,255,.6); }
.chart__cap{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.chart__cap b{ font-weight:400; font-size:.95rem; letter-spacing:-.01em; }
.chart__cap span{ font-family:var(--mono); font-size:.8rem; color:var(--ink-3); font-variant-numeric:lining-nums; }
.bars{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(3px,.7vw,9px); align-items:end; height:132px;
  border-bottom:1px solid var(--line); }
.bar{ position:relative; height:100%; display:flex; align-items:flex-end; }
.bar i{ display:block; width:100%; background:var(--green-2); transition:height .6s cubic-bezier(.22,1,.36,1), background .25s; }
.bar:hover i{ background:var(--green-deep); }
.bar__tip{ position:absolute; bottom:calc(100% + 6px); inset-inline-start:50%; transform:translateX(50%);
  background:var(--ink); color:#fff; padding:.28rem .55rem; font-family:var(--mono); font-size:.78rem;
  white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .2s; }
.bar:hover .bar__tip, .bar:focus-visible .bar__tip{ opacity:1; }
@media (hover:none), (max-width:720px){ .bar__tip{ display:none; } }
.bar:first-child .bar__tip{ inset-inline-start:0; transform:none; }
.bar:last-child .bar__tip{ inset-inline-start:auto; inset-inline-end:0; transform:none; }
.months{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(3px,.7vw,9px); margin-top:.5rem;
  font-family:var(--mono); font-size:.72rem; color:var(--ink-3); text-align:center; }
.note{ font-size:.78rem; color:var(--ink-3); margin-top:1rem; line-height:1.6; max-width:62ch; }

/* ---------- process ---------- */
.steps{ display:grid; gap:1px; background:var(--line-soft); border-block:1px solid var(--line-soft); }
@media (min-width:840px){ .steps{ grid-template-columns:repeat(4,1fr); } }
.step{ background:var(--bg); padding:clamp(1.5rem,3vw,2.2rem) clamp(1.2rem,2.2vw,1.7rem); }
.step__n{ font-family:var(--mono); font-size:.82rem; color:var(--green); letter-spacing:.16em;
  font-variant-numeric:lining-nums; }
.step__t{ font-size:1.4rem; font-weight:400; margin-top:.9rem; letter-spacing:-.025em; }
.step__d{ color:var(--ink-2); font-size:.93rem; margin-top:.5rem; }

/* ---------- the black band: three claims you can open ---------- */
.band{ background:var(--ink); color:#F2F4F1; }
.band .k{ color:rgba(242,244,241,.46); }
.band__in{ padding-block:clamp(3rem,6vw,5rem); }
.band__head{ display:grid; gap:.9rem; margin-bottom:clamp(1.8rem,4vw,3rem); }
@media (min-width:960px){ .band__head{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:end; gap:3rem; } }
.band__t{ font-size:var(--t-xl); font-weight:400; letter-spacing:-.03em; line-height:1.08; color:#F5F7F3; }
.band__t .g{ color:var(--green-2); }
.band__s{ color:rgba(242,244,241,.58); max-width:52ch; }

.panels{ display:grid; gap:1px; background:rgba(242,244,241,.12);
  border:1px solid rgba(242,244,241,.12); }
@media (min-width:960px){ .panels{ display:flex; min-height:340px; } }

.panel{
  position:relative; background:var(--ink); text-align:start; color:inherit;
  border:0; cursor:pointer; overflow:hidden; font:inherit;
  padding:clamp(1.4rem,2.6vw,2.1rem) clamp(1.3rem,2.2vw,1.9rem);
  display:flex; flex-direction:column; gap:1rem;
  transition:flex-grow .7s cubic-bezier(.22,1,.36,1), background .5s ease;
}
@media (min-width:960px){ .panel{ flex:1 1 0; min-width:0; } .panel.is-on{ flex-grow:2.2; } }
.panel::before{        /* the logo's dot field, lit only on the open panel */
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
  background-image:radial-gradient(rgba(127,203,147,.5) 1px, transparent 1.4px);
  background-size:13px 13px;
  -webkit-mask-image:radial-gradient(85% 58% at 50% 46%, #000 0%, transparent 72%);
  mask-image:radial-gradient(85% 58% at 50% 46%, #000 0%, transparent 72%);
  transition:opacity .8s ease;
}
.panel.is-on::before{ opacity:.34; }
.panel:hover{ background:#20291F; }
.panel__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; position:relative; z-index:1; }
.panel__glyph{ width:34px; height:34px; color:var(--green-2); flex:none; opacity:.55; transition:opacity .5s ease; }
.panel.is-on .panel__glyph{ opacity:1; }
.panel__glyph path, .panel__glyph circle, .panel__glyph rect, .panel__glyph line{
  stroke-dasharray:120; stroke-dashoffset:0;
}
.panel.is-on .panel__glyph path, .panel.is-on .panel__glyph circle,
.panel.is-on .panel__glyph rect, .panel.is-on .panel__glyph line{
  animation:draw 1.1s cubic-bezier(.22,1,.36,1) both;
}
@keyframes draw{ from{ stroke-dashoffset:120; } to{ stroke-dashoffset:0; } }

.panel__t{ position:relative; z-index:1; font-size:clamp(1.9rem,4vw,2.8rem); font-weight:400;
  letter-spacing:-.035em; line-height:1; color:#F5F7F3; margin-top:auto; }
@media (min-width:960px){ .panel.is-on .panel__t{ color:var(--green-2); } }
.panel__reveal{ position:relative; z-index:1; display:grid; grid-template-rows:0fr;
  transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1); }
.panel.is-on .panel__reveal{ grid-template-rows:1fr; }
.panel__inner{ overflow:hidden; }
.panel__d{ color:rgba(242,244,241,.66); font-size:.97rem; max-width:38ch; padding-top:.85rem; }
.panel__list{ list-style:none; margin:1.1rem 0 0; padding:0; display:grid; gap:.55rem; }
.panel__list li{ display:flex; gap:.6rem; align-items:flex-start;
  color:rgba(242,244,241,.86); font-size:.92rem; }
.panel__list li::before{ content:""; width:5px; height:5px; margin-top:.62em; border-radius:50%;
  background:var(--green-2); flex:none; }
.panel__t{ display:flex; align-items:center; gap:.75rem; }
.panel__more{
  width:26px; height:26px; border-radius:50%; border:1px solid rgba(242,244,241,.28);
  display:grid; place-items:center; flex:none; color:rgba(242,244,241,.7);
  transition:opacity .45s ease, transform .5s cubic-bezier(.22,1,.36,1);
}
.panel.is-on .panel__more{ opacity:0; transform:scale(.7); }
@media (max-width:959px){
  .panel{ cursor:default; }
  .panel__reveal{ grid-template-rows:1fr; }
  .panel__t{ margin-top:0; }
  .panel__more{ display:none; }
  .panel::before{ opacity:.2; }
}

/* ---------- contact card ---------- */
.ccard{
  display:grid; background:var(--bg); border:1px solid var(--line-soft);
  box-shadow:0 46px 100px -60px rgba(26,33,26,.55); overflow:hidden;
}
.ccard > *{ min-width:0; }
@media (min-width:1000px){ .ccard{ grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); } }
.ccard__form{ padding:clamp(1.5rem,3.2vw,2.9rem); display:grid; align-content:center; }
.ccard__side{
  background:var(--green-deep); color:#EDF2ED; position:relative; overflow:hidden;
  padding:clamp(1.5rem,3.2vw,2.9rem); display:grid; gap:1.4rem; align-content:space-between;
}
.ccard__side .k{ color:rgba(237,242,237,.55); }
.ccard__side::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(rgba(127,203,147,.42) 1px, transparent 1.4px);
  background-size:14px 14px; opacity:.3;
  -webkit-mask-image:radial-gradient(90% 60% at 15% 100%, #000 0%, transparent 70%);
  mask-image:radial-gradient(90% 60% at 15% 100%, #000 0%, transparent 70%);
}
.ccard__side > *{ position:relative; z-index:1; }
.cinfo__v{ margin-top:.32rem; font-size:1.05rem; }
.bigtel{ font-size:clamp(1.7rem,3.4vw,2.3rem); letter-spacing:-.02em; display:inline-block;
  font-variant-numeric:lining-nums; transition:color .3s; }
.bigtel:hover{ color:var(--green-2); }
.hours{ display:grid; gap:.1rem; font-size:.95rem; color:rgba(237,242,237,.72); margin-top:.55rem; }
.hours div{ display:flex; justify-content:space-between; gap:1rem;
  border-bottom:1px solid rgba(237,242,237,.14); padding-block:.4rem; }
.hours div:last-child{ border-bottom:0; }
.hours .mono{ color:#EDF2ED; }

/* the roof-survey graphic: what actually happens after you send the form */
.scan{ width:100%; height:auto; display:block; }
.scanwrap{ border:1px solid rgba(237,242,237,.18); padding:.9rem .9rem .7rem; max-width:320px; }
.scanwrap figcaption{ font-family:var(--mono); font-size:.74rem; letter-spacing:.13em;
  color:rgba(237,242,237,.55); margin-top:.65rem; }
.scan .roof{ fill:none; stroke:rgba(237,242,237,.5); stroke-width:1.2; }
.scan .pv{ fill:var(--green-2); opacity:0; animation:pvin 6s linear infinite;
  animation-delay:calc(var(--i) * .22s); }
.scan .beam{ animation:sweep 6s linear infinite; }
@keyframes pvin{ 0%{opacity:0} 5%{opacity:.9} 82%{opacity:.9} 92%{opacity:0} 100%{opacity:0} }
@keyframes sweep{ 0%{opacity:.9; transform:translateX(0)} 32%{opacity:.9; transform:translateX(-206px)}
  36%{opacity:0; transform:translateX(-206px)} 100%{opacity:0; transform:translateX(-206px)} }
@media (prefers-reduced-motion: reduce){
  .scan .pv{ animation:none; opacity:.9; }
  .scan .beam{ display:none; }
}

/* ---------- form ---------- */
.form{ display:grid; gap:1.05rem; }
.form__row{ display:grid; gap:1.05rem; }
@media (min-width:560px){ .form__row{ grid-template-columns:1fr 1fr; } }
.field{ display:grid; gap:.35rem; min-width:0; }
.field label{ font-family:var(--mono); font-size:.74rem; letter-spacing:.13em; color:var(--ink-3); font-weight:400; }
.field input, .field select{
  background:var(--bg-2); border:1px solid var(--line-soft); border-radius:3px;
  padding:.82rem .9rem; font-size:1.02rem; width:100%;
  transition:border-color .25s, background .25s, box-shadow .25s;
}
.field input::placeholder{ color:var(--ink-3); }
.field input:focus, .field select:focus{
  outline:none; border-color:var(--green); background:var(--bg);
  box-shadow:0 0 0 3px var(--green-air);
}
.field .err{ font-size:.78rem; color:var(--danger); min-height:1.05em; }
.form__note{ font-size:.82rem; color:var(--ink-3); }
.form__ok{ border:1px solid var(--green); background:var(--green-air); padding:1rem 1.15rem;
  font-size:.95rem; display:none; border-radius:3px; }
.form__ok.is-on{ display:block; }
.carry{
  display:inline-flex; align-items:center; gap:.6rem; flex-wrap:wrap;
  background:var(--green-air); border:1px solid rgba(79,111,82,.28); border-radius:999px;
  padding:.5rem .95rem; font-size:.86rem; color:var(--green-deep); margin-bottom:1.4rem;
}
.carry b{ font-weight:400; font-variant-numeric:tabular-nums lining-nums; }
.carry i{ width:6px; height:6px; border-radius:50%; background:var(--green); flex:none; }

/* ---------- footer ---------- */
.ftr{ border-top:1px solid var(--line); background:var(--bg); }
.ftr__main{ padding-block:clamp(2.6rem,5vw,4.2rem); display:grid; gap:clamp(2rem,4vw,3rem); }
@media (min-width:820px){ .ftr__main{ grid-template-columns:1.5fr 1fr 1fr 1.15fr; gap:clamp(1.6rem,3vw,3rem); } }
.ftr__main > *{ min-width:0; }
.ftr__brand img{ height:30px; width:auto; }
.ftr__blurb{ color:var(--ink-2); font-size:.92rem; margin-top:1rem; max-width:34ch; }
.ftr__tel{
  display:inline-flex; align-items:center; gap:.5rem; margin-top:1.2rem;
  border:1px solid var(--line); border-radius:999px; padding:.6rem 1.05rem;
  font-size:.98rem; font-variant-numeric:lining-nums;
  transition:background .3s, border-color .3s, color .3s;
}
.ftr__tel:hover{ background:var(--green); border-color:var(--green); color:var(--on-green); }
.ftr__tel i{ width:6px; height:6px; border-radius:50%; background:var(--green-2); flex:none; }
.ftr__mail{
  display:block; margin-top:.7rem; font-size:.92rem; color:var(--ink-2);
  word-break:break-all; transition:color .3s;
}

/* =============================================================================
 * מגע — שטחי לחיצה
 *
 * רוב הגלישה באתר היא מהטלפון. קישור בגובה 18px אפשר ללחוץ עליו
 * בעכבר, לא באצבע. הבלוק הזה מחיל רק במסכי מגע, כך שהמראה
 * במחשב לא משתנה.
 * ========================================================================== */

@media (pointer:coarse), (max-width:640px){
  .brand, .drawer__brand, .ftr__logo{ display:inline-flex; align-items:center; min-height:44px; }
  .tel{ min-height:44px; }
  .nav a, .dl{ min-height:44px; display:inline-flex; align-items:center; }
  .ftr__list a{ display:inline-block; padding-block:.62rem; }
  .ftr__list{ gap:.35rem; }
  .ftr__mail, .cinfo__mail{ padding-block:.5rem; }
  .ftr__legal a, .crumb a{ display:inline-block; padding-block:.62rem; }
  .cc-reopen{ min-height:44px; padding-block:.6rem; }
  input[type=range]{ height:44px; }
  input[type=range]::-webkit-slider-thumb{ width:26px; height:26px; margin-top:-12px; }
  input[type=range]::-moz-range-thumb{ width:26px; height:26px; }
  .btn, .cc__ok, .cc__no{ min-height:48px; }
}
.ftr__mail:hover{ color:var(--green-2); }
.cinfo__mail{ display:inline-block; word-break:break-all; font-size:.98rem; }
.cinfo__mail:hover{ color:var(--green-2); }
.ftr__h{ font-family:var(--mono); font-size:.74rem; letter-spacing:.13em; color:var(--ink-3);
  margin-bottom:1rem; }
.ftr__list{ list-style:none; margin:0; padding:0; display:grid; gap:.62rem; font-size:.95rem; }
.ftr__list a{ color:var(--ink-2); position:relative; }
.ftr__list a:hover{ color:var(--green); }
.ftr__contact{ display:grid; gap:.85rem; font-size:.95rem; color:var(--ink-2); }
.ftr__contact b{ font-weight:400; color:var(--ink); }
.ftr__hours{ display:grid; gap:.18rem; font-size:.9rem; }
.ftr__hours div{ display:flex; justify-content:space-between; gap:1rem; max-width:17rem;
  border-bottom:1px solid var(--line-soft); padding-block:.28rem; }
.ftr__hours div:last-child{ border-bottom:0; }

.ftr__legal{ border-top:1px solid var(--line-soft); background:var(--bg-2); }
.ftr__legalin{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:.8rem 1.6rem; padding-block:1.15rem 1.35rem; font-size:.85rem; color:var(--ink-3);
}
.ftr__legalin nav{ display:flex; flex-wrap:wrap; align-items:center; gap:.55rem 1.15rem; }
.ftr__legalin a{ display:inline-flex; align-items:center; gap:.4rem; }
.ftr__legalin a:hover{ color:var(--green); text-decoration:underline; text-underline-offset:3px; }
.ftr__legalin svg{ flex:none; }
.ftr__note{
  display:none; width:100%; margin-top:.4rem; padding:.7rem .95rem; border-radius:3px;
  background:var(--green-air); border:1px solid rgba(79,111,82,.28); color:var(--green-deep);
  font-size:.85rem;
}
.ftr__note.is-on{ display:block; }

/* ---------- WhatsApp ---------- */
.wa{
  position:fixed; bottom:1.15rem; inset-inline-end:1.15rem; z-index:65;
  width:56px; height:56px; border-radius:50%; display:grid; place-items:center;
  background:#25D366; color:#fff; border:0; cursor:pointer;
  box-shadow:0 16px 34px -14px rgba(26,33,26,.55);
  transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
}
.wa:hover{ transform:translateY(-3px); box-shadow:0 22px 44px -16px rgba(26,33,26,.6); }
.wa[hidden]{ display:none; }
@media (min-width:1100px){ .wa{ inset-inline-end:calc(var(--rail) + 1.15rem); } }
.btn--wa{ background:#25D366; border-color:#25D366; color:#0b2b16; box-shadow:none; }
.btn--wa:hover{ background:#1FB457; border-color:#1FB457; color:#0b2b16; }
.btn--wa[hidden]{ display:none; }

/* ---------- reveal ---------- */
.js .rv{ opacity:0; transform:translateY(20px); }
.js .rv.in{ opacity:1; transform:none;
  transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); }
@media (prefers-reduced-motion: reduce){
  .js .rv{ opacity:1 !important; transform:none !important; }
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* ---------- הסכמה לעוגיות ---------- */
.cc{
  position:fixed; inset-inline:0; bottom:0; z-index:90;
  background:var(--green-deep); color:#EDF2ED;
  border-top:1px solid rgba(255,255,255,.12);
  box-shadow:0 -22px 60px -30px rgba(26,33,26,.75);
  transform:translateY(100%); transition:transform .42s cubic-bezier(.22,1,.36,1);
}
.cc.is-on{ transform:translateY(0); }
.cc__in{
  display:grid; gap:clamp(.9rem,2vw,2rem); align-items:center;
  padding-block:clamp(1rem,2vw,1.4rem);
}
@media (min-width:860px){
  .cc__in{ grid-template-columns:minmax(0,1fr) auto; }
}
.cc__t{
  margin:0 0 .3rem; font-size:var(--t-md); font-weight:400; color:#FFFFFF;
  letter-spacing:-.01em;
}
.cc__d{
  margin:0; font-size:.94rem; line-height:1.62; color:rgba(237,242,237,.82);
  max-width:78ch;
}
.cc__link{ color:#FFFFFF; text-decoration:underline; text-underline-offset:.22em; }
.cc__link:hover{ text-decoration-thickness:2px; }
.cc__acts{ display:flex; flex-wrap:wrap; gap:.6rem; }
.cc__acts .btn{ white-space:nowrap; }
.cc__ok{ background:#FFFFFF; border-color:#FFFFFF; color:var(--green-deep); box-shadow:none; }
.cc__ok:hover{ background:#EDF2ED; border-color:#EDF2ED; color:var(--green-deep); }
.cc__no{ background:transparent; border-color:rgba(255,255,255,.42); color:#EDF2ED; }
.cc__no:hover{ background:rgba(255,255,255,.1); border-color:#FFFFFF; color:#FFFFFF; }
@media (max-width:520px){
  .cc__acts{ display:grid; grid-template-columns:1fr 1fr; }
  .cc__acts .btn{ justify-content:center; }
}

/* כפתור הוואטסאפ מתרומם מעל הפס כל עוד הוא פתוח */
body.cc-on .wa{ bottom:calc(1.15rem + var(--cc-h, 0px)); }
.wa{ transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s, bottom .42s cubic-bezier(.22,1,.36,1); }

/* "הגדרות עוגיות" בפוטר — נראה כמו שאר הקישורים המשפטיים */
.ftr__legalin .cc-reopen{
  background:none; border:0; padding:0; margin:0;
  font:inherit; color:inherit; cursor:pointer; text-decoration:none;
}
.cc-reopen--inline{
  background:none; border:0; padding:0; margin:0;
  font:inherit; color:var(--green); cursor:pointer;
  text-decoration:underline; text-underline-offset:.2em;
}
.cc-reopen--inline:hover{ color:var(--green-deep); text-decoration-thickness:2px; }
@media (prefers-reduced-motion: reduce){
  .cc{ transition:none; }
  .wa{ transition:none; }
}