/* ===== Polin webfont (רישיון אינטרנט) - מיפוי טווחי משקלים לסיסטם 3 המשקלים ===== */
@font-face{font-family:'Polin';src:url('../fonts/polin-regular.woff2') format('woff2');font-weight:100 500;font-style:normal;font-display:swap}
@font-face{font-family:'Polin';src:url('../fonts/polin-semibold.woff2') format('woff2');font-weight:501 700;font-style:normal;font-display:swap}
@font-face{font-family:'Polin';src:url('../fonts/polin-extrabold.woff2') format('woff2');font-weight:701 900;font-style:normal;font-display:swap}

/* =====================================================
   Dr. Daphna Mansfeld - shared site styles (V5 Champagne)
   One stylesheet for all pages. Design tokens are law.
   ===================================================== */
:root{
--f:'Polin',Assistant,-apple-system,'Segoe UI',sans-serif;
--cream:#F7F0E4;--cream-light:#FBF8F2;--champagne:#D8BFA1;--bronze:#A68660;--dark:#1E1005;--charcoal:#2B2825;--text2:#6F685F;--white:#FFFFFF;
--line:rgba(30,16,5,.25);--line-soft:rgba(30,16,5,.12);
--ink:#1E1005;--ink-deep:#150A02;--bone:#F7F0E4;--text:#2B2825;--terra:#A68660;--terra-light:#D8BFA1;--terra-hover:#8A6C48;--gold-line:#D8BFA1}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream-light);color:var(--charcoal);font-family:var(--f);-webkit-font-smoothing:antialiased}
a{color:var(--bronze)}
a:hover{color:var(--dark)}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
input,textarea,button{font-family:var(--f)}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* ---- breakpoints ---- */
@media (max-width:900px){.mq-desktop{display:none!important}}
@media (min-width:901px){.mq-mobile{display:none!important}}
@media (min-width:901px) and (max-width:1180px){.mq-xl{display:none!important}.mq-nav{gap:20px!important}}
@media (max-width:860px){
.mq-stack{grid-template-columns:1fr!important}
.mos-row{flex-direction:column!important;height:auto!important}
.mos-col{flex:none!important;width:100%!important}
.mos-tile{flex:none!important;height:220px!important;width:100%!important}
.mq-zone{grid-template-columns:1fr!important}
.mq-zone-img{width:100%!important}
}
/* ---- header: transparent over hero / solid after 40px scroll ---- */
[data-header-bar]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,4vw,56px);min-height:80px;background:transparent;border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,min-height .35s ease}
header.hdr-solid [data-header-bar]{background:rgba(247,240,228,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(216,191,161,.45);min-height:66px}
.logo-c{display:block}
.logo-d{display:none}
header.hdr-solid .logo-d{display:block}
header.hdr-solid .logo-c{display:none}
.hd-link{color:var(--cream)}
.hd-link:hover{color:var(--champagne)}
header.hdr-solid .hd-link{color:var(--charcoal)}
header.hdr-solid .hd-link:hover{color:var(--bronze)}
.hd-act{color:var(--champagne)}
.hd-act:hover{color:var(--champagne)}
header.hdr-solid .hd-act{color:var(--bronze)}
header.hdr-solid .hd-act:hover{color:var(--bronze)}
.hd-link2{color:rgba(247,240,228,.72);border-bottom:1px solid rgba(247,240,228,.35)}
.hd-link2:hover{color:var(--cream)}
header.hdr-solid .hd-link2{color:var(--text2);border-bottom-color:var(--line)}
header.hdr-solid .hd-link2:hover{color:var(--dark)}
.hd-cta{border:1px solid rgba(247,240,228,.55);color:var(--cream)}
.hd-cta:hover{background:rgba(247,240,228,.14);color:var(--cream)}
header.hdr-solid .hd-cta{border-color:var(--dark);color:var(--dark)}
header.hdr-solid .hd-cta:hover{background:var(--dark);color:var(--cream)}
.hd-burger{border:1px solid rgba(247,240,228,.45)}
.hd-burger .hd-bar{background:var(--cream)}
header.hdr-solid .hd-burger{border-color:var(--line)}
header.hdr-solid .hd-burger .hd-bar{background:var(--dark)}
/* ---- dropdown: treatments ---- */
.hd-drop{position:relative}
.hd-menu{position:absolute;top:100%;inset-inline-start:-22px;min-width:232px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none;z-index:70}
.hd-drop:hover .hd-menu,.hd-drop:focus-within .hd-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.hd-caret{transition:transform .3s}
.hd-drop:hover .hd-caret{transform:rotate(180deg)}
.hd-menu-item:hover{background:rgba(216,191,161,.16)!important;color:var(--bronze)!important}
.hd-menu-all:hover{color:var(--dark)!important}
/* ---- mobile nav ---- */
.hd-mobile-nav{display:flex;flex-direction:column;background:rgba(251,248,242,.98);backdrop-filter:blur(18px);min-height:calc(100svh - 66px);box-sizing:border-box;padding:28px 28px 44px;gap:2px}
/* ---- treatment tiles: hover reveals natural color (pointer devices only) ---- */
@media (hover:hover) and (pointer:fine){
.mos-tile:hover img{filter:grayscale(0)!important;transform:scale(1.03)!important}
.img-hover-color:hover{filter:grayscale(0) saturate(1.05)!important}
}
/* ---- staged entrances ---- */
@keyframes heroImgIn{from{transform:scale(1.045);opacity:.88}to{transform:scale(1);opacity:1}}
@keyframes fadeUp12{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes fadeUp16{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lineUp{from{transform:translateY(110%)}to{transform:none}}
@keyframes drawLine{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes scrollHint{0%{transform:scaleY(0);transform-origin:top center}48%{transform:scaleY(1);transform-origin:top center}52%{transform:scaleY(1);transform-origin:bottom center}100%{transform:scaleY(0);transform-origin:bottom center}}
@media (max-width:900px){
.hero-sec{min-height:680px!important}
.hero-pad{justify-content:flex-end!important;padding-bottom:118px!important}
.hero-copy{width:100%!important;max-width:540px}
.hero-h1{font-size:clamp(46px,13vw,64px)!important}
.hero-img{object-position:50% 14%!important}
.hero-grad{background:linear-gradient(to top,rgba(30,16,5,.82) 0%,rgba(30,16,5,.5) 42%,rgba(30,16,5,.16) 72%,rgba(30,16,5,.05) 100%)!important}
.hero-btns{flex-direction:column!important;align-items:stretch!important}
.hero-lines{width:70vw!important;opacity:.18!important}
}
/* ---- results carousel ---- */
.res-scroll{scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y}
.res-scroll::-webkit-scrollbar{display:none}
.res-card{flex:0 0 clamp(620px,51vw,760px);scroll-snap-align:start}
@media (max-width:900px){.res-card{flex-basis:calc(100vw - 48px)!important}}
/* ---- brands marquee ---- */
@keyframes mrq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.mrq-track{display:flex;width:max-content;animation:mrq 36s linear infinite}
.mrq:hover .mrq-track,.mrq:focus-within .mrq-track{animation-play-state:paused}
.mrq-logo{filter:none;opacity:.92;transition:transform .3s,opacity .3s}
.mrq-logo:hover{opacity:1;transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){.mrq-track{animation:none!important;width:100%!important;flex-wrap:wrap;justify-content:center;row-gap:28px}.mrq-dup{display:none!important}}
/* ---- shared hover states (pointer devices only) ---- */
@media (hover:hover) and (pointer:fine){
.btn-cream:hover{background:var(--champagne)!important;gap:17px!important}
.btn-ghost:hover{background:var(--cream)!important;color:var(--dark)!important;border-color:var(--cream)!important}
.btn-wa:hover{background:rgba(247,240,228,.08)!important}
.ft-link:hover{color:var(--bone)!important}
.nl-btn:hover{background:var(--bronze)!important}
.soc:hover{background:rgba(247,240,228,.1)!important}
.wa-float:hover{transform:scale(1.08)!important}
.rel-link:hover{color:var(--champagne)!important;border-color:var(--champagne)!important}
.res-btn:hover{background:rgba(30,16,5,.06)!important}
}
/* ---- responsive refinement ---- */
:root{--page-gutter:clamp(20px,4vw,72px);--section-space:clamp(72px,10vw,160px);--content-width:1180px;--wide-content-width:1360px;--header-height:clamp(68px,7vw,92px)}
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%}
body{overflow-x:clip}
p,h1,h2,h3,figcaption,a{overflow-wrap:break-word}
[id]{scroll-margin-top:96px}
body.menu-open{overflow:hidden}
.hd-mobile-nav{max-height:calc(100svh - 66px);overflow-y:auto}
/* nav breathing room between 901-1320px so items never collide */
@media (min-width:901px) and (max-width:1320px){.mq-nav{gap:clamp(14px,2.2vw,26px)!important}}
/* treatment-area rows on mobile: smaller start-aligned illustration */
@media (max-width:860px){
.mq-zone-img{justify-content:flex-start!important}
.mq-zone-img img{max-width:132px!important}
}
/* footer stacking order on small screens: logo → contact → nav → treatments */
@media (max-width:640px){
.ft-grid>div:last-of-type{order:1}
.ft-grid>nav[aria-label="ניווט"]{order:2}
.ft-grid>nav[aria-label="סוגי טיפולים"]{order:3}
}
/* ---- view toggle tabs (treatments page) ---- */
.view-tab{cursor:pointer;background:none;border:none;margin-bottom:-1px;padding:10px 2px;min-height:44px;font:500 16px/1.4 var(--f);color:var(--text2);border-bottom:2px solid transparent;transition:color .25s,border-color .25s}
.view-tab.tab-act{color:var(--dark);font-weight:700;border-bottom-color:var(--bronze)}
@media (hover:hover) and (pointer:fine){.view-tab:hover{color:var(--dark)}}
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.view-in{animation:viewIn .5s ease both}

/* === סבב תיקונים 20/07 === */
/* hover חושף את הצבעים האמיתיים של התמונה */
.mos-tile img,.img-hover-color{transition:filter .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.mos-tile:hover img{filter:none!important;transform:scale(1.03)!important}
.img-hover-color:hover{filter:grayscale(0) saturate(1.05)!important}
/* פס אמון נע */
.trust-mrq{overflow:hidden}
.trust-track{display:flex;width:max-content;align-items:center;gap:clamp(36px,5vw,72px);padding-inline-end:clamp(36px,5vw,72px);animation:mrq 34s linear infinite}
.trust-mrq:hover .trust-track{animation-play-state:paused}
.trust-item{display:flex;align-items:center;gap:clamp(36px,5vw,72px);white-space:nowrap;font:500 14px var(--f);color:var(--charcoal);letter-spacing:.5px}
.trust-item::after{content:"·";color:var(--bronze);font-size:20px}
/* כפתור שימר */
.btn-shimmer{position:relative;overflow:hidden}
.btn-shimmer::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(150%);animation:shimmer 3.2s ease-in-out infinite}
[dir="rtl"] .btn-shimmer::after{animation:shimmerRTL 3.2s ease-in-out infinite}
@keyframes shimmer{0%,55%{transform:translateX(150%)}90%,100%{transform:translateX(-150%)}}
@keyframes shimmerRTL{0%,55%{transform:translateX(-150%)}90%,100%{transform:translateX(150%)}}
/* eyebrow הירו במובייל */
@media (max-width:480px){.hero-eyebrow{display:none!important}}
@media (prefers-reduced-motion:reduce){.trust-track{animation:none;width:100%;flex-wrap:wrap}.btn-shimmer::after{animation:none;display:none}}

/* === הירו אקדמיה קולנועי === */
@keyframes acadImgIn{from{transform:scale(1.035);opacity:.82}to{transform:scale(1);opacity:1}}
@keyframes acadLine{from{transform:translateY(108%)}to{transform:translateY(0)}}
@keyframes acadFade{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}
@keyframes acadCue{0%,100%{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}
@media (max-width:768px){
  .acad-hero [data-acad-content]{inset-inline:20px!important;top:auto!important;bottom:96px!important;max-width:none!important;transform:none!important}
  .acad-hero h1{font-size:clamp(44px,12vw,60px)!important}
  .acad-hero [data-acad-shade]{background:linear-gradient(to top,rgba(16,9,4,.95) 0%,rgba(16,9,4,.72) 45%,rgba(16,9,4,.22) 80%)!important}
  .acad-hero img{object-position:60% 12%!important}
  .acad-scrollcue{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .acad-hero *[style*="animation"]{animation:none!important;opacity:1!important;transform:none!important}
}

/* הירו האקדמיה - מסכים נמוכים (לפטופ עם סרגלים): כותרת קטנה יותר ורווח נשימה מהכפתורים */
@media (min-width:761px) and (max-height:900px){
  .acad-hero h1{font-size:clamp(46px,4.9vw,74px)!important}
  .acad-hero [data-acad-content] p{margin-top:18px!important}
  .acad-scrollcue{display:none!important}
}

/* === אינטראקציות ותנועתיות 16/08 === */
/* חץ שזז בכרטיסי "אולי יעניין אותך גם" */
.rel-card .rel-arrow{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
/* כרטיסי לפני/אחרי: הרמה עדינה + צל + זום פנימי */
.res-card>div:first-child{transition:box-shadow .45s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.res-card img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover) and (pointer:fine){
  .rel-card:hover .rel-arrow{transform:translateX(-6px)}
  .res-card:hover>div:first-child{box-shadow:0 18px 44px rgba(30,16,5,.16);transform:translateY(-4px)}
  .res-card:hover img{transform:scale(1.045)}
  .mos-tile{transition:box-shadow .45s ease}
  .mos-tile:hover{box-shadow:0 16px 40px rgba(21,10,2,.35)}
  /* קו תחתון מונפש בקישורי ההדר */
  .hd-link{position:relative}
  .hd-link::after{content:"";position:absolute;bottom:-5px;inset-inline-start:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .35s ease}
  .hd-link:hover::after,.hd-link.hd-act::after{transform:scaleX(1);transform-origin:0 50%}
  /* כפתורי הקרוסלה: תזוזה קלה בכיוון הדפדוף */
  .res-btn{transition:background .25s,transform .3s ease}
  .res-btn:hover{transform:scale(1.06)}
  .res-btn:active{transform:scale(.94)}
}
@media (prefers-reduced-motion:reduce){
  .rel-card .rel-arrow,.res-card>div:first-child,.res-card img,.res-btn{transition:none!important}
}

/* === טיפוגרפיה 17/08: משקל אחיד בכותרות, הדגשה בצבע בלבד === */
h1 strong,h2 strong,h3 strong{font-weight:inherit!important}