.hero{column-gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-copy{min-width:0;padding-inline:24px;padding-bottom:115px}
.hero-art{min-width:0}
.hero-visual{object-fit:contain!important}
[dir=rtl] .header{flex-direction:row}
[dir=rtl] .hero-copy{order:0}
[dir=rtl] .hero-art{order:0}
.trust-bar article{flex:1;min-width:0;align-items:flex-start;gap:16px;padding-inline:24px}
.trust-bar article>div{flex:1;min-width:0}
.trust-bar strong{line-height:1.5}
.trust-bar span{line-height:1.6}
[dir=rtl] .trust-bar strong br{display:none}
[dir=he] .review b:after{content:" · יוני 2026"}
[lang=he] .review b:after{content:" · יוני 2026"}
[lang=en] .review b:after{content:" · June 2026"}
[dir=rtl] .review span{float:left}
@media(max-width:640px){
 .header.mobile-open:after{display:none!important;content:none!important}
 .header.mobile-open .nav{display:flex;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
 .header.mobile-open .nav-link{font-size:16px;min-height:44px;padding:14px 10px;text-align:start}
}
.brand-icon{width:16px;height:16px;object-fit:contain}
.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}
.contact-actions .button{width:100%;height:48px;min-height:48px;margin:0;padding:10px 8px;gap:8px;font-size:12px;white-space:nowrap}
.contact-actions .brand-icon{width:20px;height:20px;min-width:20px;flex:0 0 20px;object-fit:contain}
@media(max-width:400px){.contact-actions .button{font-size:10px;padding:8px 4px;gap:4px}.contact-actions .brand-icon{width:18px;height:18px;min-width:18px;flex-basis:18px}}
.salon-icon-link,.language-chips .language-symbol{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.salon-icon-link .brand-icon{width:20px;height:20px}
.salon-detail-grid .social-row{gap:10px}
.language-chips .language-symbol{font-size:18px;font-weight:700;color:var(--muted);cursor:help}
[lang=he] .address,[lang=he] .map-card p{direction:rtl;text-align:right}
.social-row a{display:inline-flex;align-items:center;gap:8px}
.social-rail{position:fixed;right:10px;top:45%;z-index:30;display:grid;gap:10px;padding:7px;border:1px solid var(--line);border-radius:30px;background:#fffdf9;box-shadow:var(--shadow)}
.social-rail button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;cursor:pointer;transition:background .2s,transform .2s}
.social-rail button:hover{background:var(--blush);transform:scale(1.08)}
.social-rail button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.social-rail button:active{transform:scale(.95)}
.social-rail img{width:23px;height:23px}
body.booking-modal-active .social-rail{display:none}
/* One consistent floating social control, without duplicated inline chips. */
.social-row{display:none}
@media(max-width:640px){.social-rail button{width:40px;height:40px}}
.salon-map{display:block;width:100%;height:190px;border:1px solid var(--line);border-radius:12px;margin-top:20px}
footer>div{min-width:0}
footer span{overflow-wrap:anywhere}
@media(max-width:640px){.hero-copy{padding:12px 16px 24px}.hero-art{height:auto;min-height:0;aspect-ratio:1}.hero-visual{position:relative;height:100%;display:block}.trust-bar{display:grid;grid-template-columns:1fr;gap:18px;padding:22px}.trust-bar article{border:0!important;padding:0;gap:14px}.trust-bar strong{font-size:14px}.trust-bar span{display:block;font-size:12px}.social-rail{right:4px;top:auto;bottom:14px;gap:4px;padding:4px}.social-rail a{width:32px;height:32px}.social-rail img{width:18px;height:18px}body{padding-bottom:28px}}

/* Keep the primary booking action visible in the compact header. */
@keyframes mobile-booking-cta-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(216,121,120,0)}
  50%{box-shadow:0 0 0 6px rgba(216,121,120,.14)}
}
@media(max-width:640px){
  .header{gap:7px}
  .header-actions{flex:1;min-width:0;justify-content:flex-end;gap:7px}
  .header .language{display:flex;font-size:9px}
  .header .header-cta{
    order:-1;
    display:inline-flex;
    min-height:38px;
    padding:10px 12px;
    border-radius:10px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
    animation:mobile-booking-cta-pulse 2.8s ease-in-out infinite;
  }
}
@media(max-width:380px){
  .header{padding-inline:11px}
  .header .brand{min-width:76px}
  .header .brand img{width:76px}
  .header .header-cta{min-height:36px;padding:9px 9px;font-size:11px}
  .header .language{font-size:8px}
  .header-actions{gap:4px}
}
@media(prefers-reduced-motion:reduce){
  .header .header-cta{animation:none}
}