/*
  Mafteach LeHatzlacha - site.css
  One stylesheet. Tokens from handoff/design-system.md.
  Rhythm: full bleed scene -> narrow text column -> asymmetric split -> full bleed.
  Motion: transform and opacity only. Reduced motion and no JS both fall back to a static stacked layout.
*/

/* Self-hosted Google Fonts (OFL): Heebo variable 400..700, Suez One. Hebrew + latin subsets. */
@font-face{font-family:'Heebo';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/heebo-hebrew.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/heebo-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Suez One';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/suez-one-hebrew.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Suez One';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/suez-one-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* ---------- Tokens ---------- */
:root{
  --navy-900:#0A1930;
  --navy-800:#10233F;
  --navy-700:#1A3358;
  --key-500:#9BD437;
  --key-400:#B4E85A;
  --brass-500:#C9A24B;
  --sand-100:#F3EEE3;
  --sand-300:#CFC6B3;
  --wa-500:#25D366;
  --danger-500:#E5533D;

  --font-display:'Suez One', 'Heebo', system-ui, sans-serif;
  --font-body:'Heebo', system-ui, sans-serif;

  --h1-size:44px;
  --h2-size:32px;
  --h3-size:22px;
  --body-size:17px;
  --small-size:14px;

  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
  --space-6:72px;
  --space-7:96px;
  --space-8:120px;

  --section-pad:var(--space-6);
  --max-w:1240px;
  --gutter:16px;
  --bar-h:64px;
  --rule:1px solid rgba(201,162,75,0.4);
}

@media (min-width:768px){
  :root{
    --h1-size:72px;
    --h2-size:48px;
    --h3-size:28px;
    --body-size:18px;
    --small-size:15px;
    --section-pad:var(--space-8);
    --gutter:32px;
  }
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto;}
body{margin:0;}
img{max-width:100%;display:block;}
a{color:inherit;}
button{font:inherit;color:inherit;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,p,figure{margin:0;}
svg{display:block;}

/* ---------- Base ---------- */
html,body{background:var(--navy-900);}
body{
  font-family:var(--font-body);
  font-weight:400;
  font-size:var(--body-size);
  line-height:1.6;
  color:var(--sand-100);
  overflow-x:hidden;
}

h1,h2,h3,.numeral{
  font-family:var(--font-display);
  font-weight:400;
  line-height:1.15;
  color:var(--sand-100);
}
h1{font-size:var(--h1-size);}
h2{font-size:var(--h2-size);}
h3{font-size:var(--h3-size);}
small,.small{font-size:var(--small-size);color:var(--sand-300);}

.num{unicode-bidi:isolate;direction:ltr;}

/* ---------- Focus and accessibility ---------- */
:focus{outline:none;}
:focus-visible{outline:2px solid var(--key-500);outline-offset:3px;border-radius:2px;}

.skip-link{
  position:absolute;
  right:var(--space-2);
  top:-60px;
  background:var(--key-500);
  color:var(--navy-900);
  padding:10px 18px;
  border-radius:6px;
  font-weight:700;
  z-index:1000;
  transition:top .2s ease;
}
.skip-link:focus{top:var(--space-2);}

.visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* ---------- Layout helpers ---------- */
.container{
  max-width:var(--max-w);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.section{
  position:relative;
  padding-block:var(--section-pad);
}
.section-rule::before{
  content:"";
  display:block;
  width:64px;
  height:2px;
  background:var(--brass-500);
  margin-bottom:var(--space-4);
}
.bg-900{background:var(--navy-900);}
.bg-800{background:var(--navy-800);}
.bg-700{background:var(--navy-700);}

.eyebrow{
  display:block;
  font-family:var(--font-body);
  font-weight:700;
  font-size:var(--small-size);
  letter-spacing:.08em;
  color:var(--brass-500);
  margin-bottom:var(--space-2);
}

.lede{
  max-width:680px;
  font-size:var(--body-size);
  color:var(--sand-100);
}

.split-75{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-5);
  align-items:start;
}
@media (min-width:900px){
  .split-75{grid-template-columns:7fr 5fr;gap:var(--space-6);}
  .split-75.is-reversed{grid-template-columns:5fr 7fr;}
}

.figure-tex{
  position:relative;
  border-radius:2px;
  overflow:hidden;
  aspect-ratio:4/5;
  background:var(--navy-800);
}
.figure-tex img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.75) brightness(.55);
}
.figure-tex::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(10,25,48,0) 0%, rgba(10,25,48,.65) 100%);
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 22px;
  border-radius:6px;
  font-weight:700;
  font-size:var(--body-size);
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.btn:active{transform:translateY(1px);}

