/* wide-l3.css: round 2 for the inner templates, service + city on line v3 (inc/wide-l3.php, option reef_wide_v1; loaded after
   wide.css). 25.10.2026, Mor 19:14: "תקנו בבקשה בכל המידות … הורידו טקסטים עמוסים מדיי … במיוחד במובייל". Findings:
   ops/wide-2510/r2/tpl/FINDINGS.md. Gate at 360-2560: one-line labels, ≤2 short lines per block on phones (the rest folds behind
   "המשך קריאה", assets/js/wide-l3.js), 44px targets on phones and tablets, nothing under 15px, no italics, logical properties only.
   Large screens (1800+) are NOT zoomed here (their 100vw / min-width rules break under zoom): bigger type and a 34em measure instead.
   Every rule is scoped to body.rf-wide; the template rules to the service + city pages. */

/* =============================== sitewide components (every template but the home) =============================== */

/* FAQ accordion (S2): no "01-07" counter (it took a 22px column and left orphans), the question gets the row, balanced lines */
body.rf-wide:not(.home) .rf-faq-acc summary{grid-template-columns:minmax(0,1fr) auto;padding-inline:16px 12px;text-wrap:balance}
body.rf-wide:not(.home) .rf-faq-acc summary:before{content:none;display:none}
body.rf-wide:not(.home) .rf-faq-acc summary>.rf-wl3-q{grid-column:1;min-width:0}
body.rf-wide:not(.home) .rf-faq-acc summary>.rf-wl3-q bdi{white-space:nowrap}
body.rf-wide:not(.home) .rf-faq-acc .a{padding-inline:16px}
@media(min-width:900px){body.rf-wide:not(.home) .rf-faq-acc summary{padding-inline:22px 16px}body.rf-wide:not(.home) .rf-faq-acc .a{padding-inline:22px}}

/* crumbs (S7, S8): 15px, 44px targets on phones and tablets */
body.rf-wide:not(.home) .rf-crumbs{font-size:15px}
@media(max-width:1199px){
  body.rf-wide:not(.home) .rf-crumbs{padding-block:2px 0}
  body.rf-wide:not(.home) .rf-crumbs a{min-height:44px}
}

