/* /kids on the canvas (src/lib/kids-page.ts), on top of canvas.css. */

/* Testimonials (src/lib/kids-reviews.ts): the Google summary on one line, four of the home page's review cards a page
   with arrows, in the 1320 x 495 block the Elfsight widget had. Card rules as on the home page (home.css). */
.dpk-revs { position: relative; height: 495px; display: flex; flex-direction: column; font-family: 'Outfit', sans-serif; color: #1a1a1a; }
.dpk-revs__head { display: flex; align-items: center; justify-content: center; gap: 14px; height: 60px; }
.dpx-c .dpk-revs__head p { margin: 0; color: #1a1a1a; }
.dpx-c .dpk-revs__score { font-size: 28px; line-height: 1; font-weight: 700; }
.dpk-revs__head .dpx-rev__stars { margin: 0; }
.dpx-c .dpk-revs__count { font-size: 14px; color: rgba(26, 26, 26, .6); }
.dpk-revs__cta { margin-left: 18px; display: inline-flex; align-items: center; height: 40px; padding: 0 22px; border-radius: 999px; background: #1f1f1f; color: #fff !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.dpk-revs__cta:hover { background: var(--dp-accent); color: #1a1a1a !important; }
.dpk-revs__all { font-size: 14px; color: rgba(26, 26, 26, .6) !important; text-decoration: underline; text-underline-offset: 3px; }
.dpk-revs__view { flex: 1; margin-top: 24px; overflow: hidden; }
.dpk-revs__track { display: flex; height: 100%; transition: transform .7s var(--ease-modal, ease); }
.dpk-revs .dpx-rev { flex: 0 0 312px; margin-right: 24px; box-sizing: border-box; height: 100%; padding: 28px; border-radius: 24px; background: #fff; color: #111; display: flex; flex-direction: column; }
.dpk-revs__arrow { all: unset; position: absolute; top: calc(60px + 24px + 50% - 66px); width: 44px; height: 44px; border-radius: 50%; background: #1f1f1f; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 18px rgba(0, 0, 0, .18); }
.dpk-revs__arrow[hidden] { display: none; }
.dpk-revs__arrow--prev { left: -22px; }
.dpk-revs__arrow--next { right: -22px; }
.dpk-revs__arrow svg { width: 14px; height: 14px; fill: none; stroke: var(--dp-accent, #a3cb4d); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dpk-revs__arrow:focus-visible { outline: 2px solid var(--dp-accent); outline-offset: 3px; }
.dpx-rev__head { display: flex; align-items: center; gap: 12px; }
.dpx-rev__avatar { position: relative; flex: none; width: 44px; height: 44px; }
.dpx-rev__avatar img, .dpx-rev__avatar i { width: 44px; height: 44px; border-radius: 50%; display: block; object-fit: cover; }
.dpx-rev__avatar i { background: #0b8a6b; color: #fff; font-style: normal; font-size: 20px; line-height: 44px; text-align: center; }
.dpx-rev__g { position: absolute; right: -6px; bottom: -6px; width: 22px; height: 22px; }
.dpx-rev__who { display: flex; flex-direction: column; min-width: 0; }
.dpx-rev__name { font-size: 16px; font-weight: 600; line-height: 20px; display: flex; align-items: center; gap: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dpx-rev__check { width: 14px; height: 14px; fill: #0e8b25; flex: none; }
.dpx-rev__date { font-size: 12px; line-height: 16px; color: rgba(17, 17, 17, .5); margin-top: 3px; }
.dpx-rev__stars { display: flex; gap: 0; margin: 18px 0 12px; }
.dpx-rev__stars svg { width: 22px; height: 22px; fill: #fbbc05; }
.dpx-c .dpx-rev__text { font-size: 16px; line-height: 1.6; color: #111; margin: 0; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
.dpx-c .dpx-rev__more, .dpx-rev-modal .dpx-rev__more { all: unset; cursor: pointer; margin-top: auto; padding-top: 10px; font-size: 15px; line-height: 23px; color: #0e8b25; align-self: flex-start; }
.dpx-c .dpx-rev__more[hidden] { display: none; }
.dpx-rev__more:hover { text-decoration: underline; }
.dpx-rev-modal .dpx-rev { height: auto; background: none; padding: 0; margin: 0; }
.dpx-rev-modal .dpx-rev__text { display: block; -webkit-line-clamp: unset; margin-top: 8px; white-space: pre-line; font-size: 16px; line-height: 1.6; }

/* The white stripe's two ends (hero start, closing end) as true semicircles: the migrated shape drew its corners with
   quadratic curves, which read as squared-off; a flat fill with a full radius replaces it. */
:is([class*="fe-block-da7870b676575d362238"], [class*="fe-block-710f1af8da6d217aa012"]) svg { display: none !important; }
[class*="fe-block-da7870b676575d362238"] .sqs-block-content { background: #fff; border-radius: 46.5px 0 0 46.5px; }
[class*="fe-block-710f1af8da6d217aa012"] .sqs-block-content { background: #fff; border-radius: 0 46.5px 46.5px 0; }
:is([class*="fe-block-da7870b676575d362238"], [class*="fe-block-710f1af8da6d217aa012"]) .sqs-block-content { height: 100%; }