.wa{
  background:var(--wa-500);
  color:#06210f;
  box-shadow:0 0 0 0 rgba(155,212,55,0.12);
  animation:wa-breathe 3.2s ease-in-out infinite;
}
.wa:hover{background:#2be374;}
@keyframes wa-breathe{
  0%,100%{box-shadow:0 0 0 0 rgba(155,212,55,0.12);}
  50%{box-shadow:0 0 0 14px rgba(155,212,55,0);}
}

.btn-tel{
  background:transparent;
  border-color:rgba(243,238,227,.35);
  color:var(--sand-100);
}
.btn-tel:hover{border-color:var(--sand-100);}

.btn-ghost{
  background:transparent;
  border-color:rgba(201,162,75,.5);
  color:var(--sand-100);
}
.btn-ghost:hover{border-color:var(--brass-500);}

.btn-danger{background:var(--danger-500);color:var(--sand-100);}
.btn-brass{background:var(--brass-500);color:var(--navy-900);}

.btn-sm{padding:8px 14px;font-size:var(--small-size);border-radius:5px;}

/* ---------- Header ---------- */
.site-header{
  position:fixed;
  inset-inline:0;
  top:0;
  z-index:500;
  background:transparent;
  transition:background-color .25s ease, box-shadow .25s ease;
}
.site-header.is-solid{
  background:var(--navy-800);
  box-shadow:0 1px 0 rgba(201,162,75,.25);
}
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  padding-block:14px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.brand svg{width:34px;height:34px;flex:none;}
.brand-word{
  font-family:var(--font-display);
  font-size:20px;
  color:var(--sand-100);
  white-space:nowrap;
}
@media (max-width:479px){
  .brand-word{font-size:17px;}
  .brand svg{width:28px;height:28px;}
}
.nav-links{
  display:none;
  align-items:center;
  gap:var(--space-4);
}
.nav-links a{
  text-decoration:none;
  font-weight:500;
  font-size:var(--small-size);
  color:var(--sand-100);
}
.nav-links a:hover{color:var(--key-500);}
.nav-primary{display:flex;align-items:center;gap:var(--space-3);}
.nav-toggle{
  background:transparent;
  border:1px solid rgba(243,238,227,.35);
  color:var(--sand-100);
  padding:9px 16px;
  border-radius:6px;
  font-weight:700;
  font-size:var(--small-size);
}
.nav-mobile{
  display:none;
  flex-direction:column;
  gap:2px;
  background:var(--navy-800);
  padding:var(--space-2) 0;
}
.nav-mobile a{
  display:block;
  padding:14px var(--gutter);
  text-decoration:none;
  color:var(--sand-100);
  font-weight:500;
  border-top:1px solid rgba(201,162,75,.18);
}
.site-header.nav-open .nav-mobile{display:flex;}

@media (min-width:900px){
  .nav-links{display:flex;}
  .nav-toggle{display:none;}
  .nav-mobile{display:none !important;}
}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  background:var(--navy-900);
}
.hero-pin{position:relative;}
.hero-frames{position:relative;}
.hero-frame{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  background:var(--navy-900);
}
.hero-frame + .hero-frame{border-top:1px solid rgba(201,162,75,.18);}

.hero--pinned .hero-frames{height:100svh;}
.hero--pinned .hero-frame{
  position:absolute;
  inset:0;
  min-height:0;
  border-top:none;
}
.hero--pinned .hero-frame--2{opacity:0;visibility:hidden;}
.hero--pinned .hero-frame--split{opacity:0;visibility:hidden;}

.hero-media{
  position:absolute;
  inset:0;
  will-change:transform;
}
.hero-media img{
  width:100%;height:100%;object-fit:cover;
  transform-origin:center;
}
.hero-scrim{
  position:absolute;inset:0;
  background:linear-gradient(0deg, rgba(10,25,48,.92) 0%, rgba(10,25,48,.55) 45%, rgba(10,25,48,.25) 100%);
}
.hero-copy{
  position:relative;
  z-index:2;
  width:100%;
  padding:0 var(--gutter) 88px;
}
@media (min-width:900px){
  .hero-copy{padding:0 var(--space-7) 120px;max-width:820px;}
}
.hero-copy h1{margin-bottom:var(--space-2);}
.hero-copy .lede{margin-bottom:var(--space-4);color:var(--sand-100);}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;}

