body, .page { background: #fbf2e3; }
.age-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.s-rs-m { display: none; }  /* mobile-only standalone Related Stories ribbon */

@media (min-width: 1200px) {

  .page { height: 155.25rem; }
  .s-sec, .s-decor { position: absolute; left: 0; top: 0; width: 100%; height: 0; }
  .s-sec   { z-index: 1; }
  .s-decor { z-index: 0; }
  .rot-box { display: flex; align-items: center; justify-content: center; }
  .rot-box > * { flex: none; }

  .age-hero { left: 0; top: 0; width: 120rem; height: 50rem; overflow: hidden; isolation: isolate; }
  .age-hero-img { left: 0; top: 0; width: 120rem; height: 50rem; object-fit: cover; }
  .age-lens-in { left: 56rem; top: 7.5938rem; width: 38.6875rem; height: 38.6875rem; object-fit: cover; }
  .age-lens    { left: 55rem; top: -26.7706rem; width: 98.8125rem; height: 95.7287rem; object-fit: cover; }
  .age-shade-l { left: 0; top: 0; width: 63.875rem; height: 50rem; opacity: .85; mix-blend-mode: multiply;
                  background: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 64.384%, #000 100%); }
  .age-shade-r { right: 0; top: 0; width: 18.1875rem; height: 50rem; opacity: .5; mix-blend-mode: multiply;
                  background: linear-gradient(to right, rgba(0,0,0,0) 0%, #000 100%); }

  .handwriting { left: 18.1875rem; top: 19.3204rem; width: 12.375rem; height: 1.3046rem; }
  .age-h1 { left: 18.1875rem; top: 22.5rem; width: 21.625rem; }
  .age-p  { left: 18.1875rem; top: 30.9375rem; width: 21.625rem; }

  .age-h2     { left: 18.1875rem; top: 53.125rem; width: 19.5rem; }
  .age-body   { left: 18.1875rem; top: 57rem; width: 19.5rem; }
  .age-impact { left: 39.5625rem; top: 53.125rem; }
  .age-line   { left: 39.5625rem; top: 55.125rem; width: 62.25rem; height: 0.0625rem; }

  .age-icon-run   { left: 43.346rem;  top: 57.3438rem; width: 3.0581rem;  height: 4.5312rem; }
  .age-icon-hand  { left: 68.4904rem; top: 57.3438rem; width: 4.3941rem; height: 4.5312rem; }
  .age-icon-heart { left: 79.7529rem; top: 57.3438rem; width: 7.6817rem; height: 4.5312rem; }
  .age-ring-53     { left: 54.0312rem;  top: 57.3437rem; width: 7.5rem; height: 7.5rem; }
  .age-ring-53-tip { left: 55.1761rem; top: 57.3437rem; width: 2.6051rem; height: 1.5817rem; }
  .age-ring-73     { left: 92.75rem; top: 57.3437rem; width: 7.5rem; height: 7.5rem; }
  .age-ring-73-tip { left: 93.8949rem; top: 57.3437rem; width: 2.6051rem; height: 1.5817rem; }
  /* кільця за відсотком (див. .pct-ring у styles.css) — у коробках колишніх картинок */
  .pct-ring-53 { left: 54.0312rem; top: 57.3437rem; width: 7.5rem; height: 7.5rem; }
  .pct-ring-73 { left: 92.75rem;   top: 57.3437rem; width: 7.5rem; height: 7.5rem; }

  .age-n1 { left: 42.0938rem;  top: 62.9375rem; }
  .age-n2 { left: 55.75rem;    top: 60.3124rem; }
  .age-n3 { left: 67.9688rem; top: 62.9375rem; }
  .age-n4 { left: 82.2188rem; top: 62.9375rem; }
  .age-n5 { left: 94.4688rem; top: 60.3124rem; }
  .age-c1 { left: 39.5625rem;    top: 66.0625rem; width: 10.625rem; }
  .age-c2 { left: 52.4688rem;  top: 66.0625rem; width: 10.625rem; }
  .age-c3 { left: 65.375rem;   top: 66.0625rem; width: 10.625rem; }
  .age-c4 { left: 78.2812rem; top: 66.0625rem; width: 10.625rem; }
  .age-c5 { left: 91.1875rem;   top: 66.0625rem; width: 10.625rem; }

  .age-ribbon { left: -9.8973rem; top: 78.4688rem; width: 191.6684rem; height: 24.5864rem; }
  .age-rs { left: 18.1121rem; top: 88.5288rem; width: 19.3788rem; height: 4.5437rem; }
  .age-rs > img { width: 19.2147rem; height: 3.4764rem; transform: rotate(3.2deg); }

  .age-card      { left: 43.3941rem;  top: 81.0144rem; width: 34.9704rem; height: 20.9292rem; }
  .age-card > div { width: 33.8125rem; height: 18.75rem; background: #fff;
                     border: 0.125rem solid #f178dd; border-radius: 1.875rem; transform: rotate(-3.76deg); }
  .age-balls     { left: 69.1452rem; top: 82.925rem; width: 6.9504rem; height: 6.5426rem; }
  .age-balls > img { width: 6.5625rem; height: 6.125rem; transform: rotate(-3.76deg); }
  .age-card-title { left: 45.3881rem; top: 83.3694rem; width: 24.7444rem; height: 5.1673rem; }
  .age-card-title > p { width: 24.5635rem; transform: rotate(-3.76deg); }
  .age-card-body  { left: 45.7836rem; top: 89.835rem; width: 17.9644rem; height: 6.8946rem; }
  .age-card-body > p { width: 17.625rem; transform: rotate(-3.76deg); }
  .age-card-more  { left: 52.5644rem; top: 96.2419rem; width: 19.7035rem; height: 2.1656rem; }
  .age-card-more > p { width: 19.6885rem; transform: rotate(-3.76deg); text-align: right; }
  .age-card-arrow { left: 73.1859rem; top: 95.0819rem; width: 2.7958rem; height: 2.854rem; }
  .age-card-arrow > img { width: 2.625rem; height: 2.6875rem; transform: rotate(-3.76deg); }

  .age-tree { left: 11.2349rem; top: 90.0234rem; width: 36.1875rem; height: 30.875rem; }
  .age-pavilion  { left: 80.6875rem; top: 85.0276rem; width: 37.1875rem; height: 35.875rem; }
  .age-fig-l     { left: 0.3368rem; top: 104.1875rem; width: 15.3125rem; height: 19.8125rem; }
  .age-fig-r1    { left: 72.0rem; top: 104.75rem; width: 13.625rem; height: 17.1875rem; }
  .age-fig-r2    { left: 83.6875rem; top: 105.625rem; width: 12.1875rem; height: 13.9375rem; }
  .age-fig-r3    { left: 98.0625rem; top: 100.5625rem; width: 13.5625rem; height: 16.25rem; }
  .age-band-1    { left: 50.067rem; top: 110.925rem; width: 69.875rem; height: 17.375rem; }
  .age-band-2    { left: 0rem; top: 115.8708rem; width: 67.1875rem; height: 13.3125rem; }
  .age-band-3    { left: 0rem; top: 117.8253rem; width: 120rem; height: 11.3125rem; }
  .age-bush      { left: 44.5rem; top: 109.6875rem; width: 10.8125rem; height: 11.25rem; }
  .age-lamp-1    { left: 54.4195rem; top: 103.003rem; width: 7.0625rem; height: 17rem; }
  .age-lamp-2    { left: 110.875rem; top: 103.1352rem; width: 5.25rem; height: 12.5rem; }
  .age-lamp-3    { left: 67.3704rem; top: 103.6884rem; width: 5.25rem; height: 12.5rem; }
  .age-flowers-1 { left: 100.8355rem; top: 118.3125rem; width: 19.1875rem; height: 6.375rem; }
  .age-flowers-2 { left: 0.0rem; top: 119.6875rem; width: 21.875rem; height: 6.0625rem; }
  .age-flowers-3 { left: 0.0rem; top: 125.0625rem; width: 16.6875rem; height: 6.375rem; }

  .nav-next { left: 62.7611rem; top: 123.3046rem; }
  .nav-next-label { top: 1.0625rem; }
  .nav-next-arrow { left: 3.2849rem; top: 0; width: 3rem; height: 3rem; }
  .nav-prev-label { left: 54.579rem; top: 124.3671rem; opacity: 1; }
  .nav-prev-arrow { left: 50.954rem; top: 123.3046rem; width: 3rem; height: 3rem; transform: rotate(180deg); }

  .footer-bg     { top: 129rem; }
  .f-line-top    { top: 135.1669rem; }
  .f-line-bottom { top: 150.15625rem; }
  .f-logo        { left: 18.1881rem; top: 138.3525rem; }
  .f-fb, .f-ig, .f-tt, .f-web { top: 145.5974rem; }
  .f-li          { top: 145.7199rem; }
  .f-divider     { top: 138.3525rem; }
  .f-head-services, .f-head-stories { top: 138.3525rem; }
  .f-c1-1, .f-c2-1, .f-c3-1 { top: 140.5772rem; }
  .f-c1-2, .f-c3-2 { top: 142.5349rem; }
  .f-c2-2 { top: 142.5147rem; }
  .f-c1-3, .f-c3-3 { top: 144.4724rem; }
  .f-c2-3 { top: 144.4522rem; }
  .f-c1-4, .f-c3-4 { top: 146.4099rem; }
  .f-legal { top: 152.0974rem; }
}

.nav-prev-label, .nav-next-label { color: #fff; opacity: 1; text-decoration: none; }

.age-h1, .age-p, .age-h2, .age-body, .age-impact,
.age-n1, .age-n2, .age-n3, .age-n4, .age-n5,
.age-c1, .age-c2, .age-c3, .age-c4, .age-c5,
.age-card-title > p, .age-card-body > p, .age-card-more > p {
  text-box-trim: trim-both; text-box-edge: cap alphabetic;
  text-box: trim-both cap alphabetic; overflow-wrap: break-word;
}
.age-h1 { font-weight: 700; font-size: 3.4375rem; line-height: normal; color: #fff; }
.age-p  { font-weight: 500; font-size: 1.25rem; line-height: normal; color: #fff; }
.age-h2 { font-weight: 700; font-size: 2.8125rem; line-height: normal; color: #1a5edb; }
.age-body { font-weight: 500; font-size: 1.25rem; line-height: 1.625rem; color: #000; }
.age-impact { font-weight: 700; font-size: 1.375rem; line-height: normal; color: #7a00d0; white-space: nowrap; }
.age-n1, .age-n2, .age-n3, .age-n4, .age-n5 {
  font-weight: 700; font-size: 2.1875rem; line-height: normal; color: #7a00d0; white-space: nowrap;
}
.age-c1, .age-c2, .age-c3, .age-c4, .age-c5 {
  font-weight: 500; font-size: 1rem; line-height: normal; color: #000; text-align: center;
}
.age-card-title > p { font-weight: 700; font-size: 1.875rem; line-height: normal; color: #1a5edb; }
.age-card-body > p  { font-weight: 500; font-size: 1.25rem; line-height: 1.625rem; color: #000; }
.age-card-more > p  { font-weight: 700; font-size: 1.25rem; line-height: normal; color: #1a5edb; }
.age-card-more { text-decoration: none; }  /* як на інших сторінках — клієнт: підкреслення тут вибивалось */

@media (max-width: 1199.98px) {
  .s-sec, .s-decor { position: static; width: auto; height: auto; z-index: auto; }
  .rot-box { display: block; }
  .page { display: flex; flex-direction: column; }
  .s-hero { order: 0; } .s-intro { order: 1; } .s-svc { order: 2; } .s-stats { order: 3; }
  .s-rs-m { order: 4; } .s-card { order: 5; } .s-scene { order: 6; }
  .s-pager { order: 7; } .s-footer { order: 20; }

  /* Related Stories as a standalone arched ribbon (client: follow other pages).
     The ribbon + text embedded in the park scene are hidden; the park shows below the card. */
  .age-ribbon, .age-stage .age-rs { display: none; }
  .s-rs-m { display: flex; align-items: center; justify-content: center;
            min-height: 104px; padding: 0 var(--pad); margin-top: 30px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 90' preserveAspectRatio='none'%3E%3Cpath d='M0 20 Q200 8 400 20 L400 70 Q200 58 0 70 Z' fill='%237a00d0'/%3E%3Cpath d='M0 20 Q200 8 400 20' fill='none' stroke='%23ffffff' stroke-width='3.5'/%3E%3Cpath d='M0 70 Q200 58 400 70' fill='none' stroke='%23ffffff' stroke-width='3.5'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
  .age-rs-m { display: block; width: 240px; }
  .age-rs-m > img { width: 100%; height: auto; transform: rotate(4.7deg); }

  .age-hero { position: relative; width: 100%; height: auto; aspect-ratio: 430 / 320; overflow: hidden;
              --hf: 1.78605; --hx: -62.8029%; }
  .age-hero-img { position: absolute; left: var(--hx); top: 0;
                  width: calc(100% * var(--hf)); height: 100%; object-fit: cover; }
  .age-lens-in { position: absolute; left: calc(var(--hx) + 46.67% * var(--hf)); top: 15.19%;
                 width: calc(32.24% * var(--hf)); height: 77.38%; object-fit: cover; }
  .age-lens    { position: absolute; left: calc(var(--hx) + 45.83% * var(--hf)); top: -53.54%;
                 width: calc(82.34% * var(--hf)); height: 191.46%; object-fit: cover; }
  .age-shade-l, .age-shade-r { display: none; }

  /* Кольорова смуга під банером — як на решті сторінок: на світлих сторінках (#fbf2e3,
     #dde7fa) вона синя, на темно-синіх — помаранчева. Тут фон сторінки світлий, тож синя,
     один-в-один із Stable і Healthy and Supportive (клієнт). */
  .s-intro { background: #1a5edb; padding: 30px var(--pad) 34px; }
  .s-svc { padding: 30px var(--pad) 0; }
  .handwriting { position: relative; width: 168px; height: auto; aspect-ratio: 198 / 20.873; margin-bottom: 16px; }
  .hw-1 { position: absolute; left: 0; top: 0; width: 41.639%; height: 78.13%; }
  .hw-2 { position: absolute; left: 46.27%; top: 0; width: 53.73%; height: 100%; }
  .age-h1 { font-size: var(--h1); line-height: 1.12; color: #fff; }
  .age-p  { margin-top: 16px; font-size: var(--body); line-height: 1.5; color: #fff; max-width: 46ch; }
  .age-h2 { margin-top: 0; font-size: var(--h2); line-height: 1.12; }
  .age-body { margin-top: 14px; font-size: var(--body); line-height: 1.5; max-width: 62ch; }

  .s-stats { padding: 30px var(--pad) 0; }
  .age-impact { font-size: 18px; }
  .age-line { width: 100%; height: 1px; margin-top: 11px; }
  .age-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 30px 18px; margin-top: 26px; }
  .age-stat { display: flex; flex-direction: column; align-items: center; text-align: center; }
  .age-ico { position: relative; width: var(--ico); height: var(--ico); margin-bottom: 12px; flex: none; }
  .age-ico > img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: 82%; }
  .age-ico > .age-ring-53, .age-ico > .age-ring-73 { left: 0; top: 0; width: 100%; height: 100%; transform: none; }
  .age-ico > .age-ring-53-tip, .age-ico > .age-ring-73-tip { left: 15.27%; top: 0; width: 34.73%; height: 21.09%; transform: none; }
  .age-n2, .age-n5 { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; }
  /* Клієнт: «цифри в кільцях завеликі порівняно з десктопом і іншими сторінками». Цифра в кільці
     успадковувала кегль великих цифр (35px на кільце 84px — 0.42 діаметра). На десктопі всюди
     0.29 діаметра (26.25px на 90px), на мобільних Healthy/Holistic/Positive Mental — 0.25–0.26.
     Кегль тепер від розміру кільця, у десктопній пропорції. */
  .age-n2, .age-n5 { font-size: var(--ring-num); }  /* спільний кегль цифр у кільцях (styles.css) */
  .age-n1, .age-n3, .age-n4 { margin-bottom: 8px; font-size: var(--num); }  /* єдиний кегль великих цифр (було 35px, десктопний) */
  .age-c1, .age-c2, .age-c3, .age-c4, .age-c5 { font-size: var(--cap); line-height: 1.35; }

  .age-card-shape { position: relative; margin: 26px var(--pad) 0; padding: 24px 22px 26px; }
  .age-card { position: absolute; inset: 0; }
  .age-card > div { position: absolute; inset: 0; width: 100%; height: 100%; transform: none;
                    background: #fff; border: 2px solid #f178dd; border-radius: 24px; }
  .age-balls { position: absolute; right: 18px; top: 16px; width: 62px; height: auto; }
  .age-balls > img { width: 100%; height: auto; transform: none; }
  .age-card-title, .age-card-body, .age-card-more { position: relative; width: auto; height: auto; }
  .age-card-title > p, .age-card-body > p, .age-card-more > p { width: auto; transform: none; }
  .age-card-title { padding-right: 68px; }
  .age-card-title > p { font-size: 22px; }
  .age-card-body { margin-top: 12px; }
  .age-card-body > p { font-size: 15px; line-height: 1.45; }
  .age-card-more { margin-top: 16px; padding-right: 42px; }
  .age-card-more > p { font-size: 16px; }
  .age-card-arrow { position: absolute; right: 22px; bottom: 24px; width: 30px; height: 31px; }
  .age-card-arrow > img { width: 100%; height: 100%; transform: none; }

  .s-scene { position: relative; margin-top: 26px; overflow: hidden; }
  .age-stage { position: relative; width: 150%; margin-left: -25%; aspect-ratio: 1920 / 809; }
  .age-stage > * { position: absolute; }
  .age-ribbon    { left: -8.2477%; top: 0.0619%; width: 159.7237%; height: 48.6258%; }
  .age-rs        { left: 15.0934%; top: 19.9581%; width: 16.1490%; height: 8.9863%; }
  .age-tree { left: 9.3624%; top: 22.9140%; width: 30.1562%; height: 61.0630%; }
  .age-pavilion  { left: 67.2396%; top: 13.0336%; width: 30.9896%; height: 70.9518%; }
  .age-fig-l     { left: 0.2807%; top: 50.9271%; width: 12.7604%; height: 39.1842%; }
  .age-fig-r1    { left: 60.0000%; top: 52.0396%; width: 11.3542%; height: 33.9926%; }
  .age-fig-r2    { left: 69.7396%; top: 53.7701%; width: 10.1562%; height: 27.5649%; }
  .age-fig-r3    { left: 81.7188%; top: 43.7577%; width: 11.3021%; height: 32.1384%; }
  .age-band-1    { left: 41.7225%; top: 64.2522%; width: 58.2292%; height: 34.3634%; }
  .age-band-2    { left: 0.0000%; top: 74.0337%; width: 55.9896%; height: 26.3288%; }
  .age-band-3    { left: 0.0000%; top: 77.8992%; width: 100.0000%; height: 22.3733%; }
  .age-bush      { left: 37.0833%; top: 61.8047%; width: 9.0104%; height: 22.2497%; }
  .age-lamp-1    { left: 45.3496%; top: 48.5844%; width: 5.8854%; height: 33.6218%; }
  .age-lamp-2    { left: 92.3958%; top: 48.8459%; width: 4.3750%; height: 24.7219%; }
  .age-lamp-3    { left: 56.1420%; top: 49.9400%; width: 4.3750%; height: 24.7219%; }
  .age-flowers-1 { left: 84.0296%; top: 78.8628%; width: 15.9896%; height: 12.6082%; }
  .age-flowers-2 { left: 0.0000%; top: 81.5822%; width: 18.2292%; height: 11.9901%; }
  .age-flowers-3 { left: 0.0000%; top: 92.2126%; width: 13.9062%; height: 12.6082%; }
  .age-rs > img { width: 100%; height: auto; transform: rotate(3.2deg); }

  .nav-prev-label, .nav-next-label { color: #000; }
  .nav-prev-arrow, .nav-next-arrow { filter: invert(1); }
  .s-pager { padding: 26px var(--pad); display: flex; align-items: center; justify-content: center; gap: 12px; }
  .nav-prev-arrow { order: 0; width: 38px; height: 38px; transform: rotate(180deg); }
  .nav-prev-label { order: 1; margin-right: 12px; font-size: 16px; }
  .nav-next { order: 2; display: flex; align-items: center; gap: 12px; }
  .nav-next-label { position: static; width: auto; font-size: 16px; }
  .nav-next-arrow { width: 38px; height: 38px; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {

  .age-hero { aspect-ratio: 1920 / 800; --hf: 1; --hx: 0%; }
  .age-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .age-stage { width: 120%; margin-left: -10%; }
  .age-rs { width: 260px; }
  .age-card-shape { max-width: 560px; margin: 40px auto 0; padding: 30px 28px 32px; }
  .age-card-title > p { font-size: 26px; }
  .age-card-body > p { font-size: 17px; }
  .age-balls { width: 82px; right: 24px; top: 20px; }
  .age-card-title { padding-right: 92px; }
}

@media (max-width: 767.98px) {
  /* нижня сцена: композиція з макета iPhone-7 (430x441, від y=491) */
  .age-stage { width: 100%; margin-left: 0; aspect-ratio: 430 / 441; }
  .age-band-2, .age-fig-l, .age-fig-r1, .age-lamp-1, .age-lamp-3,
  .age-flowers-2, .age-flowers-3 { display: none; }
  .age-fig-r2      { left: 51.2558%; top: 54.8753%; width: 26.9535%; height: 30.0454%; z-index: 1; }
  .age-fig-r3      { left: 56.8605%; top: 36.9615%; width: 29.9767%; height: 35.0794%; z-index: 2; }
  .age-band-1      { left: -29.4884%; top: 62.6984%; width: 158.953%; height: 40.7483%; z-index: 3; }
  .age-band-3      { left: -169.139%; top: 73.22%; width: 291.767%; height: 26.78%; z-index: 4; }
  .age-tree { left: -41.6977%; top: 21.0204%; width: 71.1395%; height: 59.2744%; z-index: 5; }
  .age-bush        { left: 23.4419%; top: 58.0952%; width: 21.8605%; height: 22.1769%; z-index: 6; }
  .age-pavilion    { left: 33.1628%; top: 0%; width: 85.5349%; height: 80.4989%; z-index: 7; }
  .age-flowers-1   { left: 76.093%; top: 93.22%; width: 61.3023%; height: 18.2993%; z-index: 8; }
  .age-lamp-2      { left: 43.3256%; top: 45.3968%; width: 9.5349%; height: 22.2222%; z-index: 9; }
}

/* ---- ліхтарики під грибом: світіння окремим шаром, повільно дихає ----
   Дзвіночок (lantern-N-clean) і коло світіння (lantern-N-glow) — різні картинки
   з тим самим viewBox, тож накладаються без позиціонування. Анімуємо лише світіння.
   Від'ємні затримки розводять три ліхтарики, щоб не блимали в такт. */
.age-glow { will-change: opacity; animation: age-glow-pulse 3.6s ease-in-out infinite; }
.age-glow-1 { animation-duration: 3.4s; animation-delay: -0.9s; }
.age-glow-2 { animation-duration: 4.2s; animation-delay: -2.1s; }
.age-glow-3 { animation-duration: 3.8s; animation-delay: -1.4s; }

/* Ліхтарик на будиночку: світіння вже намальоване в age-tree.svg (Vector_45) — тим самим
   градієнтом, що й у lantern-N-glow.svg під грибом. Щоб його можна було анімувати, SVG
   розрізано на age-tree-clean.svg (без кола) + age-tree-glow.svg (тільки коло) з тим самим
   viewBox 579x494, тож шари лягають один на одного без окремого позиціонування.
   Яскравість — рівно як у дизайні, додано лише пульсацію (інша фаза, щоб не в такт з грибком). */
.age-tree-glow {
  pointer-events: none; will-change: opacity;
  animation: age-glow-pulse 3.9s ease-in-out infinite; animation-delay: -1.7s;
}

@keyframes age-glow-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.42; }
}

@media (prefers-reduced-motion: reduce) {
  .age-glow, .age-tree-glow { animation: none; }
}

/* Клієнт: «кільця не відповідають цифрам». У 53% і 73% світла частина була картинкою з кільця 88%
   (ring88-tip.svg). Тепер дугу малює CSS за відсотком — той самий .pct-ring, що на Healthy/Holistic. */
.age-ico { --ring-on: #7A00D0; --ring-off: #D8B5F1; }
.age-ring-53, .age-ring-73, .age-ring-53-tip, .age-ring-73-tip { display: none !important; }
@media (max-width: 1199.98px) {
  .age-ico > .pct-ring { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
}

/* Телефон у ландшафті (клієнт: «шрифти завеликі, хоча верстка складається нормально»).
   Ширина 844-932px потрапляє в планшетну розкладку, а з нею й планшетні розміри тексту —
   на екрані заввишки ~400px це завелико. Верстку лишаємо планшетною, текст — як на телефоні. */
@media (min-width: 768px) and (max-width: 1199.98px) and (max-height: 500px) {
  .age-card-title > p { font-size: 22px; }
}