/* forms: the honeypot is out of the page entirely (it was 1px, tabbable in some engines, and read as text by the checks) */
body.rf-wide .rf-form-hp{display:none!important}
@media(max-width:767px){body.rf-wide #main .rf-form label,body.rf-wide #main .rf-form-note{font-size:15px}}
@media(max-width:1199px){body.rf-wide #main .rf-form-note a{display:inline-flex;align-items:center;min-height:44px;vertical-align:middle}}

/* closing band (#rf-close and the chrome's .t7-close): the line balances, the marks never touch the buttons */
body.rf-wide .rf-l3-band p{text-wrap:balance}
body.rf-wide .rf-l3-band .t7-close-trust{margin-top:16px}
@media(max-width:767px){
  body.rf-wide .rf-l3-band .t7-mini small{font-size:15px}
  body.rf-wide.rf-ft3 .t7-close-act{row-gap:16px}
}

/* =============================== service + city =============================== */

/* no synthetic italics in Hebrew (FbEinstein has no italic): emphasis = weight */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main :is(em,cite,dfn){font-style:normal;font-weight:600}
/* "(Master Key)", "(300-400 ₪)" and friends never split */
body.rf-wide .rf-wl3-nw{white-space:nowrap}
/* a link "X – Y" shows X only (the tail stays in the link for readers and search) */
body.rf-wide .rf-wl3-sub{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} /* hidden on screen, kept in the link's accessible name */

/* links inside sentences: weight + colour, no underline (it cut through the line); the underline comes back on hover/focus.
   Links in list rows get a 44px hit area without changing the line (vertical padding on an inline box). */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 :is(p,li,dd) a:not([class]){font-weight:700;color:var(--kt);text-decoration:none;background:none;border:0}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 :is(p,li,dd) a:not([class]):is(:hover,:focus-visible){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-def-d a:not([class]){padding-block:13px}

/* chips: the related-services list, the city's "nearby" sentence (inc/wide-l3.php) and, on stacked layouts, the side links */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 1.6em;padding:0;list-style:none;max-width:none}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-chips>li{flex:1 1 auto;min-width:0;margin:0;padding:0}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-chips>li:before{content:none;display:none}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 ul.rf-wl3-chips>li>a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;box-sizing:border-box;background:#fff;border:1px solid #ddd5c8;border-radius:12px;color:var(--ki);font:700 16px/1.2 var(--kx);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,background-color .15s}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 ul.rf-wl3-chips>li>a:hover{border-color:var(--ki);background:var(--kw)}
@media(min-width:900px){body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-chips>li{flex:0 1 auto}body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 ul.rf-wl3-chips>li>a{padding-inline:20px}}
/* the city's lead-in sentence sits right on its chips; "למידע כללי: …" is a "more" line */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-lead{margin-bottom:12px}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-go a{display:inline-flex;align-items:center;gap:4px;min-height:44px;vertical-align:middle}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-go a:after{content:"";width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-go .rf-wl3-p{display:none}

/* lists of definitions: no stray indent (S3) */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs{padding-inline-start:0}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-def-l{text-wrap:balance}

/* hero price card: "300-400 ₪ / לכספת ביתית" (the note under the price, not a wrapped price) */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-t2-prices td .rf-wl3-tdn{display:block;font-size:15px;font-weight:400;line-height:1.3;color:var(--km);white-space:normal}

/* a nowrap word inside the price line keeps the line's own size (the chip label rule styles every span of the line) */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip .rf-wl3-nw{display:inline;min-height:0;margin:0;padding:0;background:none;border-radius:0;color:inherit;font:inherit;vertical-align:baseline}

/* city price pill: the whole pill is the link (44px), no underlined link inside a pill */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link{position:relative;display:inline-block;align-self:flex-start;padding:0 16px 0 8px;box-sizing:border-box;background:#fff;border:1px solid #ece4d8;border-radius:23px;box-shadow:var(--s1);width:auto;max-width:100%;transition:border-color .15s}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link:hover{border-color:var(--ki)}
@media(max-width:379px){body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero p.rf-price-chip-link{padding-inline-end:12px;text-align:start}body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero p.rf-price-chip-link:after{display:none}}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link:after{content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;margin-inline-start:8px;background:var(--kt);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link>span:first-child{margin-inline-end:8px}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link a{display:inline-flex;align-items:center;min-height:44px;vertical-align:middle;padding:0;background:none;color:var(--ki);text-decoration:none}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link a:after{content:"";position:absolute;inset:0;border-radius:inherit}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link a:focus-visible{outline:0}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link:has(a:focus-visible){outline:3px solid var(--kt);outline-offset:3px}

/* review texts: no one-word last line */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose :is(.rf-t2-rv-card blockquote p,.rf-review-card p){text-wrap:balance}

/* the review pill: the whole pill is the link, no underlines inside it */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose .rf-t2-rv-all{text-decoration:none}

/* mid CTA: one fact per line on phones (the "בממוצע" orphan) */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-cta-mid .rf-wl3-l{white-space:nowrap}

/* the fold buttons (assets/js/wide-l3.js puts them in; phones only) */
body.rf-wide :is(.rf-wl3-more,.rf-wl3-formt){display:none}

/* FAQ heading: the same overline as every other H2 (it had a two-tone bar under it) */
body.rf-wide:not(.home) .rf-prose-v2>h2.rf-faq-h{padding-bottom:0}
body.rf-wide:not(.home) .rf-prose-v2>h2.rf-faq-h:after{content:none}
body.rf-wide:not(.home) .rf-prose-v2>h2.rf-faq-h:before{content:"";position:static;display:block;width:40px;height:4px;border-radius:2px;background:var(--ko);margin-bottom:14px}

/* review quotes: the home's "קראו עוד" under a clamped quote (wide-l3.js), the full text when open */
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-rmore{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;margin:-6px 0 -8px;padding:0;background:none;border:0;color:var(--kt);font:700 16px/1.2 var(--kx);cursor:pointer}
body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose .rf-t2-rv-card.rf-wl3-on blockquote p{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}

/* =============================== phones and tablets: 44px targets =============================== */
@media(max-width:1199px){
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-links a{min-height:44px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-areas a{min-height:44px;font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-toc li a{min-height:44px;align-items:center;padding-block:4px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-links{display:flex;flex-wrap:wrap;gap:4px 18px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-links a{min-height:44px}
}

/* =============================== stacked layout (≤899): the side after the article (S6) =============================== */
@media(max-width:899px){
  /* the call box repeats the hero (kept on partner-city pages: it carries "מנעולן שותף באזור"), the TOC lands at the page end,
     the steps card repeats the article; the city's 30 nearby cities give way to the article's own nearby chips */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city):not(.rf-wl3-partner) #main .rf-side>.rf-callbox,
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side>.rf-toc,
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side>.rf-card:has(>.rf-ol),
  body.rf-wide.rf-l3-city #main .rf-side>.rf-card:has(>.rf-areas),
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side>.rf-wl3-merged{display:none}
  /* side links as chips */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-links{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-links li{flex:1 1 auto;min-width:0;margin:0;padding:0;border:0}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-links li:before{content:none;display:none}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;box-sizing:border-box;background:#fff;border:1px solid #ddd5c8;border-radius:12px;color:var(--ki);font:700 16px/1.2 var(--kx);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* strict grids once the script has measured the labels (wide-l3.js; without it the chips flow): equal columns, every label on
     one line; a list whose labels can't fit two columns becomes one-column rows with a chevron (the home's service rows) */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-wl3-g{display:grid!important;grid-template-columns:repeat(var(--wl3-cols,2),minmax(0,1fr));gap:8px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-wl3-g>*{min-width:0;flex:none}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-wl3-g a{width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;padding-inline:8px!important;box-sizing:border-box}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main ul.rf-wl3-rows{display:block!important;margin:4px 0 1.6em;padding:0 16px;list-style:none;background:#fff;border:1px solid #ece4d8;border-radius:16px;box-shadow:var(--s1)}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side ul.rf-wl3-rows{margin:0;padding:0;background:none;border:0;box-shadow:none}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main ul.rf-wl3-rows>li{flex:none;width:auto;margin:0;padding:0;border:0}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main ul.rf-wl3-rows>li+li{border-top:1px solid #efe7dc!important}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main ul.rf-wl3-rows>li>a{display:flex;align-items:center;justify-content:space-between!important;gap:12px;min-height:52px;padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:var(--ki);font:700 16px/1.3 var(--kx);text-decoration:none;white-space:normal;overflow:visible}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main ul.rf-wl3-rows>li>a:after{content:"";flex:none;width:16px;height:16px;background:var(--kt);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-areas{display:flex;flex-wrap:wrap;gap:8px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-areas a{flex:1 1 auto;justify-content:center;min-height:48px;padding-inline:14px;font-size:16px;border-radius:12px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-card{padding:18px 16px}
}

/* =============================== tablets (768-899): the "בקצרה" box folds as on phones =============================== */
@media(min-width:768px) and (max-width:899px){
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-wl3-x{display:none!important}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-wl3-dotm:after{content:"."}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-wl3-more{display:flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0;background:none;border:0;border-radius:6px;color:var(--kt);font:700 16px/1.2 var(--kx);cursor:pointer}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-wl3-more i{width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-wl3-more[aria-expanded="true"] i{transform:rotate(180deg)}
}

/* =============================== phones (≤767) =============================== */
@media(max-width:767px){
  /* hero: one price display, one rating display (S4), the date stays at the page end */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-l3-marks,
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-upd,
  body.rf-wide.rf-l3-service .rf-ihero .rf-price-chip{display:none}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-eyebrow{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-answer{margin-top:16px;padding:14px 16px 8px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-answer b{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-answer:not(:has(.rf-wl3-more)){padding-bottom:14px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip-link{margin-top:14px;font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-price-chip>span:first-child{font-size:15px;min-height:26px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .t7-trow a .t7-tr-l{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-t2-prices .rf-t2-note{font-size:15px;line-height:1.45}

  /* reviews: one review card in the article; the second review block (the same Google reviews again) is not shown (S5) */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-t2-rv-card:nth-child(n+2),
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-reviews-inline{display:none}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-t2-rv{padding:18px 16px 16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-t2-rv-head{justify-content:flex-start}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-t2-rv-all span{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-more+:is(.rf-cta-mid,.rf-t2-rv){margin-top:6px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-t2-rv-card .meta .d{font-size:15px}

  /* quick answer: the label runs in the line (so the 2-line fold shows two lines of answer) */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-quick{padding:14px 16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-quick .rf-quick-l{display:inline;margin:0;margin-inline-end:6px;font-size:15px}

  /* definition lists as rows in one card (S3, P1): label | price on price lists, label over its text elsewhere */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs{display:block;margin-bottom:1.4em;padding:2px 16px;background:#fff;border:1px solid #ece4d8;border-radius:16px;box-shadow:var(--s1)}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs>.rf-def{margin:0;padding:12px 0;background:none;border:0;border-bottom:1px solid #efe7dc;border-radius:0;box-shadow:none;font-size:16px;line-height:1.55}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs>.rf-def:last-child{border-bottom:0}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs .rf-def-l{margin:0 0 2px;font-size:16.5px;line-height:1.35}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs:has(>.rf-def-price){border-top:3px solid var(--ko)}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs:has(>.rf-def-price)>.rf-def{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:baseline;padding-block:11px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs:has(>.rf-def-price)>.rf-def>.rf-def-l{grid-column:1;margin:0;font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs:has(>.rf-def-price)>.rf-def>:is(.nw,.rf-def-d){grid-column:2;grid-row:1;font:800 17px/1.3 var(--kx);color:var(--ki);white-space:nowrap;text-align:end}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs:has(>.rf-def-price)>.rf-def>.rf-def-d{font-weight:700;font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs:has(>.rf-def-price) .rf-wl3-rest{grid-column:1 / -1;font-size:15px;line-height:1.4;color:var(--km)}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs:has(>.rf-def-price)>.rf-def>.rf-wl3-val{grid-column:1 / -1;font-size:15.5px;line-height:1.45;color:var(--k2)} /* a long text value: its own line under the label (2.11.2026) */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-defs:has(>.rf-def-price)>.rf-def>.rf-def-d.rf-def-d-long{grid-column:1 / -1;grid-row:auto;font-family:inherit;font-weight:400;font-size:15.5px;line-height:1.45;color:var(--k2);white-space:normal;text-align:start}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-p{display:none}

  /* the fold (assets/js/wide-l3.js): the first paragraph at two lines, lists as their labels, the rest behind "המשך קריאה" */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-clamp.rf-wl3-pb{padding-bottom:0;border-bottom:var(--wl3-pb) solid var(--wl3-bg)}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-quick.rf-wl3-clamp{box-shadow:0 1px 0 #ece4d8,var(--s1)}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-x{display:none!important}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-dotm:after{content:"."}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-lab :is(.rf-def-d,.rf-wl3-c){display:none}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-lab.rf-defs>.rf-def{padding-block:11px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-lab.rf-defs .rf-def-l{margin:0}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-more{display:flex;align-items:center;gap:6px;min-height:44px;margin:-10px 0 14px;padding:0;background:none;border:0;border-radius:6px;color:var(--kt);font:700 16px/1.2 var(--kx);cursor:pointer;-webkit-tap-highlight-color:transparent}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-more i{width:16px;height:16px;flex:none;background:currentColor;transition:transform .2s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-wl3-more[aria-expanded="true"] i{transform:rotate(180deg)}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-wl3-more{margin:0}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 :is(.rf-defs,ol,ul)+.rf-wl3-more{margin-top:-8px}
  @media(prefers-reduced-motion:reduce){body.rf-wide .rf-wl3-more i{transition:none}}

  /* FAQ: "הצגת שאלות נוספות" right under the fifth question */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-faqm{margin:-12px 0 18px}

  /* the side's lead form behind one button (wide-l3.js; the PDP's wording and look) */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-wl3-formt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;margin:0;padding:10px 18px;background:#fff;border:1px solid #ece4d8;border-radius:var(--krl);box-shadow:var(--s1);color:var(--ki);font:800 19px/1.25 var(--kx);text-align:start;cursor:pointer}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-wl3-formt i{flex:none;width:34px;height:34px;border-radius:50%;color:var(--kt);background:var(--l3-plus),var(--kw);transition:transform .25s ease}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-wl3-formt[aria-expanded="true"] i{transform:rotate(45deg);color:var(--ki);background:var(--l3-plus),var(--ko)}

  /* the closing band: its heading and the call pair (the line under the heading repeats the hero) */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-l3-band .rf-l3-band-tx>p:not(.t7-live){display:none}
  /* the author box: one link (the two profile links are the hero's rating row again) */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-links a:not(:first-child){display:none}

  /* mid CTA: one fact per line */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-cta-mid .rf-wl3-l{display:block}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-cta-mid .rf-wl3-dot{display:none}

  /* author block: name on two lines, the ratings (already in the hero, the reviews and the closing band) and the second
     "נכתב על ידי" line not repeated; 15px, 44px links (S7, S8) */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author{gap:12px;padding:18px 16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author img{width:66px;height:88px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-name .rf-wl3-l{display:block}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) :is(.rf-author-name,.rf-author-meta,.rf-updated) .rf-wl3-dot:has(+.rf-wl3-rt),
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-name .rf-wl3-dot,
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) :is(.rf-author-meta,.rf-updated) .rf-wl3-rt{display:none}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-meta,
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-links a,
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-updated{font-size:15px}
}

/* =============================== desktop (≥1024): a side that keeps up with the article =============================== */
/* The whole side used to be sticky (reef.js .stick) but it is taller than any screen, so its lower half never showed and it ended
   far above the article's end. Now the side runs the article's full height and the call box rides along under the header; the
   cards after it scroll past beneath it. */
@media(min-width:1024px) and (min-height:720px){
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-layout>.rf-side{position:static;align-self:stretch;align-content:start}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side>.rf-callbox{position:sticky;top:96px;z-index:3}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side>:not(.rf-callbox){position:relative;z-index:1}
}
/* short-text blocks don't stretch across a wide column */
@media(min-width:1200px){
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2>:is(.rf-faq-acc,.rf-cta-mid,.rf-author){max-width:min(100%,880px)}
}

/* =============================== large screens (≥1800; not zoomed): bigger type, a 34em measure =============================== */
@media(min-width:1800px){
  body.rf-wide:is(.rf-l3-service,.rf-l3-city){--ks:420px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main{font-size:19px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2>:is(p,ul,ol,h3,h4,blockquote,.rf-ul,.rf-quick){max-width:34em}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2>:is(.rf-defs,.rf-t2-rv,.rf-reviews-inline,figure,.rf-wl3-chips){max-width:58em}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-wl3-chips{max-width:none}
  /* hero */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-answer{font-size:19px;max-width:39em}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero :is(.rf-answer b,.rf-upd,.rf-price-chip>span:first-child){font-size:15px!important}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero :is(.rf-ihero-note,.rf-price-chip){font-size:17px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-eyebrow{font-size:16.5px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .t7-trow{font-size:17px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .t7-trow a :is(.t7-tr-c,.t7-tr-l){font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-l3-marks a span{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-t2-prices{font-size:18px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-t2-prices .rf-t2-note{font-size:15.5px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-l3-map figcaption{font-size:16px}
  /* article */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-def{font-size:17px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-def-l{font-size:18px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-quick-l{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-cta-mid span{font-size:17px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-faq-acc summary{font-size:20px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-faq-acc .a{font-size:18.5px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose .rf-t2-rv-all{font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose .rf-t2-rv-card .meta,
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose .rf-t2-rv-card .meta .d{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose :is(.rf-t2-rv-card blockquote p,.rf-review-card p){font-size:17.5px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose .rf-t2-rv-card .who b{font-size:17px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-reviews-inline .t7-plate-s{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose .rf-review-card footer{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-name{font-size:20px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) :is(.rf-author-meta,.rf-author-links a){font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-author-meta{max-width:34em}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-l3-pin b{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-tbl th{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-updated{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 ul.rf-wl3-chips>li>a{font-size:17px;min-height:52px}
  /* side */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-callbox :is(.s,.rf-callbox-list){font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-callbox .h{font-size:24px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-card h3,body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-form h3{font-size:22px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main :is(.rf-toc ol,.rf-side .rf-ol,.rf-side .rf-links a){font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-toc li a:before{font-size:15px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-side .rf-areas a{font-size:16px;min-height:40px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-form label{font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-form-note{font-size:16px}
  /* crumbs + closing band */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-crumbs{font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-l3-band p{font-size:19px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-l3-band .t7-live{font-size:17px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-l3-band .t7-mini{font-size:16px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-l3-band .t7-mini small{font-size:15px}
}
@media(min-width:2200px){
  /* a wider side column takes the free width (it stays aligned with the hero's side), not a strip between the text and the side */
  body.rf-wide:is(.rf-l3-service,.rf-l3-city){--kc:min(calc(100vw - 256px),1760px);--ks:540px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main{font-size:20px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-ihero .rf-answer{font-size:20px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-def{font-size:18px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-def-l{font-size:19px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose-v2 .rf-faq-acc .a{font-size:19.5px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) .rf-prose :is(.rf-t2-rv-card blockquote p,.rf-review-card p){font-size:18.5px}
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main .rf-callbox :is(.s,.rf-callbox-list),
  body.rf-wide:is(.rf-l3-service,.rf-l3-city) #main :is(.rf-toc ol,.rf-side .rf-ol,.rf-side .rf-links a){font-size:17px}
}