.hero-logo-draw{
  position:relative;
  z-index:2;
  width:120px;
  height:auto;
  margin:0 0 var(--space-3) var(--gutter);
}
@media (min-width:900px){
  .hero-logo-draw{width:160px;margin-inline-start:var(--space-7);}
}
.hero-logo-draw path{
  fill:none;
  stroke:var(--key-500);
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
  will-change:stroke-dashoffset;
}

.hero-frame--2 .hero-copy{padding-bottom:64px;}
.hero-caption{
  font-family:var(--font-display);
  font-size:var(--h3-size);
  color:var(--sand-100);
}
.brass-rule-v{
  position:absolute;
  top:12%;bottom:12%;
  right:50%;
  width:1px;
  background:var(--brass-500);
  transform:scaleY(0);
  transform-origin:top;
  z-index:2;
}
.grain{position:absolute;inset:0;pointer-events:none;z-index:1;}
.grain::after{
  content:"";
  position:absolute;inset:-20%;
  opacity:.05;
  mix-blend-mode:overlay;
  background-repeat:repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.hero-frame--split{flex-direction:row;align-items:stretch;}
.hero-pane{
  position:relative;
  flex:1 1 50%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  min-height:100%;
}
.hero-pane .hero-copy{padding-bottom:96px;}
.hero-pane--urgent .eyebrow{color:var(--danger-500);}
.hero-pane--project .eyebrow{color:var(--brass-500);}
.hero--pinned .hero-pane{will-change:transform,opacity;}

@media (max-width:767px){
  .hero-frame--split{flex-direction:column;}
  .hero-pane{flex:1 1 auto;min-height:50%;}
  .brass-rule-v{display:none;}
  /* clear the fixed sticky bar + branch-chooser row (~98px) so hero CTAs never sit underneath it */
  .hero-copy{padding-bottom:calc(var(--bar-h) + 34px + 24px);}
  .hero-pane .hero-copy{padding-bottom:calc(var(--bar-h) + 34px + 24px);}
}

/* reduced motion or no JS: everything static, stacked, fully visible */
@media (prefers-reduced-motion: reduce){
  .hero-logo-draw path{stroke-dashoffset:0 !important;}
  .wa{animation:none;}
}

/* ---------- Proof strip ---------- */
.proof-strip{
  padding-block:var(--space-4);
  background:var(--navy-800);
  border-top:1px solid rgba(201,162,75,.25);
  border-bottom:1px solid rgba(201,162,75,.25);
}
.proof-list{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-4);
  align-items:center;
  font-size:var(--small-size);
  color:var(--sand-300);
}
.proof-item{display:inline-flex;align-items:center;gap:8px;}
.proof-item strong{color:var(--sand-100);font-weight:700;}
.proof-item a{text-decoration:underline;text-decoration-color:rgba(201,162,75,.5);text-underline-offset:3px;}
.proof-star{width:14px;height:14px;fill:var(--brass-500);flex:none;}
.proof-date{color:var(--sand-300);}

/* ---------- Services ledger ---------- */
.ledger-intro{margin-bottom:var(--space-5);}
.ledger{display:flex;flex-direction:column;}
.ledger-row{
  position:relative;
  display:grid;
  grid-template-columns:56px 1fr auto;
  align-items:center;
  gap:var(--space-3);
  padding-block:var(--space-3);
  border-top:var(--rule);
  text-decoration:none;
}
.ledger-row:last-child{border-bottom:var(--rule);}
.ledger-num{
  font-family:var(--font-display);
  font-size:28px;
  color:var(--brass-500);
}
.ledger-body h3{font-size:20px;margin-bottom:4px;color:var(--sand-100);}
.ledger-body p{color:var(--sand-300);font-size:var(--small-size);}
.ledger-row .wa-mini{
  opacity:0;
  transform:translateX(6px);
  transition:opacity .18s ease, transform .18s ease;
}
[dir="rtl"] .ledger-row .wa-mini{transform:translateX(-6px);}
.ledger-row:hover .wa-mini,
.ledger-row:focus-within .wa-mini{
  opacity:1;
  transform:translateX(0);
}
.ledger-row:hover .ledger-body h3,
.ledger-row:focus-within .ledger-body h3{color:var(--key-500);}

