/* Unfold the SEO copy (2026-07-26).

   The theme trims the intro to 40 words for display and parks the remainder in
   a sibling <div class="full-text" style="display:none">, revealed by "קרא עוד".
   Measured across the site: 40 words rendered per page against 6,836 words
   sitting behind that button — 1,224 of them on the Real Madrid page alone.

   Google indexes text inside expandable sections, so this is not a ranking
   penalty. It matters for the answer engines, which quote what is rendered.

   The visitor's experience is unchanged: the full text is rendered and folded
   to four lines, and the same button unfolds it. The 40-word teaser is hidden
   because the full text already opens with those same words — showing both
   would print them twice.

   Nothing in the template changes. Undoing this is deleting this file.
   Loaded only on the listing pages (see tiktik_is_listing_family). */

.intro-text-readmore .short-text { display: none !important; }

.intro-text-readmore .full-text {
  display: block !important;
  position: relative;
  /* fixed pixels, not em: several of these blocks open with a two-line heading,
     and four ems of fold showed the heading and nothing else. 200px leaves the
     heading plus a few lines of prose. This block sits below the products, so
     its height costs nothing on the landing screen. */
  max-height: 200px;
  overflow: hidden;
}

/* the fade tells the reader there is more, without a second control */
.intro-text-readmore .full-text::after {
  content: ""; position: absolute; inset: auto 0 0 0; height: 2.4em;
  background: linear-gradient(to top, #fff 25%, rgba(255, 255, 255, 0));
  pointer-events: none;
}

.intro-text-readmore.is-open .full-text { max-height: none; }
.intro-text-readmore.is-open .full-text::after { display: none; }

/* the button sits after the folded block, so the fold never clips it */
.intro-text-readmore .read-more-btn { position: relative; z-index: 1; }