/* /sessions/ mirrors the Hebrew sessions landing page (jewish-motivation.gilimanwolner.co.il, Rav Messer),
   re-measured 11.9.2026 at 1366px and 375px (computed styles), mirrored to LTR. */

/* the Hebrew landing page shows no site header/footer */
body:has(.sess) .site-header,body:has(.sess) .site-footer{display:none}
body:has(.sess){background:#fff}

.sess{--pink:#fc0382;--pink-d:#e90378;--navy:#02014a;--cyan:#0cf8c6;--yellow:#fae507;
  font-family:'Assistant',system-ui,sans-serif;color:#000;line-height:1.2;text-align:center;overflow-x:hidden}
.sess *{box-sizing:border-box}
.sess h1,.sess h2,.sess h3{font-family:'Assistant',sans-serif;margin:0;line-height:1.2;letter-spacing:normal}
.sess p{margin:0}
.sess .band,.sess .hero{width:100%;display:block;min-height:0;height:auto;padding:0;margin:0}
.sess .in{max-width:1024px;margin:0 auto;padding:19px 20px 40px}
.sess h2{font-size:40px;font-weight:700;color:var(--pink);margin:0 0 16px}
.sess .t-navy{color:var(--navy)} .sess .t-white{color:#fff} .sess .t-cyan{color:var(--cyan)}
.sess .sr,.sess .hero h1,.sess .hero .role{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* buttons: pink pill, radius 40, 20px; darker face + 5px lighter lip below (Hebrew "3D" button) */
.sess .pill,.sess .lead-form .btn{display:inline-block;background:var(--pink-d);color:#fff!important;font-size:20px;font-weight:400;line-height:24px;
  padding:11.5px 20px;border-radius:40px;text-decoration:none!important;border:0;cursor:pointer;font-family:inherit;
  box-shadow:0 5px 0 var(--pink);margin-bottom:5px;transition:background .15s}
.sess .pill:hover,.sess .lead-form .btn:hover{background:var(--pink)}

/* bands */
.sess .hero{background:#dfdad8}
.sess .strip{background:#cdc6c3}
.sess .navy{background:var(--navy);color:#fff}
.sess .sand{background:#eae5e1}
.sess .pinkbg{background:var(--pink)}
.sess .light{background:#f7f5f4}
.sess .why,.sess .who{background:#f2eeec}

/* hero: text column left, round photo right (Hebrew: photo left), two 482px columns */
.sess .hero .in{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:13px 20px 40px}
.sess .hero .txt{order:1}
.sess .hero img{order:2;justify-self:center;width:336px;height:336px;border-radius:50%;object-fit:cover;object-position:50% 30%;display:block}
.sess .hero .q{font-size:24px;font-weight:700;color:var(--pink);margin:0 0 5px}
.sess .hero .tag{font-size:18px;text-decoration:underline;margin:0 0 12px;line-height:29px}
.sess .hero .box{border:2.6667px solid var(--navy);border-radius:20px;background:rgba(205,198,195,.16);padding:10px 10px;margin:0 auto 8px;max-width:400px;
  font-size:24px;font-weight:700;color:var(--navy)}
.sess .hero .pitch,.sess .hero .fast{font-size:20px;line-height:24px}
.sess .hero .fast{color:var(--pink);font-weight:700}

.sess .strip .in{padding:10px 20px 8px}
.sess .strip p{font-weight:700;font-size:20px;line-height:24px}
.sess .strip .pill{margin-top:10px}

.sess .navy .in{padding-bottom:13px}
.sess .navy:not(.cost):not(.tst) .in > p{font-size:20px;line-height:24px;max-width:560px;margin:0 auto}
.sess .navy h2{margin-bottom:14px}

/* image + text rows: text column left, image centered in the right column, radius 20 */
.sess .row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.sess .row p{font-size:20px;line-height:24px}
.sess .row img{display:block;justify-self:center;max-width:100%;height:auto;border-radius:20px}
.sess .sand .row img{width:299px}
.sess .pinkbg .row img{width:341px}
.sess .method .row img{width:382px}
.sess .sand h2,.sess .pinkbg h2{margin-bottom:20px}
.sess .pinkbg .row p{color:#000}
.sess .method h2{color:#fff}
.sess .method .row p{color:var(--navy)}

.sess .light .in{padding-bottom:13px}
.sess .light h2{margin-bottom:40px}
.sess .light .in > p{font-size:22px;line-height:26.4px;max-width:720px;margin:0 auto}

/* testimonials: navy band, cyan title, two cyan-framed boxes */
.sess .tst .in{padding:18px 20px 9px}
.sess .tst h2{color:var(--cyan);margin-bottom:24px}
.sess .tst .frame{width:555px;max-width:100%;margin:0 auto;border:2.6667px solid var(--cyan);border-radius:20px;background:rgba(255,255,255,.51)}
.sess .car{display:grid;grid-template-columns:15px 1fr 15px;align-items:center;padding:20px}
.sess .car .track{justify-self:center;width:299px;height:469px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.sess .car .track::-webkit-scrollbar{display:none}
.sess .car .sl{flex:0 0 100%;height:100%;position:relative;overflow:hidden;scroll-snap-align:center}
.sess .car .sl img{position:absolute;left:-25%;top:-38%;width:125%;max-width:none;height:auto;display:block}
/* English testimonials as WhatsApp-style bubbles (translated from the Hebrew screenshots sess-4..8) */
.sess .car .sl.wa{background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.035) 1.2px,transparent 1.3px),radial-gradient(rgba(0,0,0,.025) 1px,transparent 1.1px);
  background-size:22px 22px,15px 15px;background-position:0 0,7px 11px;border-radius:8px;text-align:left;height:auto;overflow:visible;
  padding:14px 12px 14px 16px}
/* No scroll inside a testimonial: the frame grows to the longest message; all slides share its height */
.sess .car .track:has(.sl.wa){height:auto;width:420px}
.sess .car:has(.sl.wa) .nav{height:auto;align-self:stretch}
@media (max-width:760px){.sess .car .track:has(.sl.wa){width:min(320px,calc(100vw - 58px))}}
.sess .wa .bub{position:relative;background:#fff;color:#111b21;border-radius:0 8px 8px 8px;padding:7px 9px 20px;margin:0 0 6px;
  font:400 14.5px/1.38 -apple-system,'Segoe UI',Helvetica,Arial,sans-serif;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.sess .wa .bub::before{content:"";position:absolute;left:-8px;top:0;border-style:solid;border-width:0 8px 10px 0;border-color:transparent #fff transparent transparent}
.sess .wa .bub p{margin:0 0 .5em;font:inherit;color:inherit}
.sess .wa .bub p:last-of-type{margin-bottom:0}
.sess .wa .tm{position:absolute;right:8px;bottom:4px;font-size:11px;line-height:1;color:#667781}
.sess .wa .qt{background:#f5f6f6;border-left:4px solid #06cf9c;border-radius:6px;padding:5px 8px;margin:0 0 7px;font-size:13px;line-height:1.3;color:#667781}
.sess .wa .qt b{display:block;color:#06cf9c;font-weight:600;margin-bottom:2px}
.sess .car .nav{width:15px;height:469px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
.sess .car .nav::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border:solid #000;border-width:0 0 2.5px 2.5px}
.sess .car .prev::before{transform:translate(-30%,-50%) rotate(45deg)}
.sess .car .next::before{transform:translate(-70%,-50%) rotate(-135deg)}
.sess .tst .cap{font-size:15px;color:#fff;opacity:.85;margin:8px 0 12px}
.sess .qf{padding:14px 11px 4px}
.sess .tst .quote{font-size:26px;font-weight:700;color:#fff;line-height:31.2px;margin:0 0 12px}
.sess .qf .vid{position:relative;aspect-ratio:529/299}
.sess .qf iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

/* why me: three full-width colored bars */
.sess .why .in{padding:15px 20px 14px}
.sess .why h2{margin-bottom:13px}
.sess .why .bar{margin:0 -20px 6px;padding:0 20px 8px;min-height:130px}
.sess .why .bar h3{font-size:30px;font-weight:700;line-height:36px;margin:0 0 15px}
.sess .why .bar p{font-size:22px;line-height:26.4px}
.sess .why .b1{background:var(--navy);color:#fff} .sess .why .b1 h3{color:var(--cyan)}
.sess .why .b2{background:var(--cyan)} .sess .why .b2 h3{color:#fff}
.sess .why .b3{background:var(--yellow)} .sess .why .b3 h3{color:var(--navy)}

.sess .method .in{padding-bottom:40px}
.sess .method h2{margin-bottom:20px}

/* check lists: Font Awesome check-circle look, 30px, text 18px */
.sess .who .in{padding:13px 20px 9px}
.sess .who h2{color:var(--navy);margin-bottom:8px}
.sess .checks{list-style:none;padding:0;margin:0;text-align:left}
.sess .checks li{position:relative;padding:0 0 0 50px;font-size:18px;line-height:21.6px;margin:0 0 18px;min-height:22px}
.sess .checks li::before{content:"";position:absolute;left:0;top:-4px;width:30px;height:30px;border-radius:50%;border:2.8px solid var(--navy)}
.sess .checks li::after{content:"";position:absolute;left:11px;top:3px;width:7px;height:12px;border:solid var(--navy);border-width:0 2.8px 2.8px 0;transform:rotate(45deg)}
.sess .checks.no li::before,.sess .checks.no li::after{border-color:var(--pink)}
.sess .who .noh{color:var(--pink);margin:12px 0 12px;padding-top:19px;position:relative}
.sess .who .noh::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:555px;max-width:100%;border-top:2.6667px solid var(--navy)}
.sess .who .noh .u{text-decoration:underline}

.sess .cost .in{padding-bottom:19px}
.sess .cost h2{color:var(--cyan);margin-bottom:14px}
.sess .cost p{font-size:18px;line-height:21.6px;max-width:600px;margin-left:auto;margin-right:auto}
.sess .cost p strong{font-weight:400}
.sess .cost .price{color:var(--cyan);font-weight:700;font-size:22px;line-height:26.4px;margin-top:42px}

/* meet + form */
.sess .meet .in{padding:21px 20px 40px}
.sess .meet h2{margin-bottom:0}
.sess .meet .row{align-items:start}
.sess .meet .row p{font-size:20px;line-height:24px}
.sess .meet .row img{width:287px;height:485px;object-fit:cover;margin-top:9px}
.sess .meet .ask{font-weight:700;font-size:20px;line-height:24px;margin:19px 0 18px}
.sess .meet .lead-form{max-width:984px;flex-wrap:wrap;margin:0 auto;background:transparent;border:0;border-radius:0;padding:0;
  display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:flex-start}
.sess .meet .lead-title{display:none}
.sess .meet .lead-form label:not(.consent){display:block;flex:1 1 0;min-width:0;font-size:0;gap:0;order:1}
.sess .meet .lead-form input:not([type=checkbox]){width:100%;height:53px;background:#fff;border:.6667px solid #bbb;border-radius:3px;
  padding:14px 15px;font:400 20px/24px 'Assistant',sans-serif;color:#000}
.sess .meet .lead-form .btn{order:2;flex:none;white-space:nowrap;font-weight:700;padding:12.5px 20px;margin:0 0 5px}
.sess .meet .lead-form .consent{order:3;flex:1 1 100%;font-weight:400;font-size:13px;color:#555;margin-top:8px;text-align:center}
.sess .meet .lead-msg{order:4;flex:1 1 100%}
.sess .meet .book{margin-top:25px}
.sess .meet .lang{font-size:14px;color:#555;margin-top:10px}

@media (max-width:760px){
  .sess .in{padding:19px 20px 40px}
  .sess h2{font-size:34px}
  .sess .hero .in{grid-template-columns:1fr;gap:25px;padding:30px 20px 41px}
  .sess .hero .q{font-size:20px;line-height:24px}
  .sess .hero .box{font-size:22px;line-height:26.4px;padding:6px 12px}
  .sess .hero img{width:100%;max-width:335px;height:auto;aspect-ratio:1}
  .sess .strip .in{padding:8px 20px 10px}
  .sess .navy .in > p{max-width:none}
  .sess .row{grid-template-columns:1fr;gap:20px}
  .sess .row img,.sess .sand .row img,.sess .pinkbg .row img,.sess .method .row img{width:100%;max-width:335px}
  .sess .meet .row img{width:100%;max-width:335px;height:485px;margin-top:0}
  .sess .light h2{margin-bottom:12px}
  .sess .tst .in{padding:16px 8px 20px}
  .sess .tst h2{margin-bottom:16px}
  .sess .car{grid-template-columns:9px 1fr 9px;padding:4px 20px}
  .sess .car .track{width:257px;height:403px}
  .sess .car .nav{width:9px;height:403px}
  .sess .car .nav::before{width:8px;height:8px;border-width:0 0 2px 2px}
  .sess .qf{padding:7px 20px 7px}
  .sess .tst .quote{font-size:20px;line-height:24px}
  .sess .why .bar{padding:0 20px 10px;min-height:0;margin-bottom:10px}
  .sess .checks li{padding-left:50px}
  .sess .cost p{font-size:20px;line-height:24px}
  .sess .meet .lead-form{flex-direction:column;align-items:stretch;gap:8px}
  .sess .meet .lead-form label:not(.consent){flex:none}
  .sess .meet .lead-form .btn{margin-top:8px}
  .sess .pill.book{font-size:20px}
}