/* ---------- Message builder ---------- */
.builder-intro{margin-bottom:var(--space-4);}
.chip-row{margin-bottom:var(--space-4);}
.chip-row-label{
  display:block;
  font-weight:700;
  font-size:var(--small-size);
  color:var(--sand-300);
  margin-bottom:10px;
}
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chip{
  background:var(--navy-700);
  border:1px solid rgba(243,238,227,.15);
  color:var(--sand-100);
  padding:10px 16px;
  border-radius:999px;
  font-size:var(--small-size);
  font-weight:500;
  cursor:pointer;
}
.chip:hover{border-color:var(--key-500);}
.chip[aria-pressed="true"]{
  background:var(--key-500);
  color:var(--navy-900);
  border-color:var(--key-500);
  font-weight:700;
}
.builder-preview{
  margin-top:var(--space-4);
  padding:var(--space-3);
  background:var(--navy-800);
  border-right:3px solid var(--brass-500);
  border-radius:4px;
  font-size:var(--small-size);
  color:var(--sand-300);
}
[dir="rtl"] .builder-preview{border-right:3px solid var(--brass-500);}
.builder-preview strong{display:block;color:var(--sand-100);font-weight:500;margin-top:4px;}
.builder-cta{margin-top:var(--space-4);}

/* ---------- Branches ---------- */
.branch-chooser{
  display:inline-flex;
  gap:8px;
  padding:4px;
  background:var(--navy-800);
  border-radius:999px;
  margin-bottom:var(--space-5);
}
.branch-chooser button{
  background:transparent;
  border:none;
  color:var(--sand-300);
  padding:8px 16px;
  border-radius:999px;
  font-size:var(--small-size);
  font-weight:600;
  cursor:pointer;
}
.branch-chooser button[aria-pressed="true"]{background:var(--key-500);color:var(--navy-900);}

.branch-block h2{margin-bottom:var(--space-2);}
.branch-meta{margin-bottom:var(--space-3);color:var(--sand-300);}
.branch-meta strong{display:block;color:var(--sand-100);font-weight:500;margin-bottom:4px;}
.branch-landmarks{font-size:var(--small-size);color:var(--sand-300);margin-bottom:var(--space-3);}
.branch-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-3);}
.branch-hours{font-size:var(--small-size);color:var(--sand-300);margin-bottom:var(--space-3);}
.branch-more{font-size:var(--small-size);text-decoration:underline;text-decoration-color:rgba(201,162,75,.5);}

/* ---------- Project teaser / B2B bands ---------- */
.band{
  position:relative;
  padding-block:var(--section-pad);
  overflow:hidden;
}
.band-media{position:absolute;inset:0;z-index:0;}
.band-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.4);}
.band-media::after{content:"";position:absolute;inset:0;background:rgba(16,35,63,.72);}
.band .container{position:relative;z-index:1;max-width:760px;}
.band h2{margin-bottom:var(--space-3);}
.band p{color:var(--sand-100);margin-bottom:var(--space-4);}
.band-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;}
.band-cta a.link-more{text-decoration:underline;text-decoration-color:rgba(201,162,75,.5);font-size:var(--small-size);}

.b2b-band{
  padding-block:var(--space-5);
  background:var(--navy-700);
  border-top:1px solid rgba(201,162,75,.25);
}
.b2b-band .container{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
}
.b2b-band p{max-width:520px;color:var(--sand-100);}

/* ---------- Footer ---------- */
.site-footer{
  background:var(--navy-900);
  border-top:1px solid rgba(201,162,75,.25);
  padding-block:var(--space-6) var(--space-3);
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-5);
  margin-bottom:var(--space-6);
}
@media (min-width:768px){
  .footer-grid{grid-template-columns:repeat(3,1fr);}
}
.footer-col h3{font-size:var(--small-size);color:var(--brass-500);font-family:var(--font-body);font-weight:700;margin-bottom:var(--space-2);letter-spacing:.04em;}
.footer-col ul{display:flex;flex-direction:column;gap:8px;}
.footer-col a{text-decoration:none;color:var(--sand-300);font-size:var(--small-size);}
.footer-col a:hover{color:var(--key-500);}
.footer-bottom{
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  align-items:center;
  justify-content:space-between;
  padding-top:var(--space-3);
  border-top:1px solid rgba(243,238,227,.1);
  font-size:13px;
  color:var(--sand-300);
}
.footer-bottom a{color:var(--sand-300);text-decoration:underline;text-decoration-color:rgba(201,162,75,.4);}

/* ---------- Sticky mobile bar ---------- */
.sticky-bar-wrap{
  position:fixed;
  inset-inline:0;
  bottom:0;
  z-index:600;
  display:none;
}
.sticky-chooser{
  display:flex;
  justify-content:center;
  gap:8px;
  background:var(--navy-800);
  padding:6px 0;
  margin-bottom:0;
  border-radius:0;
  border-top:1px solid rgba(201,162,75,.25);
}
.sticky-chooser button{
  background:transparent;
  border:none;
  color:var(--sand-300);
  font-size:12px;
  font-weight:600;
  padding:4px 10px;
  border-radius:999px;
}
.sticky-chooser button[aria-pressed="true"]{background:var(--key-500);color:var(--navy-900);}
.sticky-bar{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  height:var(--bar-h);
  background:var(--navy-800);
  border-top:1px solid rgba(201,162,75,.35);
}
.sticky-bar a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  text-decoration:none;
  color:var(--sand-100);
  font-size:12px;
  font-weight:700;
}
.sticky-bar a.wa{background:var(--wa-500);color:#06210f;animation:none;}
.sticky-bar a svg{width:18px;height:18px;}

@media (max-width:767px){
  .sticky-bar-wrap{display:block;}
  body{padding-bottom:calc(var(--bar-h) + 34px);}
}
body.builder-focused .sticky-bar-wrap{display:none;}

@media print{
  .sticky-bar-wrap,.site-header{display:none !important;}
}

/* ---------- Misc sections spacing ---------- */
#services,#builder,#branches{background:var(--navy-900);}
.section + .section{border-top:1px solid rgba(201,162,75,.12);}

/* inner: renovations, office-renovations, lighting, lighting-design (Agent C) */
.prose h2{margin-top:var(--space-5);margin-bottom:var(--space-2);}
.prose h2:first-child{margin-top:0;}
.prose p{margin-bottom:var(--space-3);color:var(--sand-100);}
.prose p:last-child{margin-bottom:0;}
.faq-item{padding-block:var(--space-3);border-top:var(--rule);}
.faq-item h3{font-size:var(--h3-size);margin-bottom:8px;}
.faq-item p{color:var(--sand-300);margin-bottom:0;}
.more-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:var(--space-2);}
.more-links a{text-decoration:underline;text-decoration-color:rgba(201,162,75,.5);font-size:var(--small-size);}

/* ---------- OpenNow badge ---------- */
.open-badge{display:inline-block;margin-inline-start:8px;padding:3px 10px;border-radius:999px;font-size:var(--small-size);font-weight:500;background:rgba(207,198,179,.14);color:var(--sand-300);vertical-align:middle;}
.open-badge[data-state="open"]{background:rgba(155,212,55,.16);color:var(--key-400);}
.open-badge[data-state="closing"]{background:rgba(201,162,75,.18);color:var(--brass-500);}

/* ---------- Map embed ---------- */
.map-embed{margin-top:var(--space-3);max-width:520px;aspect-ratio:16/10;border-radius:6px;overflow:hidden;border:1px solid rgba(201,162,75,.28);background:var(--navy-700);}
.map-embed iframe{display:block;width:100%;height:100%;border:0;}

/* ---------- Floating WhatsApp (desktop only, phones have the sticky bar) ---------- */
.wa-float{position:fixed;inset-inline-end:24px;bottom:24px;z-index:600;display:none;width:60px;height:60px;padding:0;border-radius:999px;background:var(--wa-500);color:#06210f;box-shadow:0 10px 30px rgba(0,0,0,.35);text-decoration:none;transform-origin:center;}
.wa-float svg{width:32px;height:32px;margin:auto;}
.wa-float .wa-float-label{position:absolute;inset-inline-end:72px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--sand-100);color:var(--navy-900);font-weight:500;font-size:var(--small-size);padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);}
.wa-float .wa-float-label[hidden]{display:none;}
@media (min-width:768px){.wa-float{display:flex;align-items:center;justify-content:center;}}
@keyframes wa-shake{0%,100%{transform:rotate(0)}15%{transform:rotate(-12deg) scale(1.06)}30%{transform:rotate(10deg) scale(1.06)}45%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}
.wa-float.is-shaking{animation:wa-shake .9s ease-in-out 1;}
.sticky-bar a.wa.is-shaking svg{animation:wa-shake .9s ease-in-out 1;}
@media (prefers-reduced-motion:reduce){.wa-float.is-shaking,.sticky-bar a.wa.is-shaking svg{animation:none;}}

/* ---------- Send a photo (secondary WhatsApp action) ---------- */
.wa.wa-photo{background:transparent;color:var(--sand-100);border:1px solid var(--key-500);animation:none;box-shadow:none;}
.wa.wa-photo:hover{background:rgba(155,212,55,.14);}