/* ==========================================================================
   Olivia Jóga – Online (hu-online edition): the look of oliviajoga.hu (Olivia, 2026-11-12: „A logó, az arculat,
   a képek szerkesztése, a teljes design legyen az, mint az oliviajoga.hu-n”). Ported from oliviajoga-hu/assets/
   oliviajoga.css: the logo, the brush-stroke waves behind the pictures, the wave edge of the page heads, black-and-white
   pictures on the home page, the peach closing block. Loaded after site.css, only on the online edition.
   ========================================================================== */

/* The logo she chose (B): header and footer */
.oj-brand { gap: 0; }
.oj-brand .oj-logo { height: 54px; width: auto; display: block; color: var(--ink); }
.nav-open .site-header .oj-brand .oj-logo { color: var(--paper); }
@media (max-width: 600px) { .oj-brand .oj-logo { height: 46px; } }
.oj-foot-logo { display: inline-block; color: var(--paper); margin-bottom: 1.4rem; }
.oj-foot-logo .oj-logo { height: 88px; width: auto; display: block; }

/* A wave behind the pictures instead of a colour box (her reference picture): big, soft, two-layer curves that run off
   the screen on the picture's side, so no edge or end of a shape shows. --oj-bleed = the distance from the content
   column to the edge of the screen. */
:root { --oj-bleed: max(var(--gutter, 20px), (100vw - var(--max, 1240px)) / 2); }
.oj-tone--pink { --wa: var(--pink-soft); --wb: color-mix(in srgb, var(--pink) 42%, var(--pink-soft)); }
.oj-tone--lilac { --wa: var(--lilac-soft); --wb: color-mix(in srgb, var(--lilac) 55%, var(--lilac-soft)); }
.oj-blob, .oj-band { position: absolute; z-index: 0; display: block; max-width: none; pointer-events: none; }
.oj-blob__back { fill: var(--wa); }
.oj-blob__front { fill: var(--wb); }
.section:has(.oj-blob, .oj-band), .hero:has(.oj-blob) { overflow-x: clip; }
.oj-waved { position: relative; }
.oj-waved > .frame { position: relative; z-index: 1; border-radius: var(--radius); box-shadow: none; }
.oj-waved > .oj-blob--left { left: calc(-1 * var(--oj-bleed)); width: calc(118% + var(--oj-bleed)); top: 16%; height: 98%; }
.oj-waved > .oj-blob--right { right: calc(-1 * var(--oj-bleed)); width: calc(118% + var(--oj-bleed)); top: 16%; height: 98%; }
.oj-hero .hero__visual > .oj-blob--right { right: calc(-1 * var(--oj-bleed)); width: calc(114% + var(--oj-bleed)); top: 8%; height: 92%; }
.oj-hero .hero__photo, .oj-hero .hero__card { position: relative; z-index: 1; }
.intro__visual .oj-waved > .frame, .oj-together__art .oj-waved > .frame { aspect-ratio: 4 / 5; }
.oj-together__art { max-width: 460px; justify-self: end; width: 100%; }
@media (max-width: 959px) { .oj-together__art { justify-self: stretch; max-width: none; } }

/* Pages: the head photo fills the band from top to bottom, with a wave edge */
@media (min-width: 900px) {
	.page-head:not(.has-art-photo) { position: relative; overflow: hidden; }
	.page-head:not(.has-art-photo) .page-head__grid { grid-template-columns: 1fr; min-height: clamp(400px, 34vw, 540px); align-items: center; }
	.page-head:not(.has-art-photo) .page-head__text { max-width: min(52%, 640px); position: relative; z-index: 2; }
	.page-head:not(.has-art-photo) .page-head__photo { position: absolute; top: 0; right: 0; bottom: 0; width: 47vw; max-width: 820px; margin: 0; }
	.page-head:not(.has-art-photo) .page-head__photo::before { content: ""; position: absolute; inset: 0 0 0 -56px; background: rgba(255, 255, 255, .3); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M16 0C5 17 24 33 11 50S3 83 14 100H100V0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M16 0C5 17 24 33 11 50S3 83 14 100H100V0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
	.page-head:not(.has-art-photo) .page-head__photo .frame { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; box-shadow: none; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M16 0C5 17 24 33 11 50S3 83 14 100H100V0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M16 0C5 17 24 33 11 50S3 83 14 100H100V0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
}
@media (max-width: 899px) {
	.page-head:not(.has-art-photo) .page-head__photo { width: auto; justify-self: stretch; margin: 1.5rem calc(-1 * var(--gutter, 16px)) calc(-1 * clamp(44px, 6vw, 80px)); position: relative; }
	.page-head:not(.has-art-photo) .page-head__photo::before { content: ""; position: absolute; inset: -26px 0 0; background: rgba(255, 255, 255, .3); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 16C17 5 33 24 50 11S83 3 100 14V100H0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 16C17 5 33 24 50 11S83 3 100 14V100H0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
	.page-head:not(.has-art-photo) .page-head__photo .frame { aspect-ratio: 4 / 3; border-radius: 0; box-shadow: none; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 16C17 5 33 24 50 11S83 3 100 14V100H0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 16C17 5 33 24 50 11S83 3 100 14V100H0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
}

@media (min-width: 600px) and (max-width: 899px) {
	.page-head:not(.has-art-photo) .page-head__photo .frame { aspect-ratio: 16 / 9; }
}

/* Every wave in the style of her logo: a brush stroke, thin at the ends, thick in the middle */
.oj-brush.oj-blob, .oj-brush.oj-band { overflow: visible; }
.oj-waved > .oj-blob--left.oj-brush { top: 58%; height: 40%; }
.oj-waved > .oj-blob--right.oj-brush { top: 58%; height: 40%; }
.oj-hero .hero__visual > .oj-blob--right.oj-brush { top: 52%; height: 40%; }
.oj-photos > .oj-band.oj-brush { bottom: 0; height: 52%; }
.oj-brush .oj-blob__front { fill: var(--orchid); }
@media (min-width: 960px) {
	.page-head:not(.has-art-photo) .page-head__photo::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23D92B86' d='M15.91 0.00 L15.37 0.85 L14.89 1.70 L14.44 2.54 L14.04 3.39 L13.69 4.23 L13.37 5.07 L13.09 5.91 L12.85 6.75 L12.65 7.59 L12.48 8.43 L12.35 9.26 L12.24 10.10 L12.17 10.93 L12.12 11.76 L12.10 12.59 L12.10 13.42 L12.12 14.25 L12.17 15.08 L12.23 15.91 L12.32 16.74 L12.41 17.57 L12.53 18.40 L12.65 19.22 L12.78 20.05 L12.93 20.87 L13.08 21.70 L13.23 22.52 L13.39 23.35 L13.55 24.17 L13.72 25.00 L13.88 25.83 L14.04 26.65 L14.19 27.48 L14.33 28.30 L14.47 29.13 L14.60 29.95 L14.72 30.78 L14.82 31.60 L14.91 32.43 L14.98 33.26 L15.03 34.09 L15.07 34.92 L15.08 35.75 L15.06 36.58 L15.03 37.41 L14.96 38.24 L14.87 39.07 L14.74 39.90 L14.59 40.74 L14.40 41.57 L14.17 42.41 L13.91 43.25 L13.60 44.09 L13.26 44.93 L12.88 45.77 L12.45 46.61 L11.97 47.46 L11.45 48.30 L10.87 49.15 L10.25 50.00 L9.62 50.85 L9.01 51.70 L8.44 52.54 L7.89 53.39 L7.37 54.23 L6.89 55.07 L6.43 55.91 L6.00 56.75 L5.60 57.59 L5.22 58.43 L4.87 59.26 L4.55 60.10 L4.26 60.93 L3.99 61.76 L3.74 62.59 L3.53 63.42 L3.34 64.25 L3.17 65.08 L3.03 65.91 L2.91 66.74 L2.81 67.57 L2.74 68.40 L2.69 69.22 L2.66 70.05 L2.66 70.87 L2.68 71.70 L2.72 72.52 L2.78 73.35 L2.86 74.17 L2.97 75.00 L3.09 75.83 L3.23 76.65 L3.40 77.48 L3.58 78.30 L3.78 79.13 L4.00 79.95 L4.24 80.78 L4.49 81.60 L4.77 82.43 L5.06 83.26 L5.36 84.09 L5.69 84.92 L6.03 85.75 L6.38 86.58 L6.75 87.41 L7.14 88.24 L7.54 89.07 L7.95 89.90 L8.38 90.74 L8.83 91.57 L9.28 92.41 L9.75 93.25 L10.23 94.09 L10.72 94.93 L11.23 95.77 L11.74 96.61 L12.27 97.46 L12.81 98.30 L13.36 99.15 L13.91 100.00 L14.09 100.00 L13.56 99.15 L13.03 98.30 L12.52 97.46 L12.02 96.61 L11.54 95.77 L11.06 94.93 L10.60 94.09 L10.15 93.25 L9.71 92.41 L9.29 91.57 L8.87 90.74 L8.48 89.90 L8.09 89.07 L7.73 88.24 L7.37 87.41 L7.03 86.58 L6.71 85.75 L6.40 84.92 L6.11 84.09 L5.83 83.26 L5.57 82.43 L5.33 81.60 L5.10 80.78 L4.90 79.95 L4.71 79.13 L4.53 78.30 L4.38 77.48 L4.25 76.65 L4.13 75.83 L4.03 75.00 L3.96 74.17 L3.90 73.35 L3.86 72.52 L3.85 71.70 L3.85 70.87 L3.88 70.05 L3.93 69.22 L4.00 68.40 L4.09 67.57 L4.20 66.74 L4.34 65.91 L4.50 65.08 L4.69 64.25 L4.90 63.42 L5.13 62.59 L5.39 61.76 L5.67 60.93 L5.98 60.10 L6.31 59.26 L6.67 58.43 L7.05 57.59 L7.46 56.75 L7.90 55.91 L8.37 55.07 L8.86 54.23 L9.38 53.39 L9.93 52.54 L10.51 51.70 L11.11 50.85 L11.75 50.00 L12.37 49.15 L12.94 48.30 L13.47 47.46 L13.94 46.61 L14.36 45.77 L14.74 44.93 L15.08 44.09 L15.37 43.25 L15.63 42.41 L15.84 41.57 L16.02 40.74 L16.17 39.90 L16.28 39.07 L16.36 38.24 L16.41 37.41 L16.43 36.58 L16.43 35.75 L16.40 34.92 L16.35 34.09 L16.28 33.26 L16.19 32.43 L16.08 31.60 L15.95 30.78 L15.82 29.95 L15.66 29.13 L15.50 28.30 L15.33 27.48 L15.15 26.65 L14.97 25.83 L14.78 25.00 L14.59 24.17 L14.40 23.35 L14.22 22.52 L14.03 21.70 L13.85 20.87 L13.68 20.05 L13.52 19.22 L13.36 18.40 L13.22 17.57 L13.09 16.74 L12.98 15.91 L12.88 15.08 L12.81 14.25 L12.75 13.42 L12.71 12.59 L12.71 11.76 L12.72 10.93 L12.77 10.10 L12.84 9.26 L12.94 8.43 L13.08 7.59 L13.25 6.75 L13.46 5.91 L13.71 5.07 L13.99 4.23 L14.32 3.39 L14.69 2.54 L15.11 1.70 L15.57 0.85 L16.09 0.00Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
}
@media (max-width: 959px) {
	.page-head:not(.has-art-photo) .page-head__photo::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23D92B86' d='M0.00 15.84 L0.85 15.30 L1.70 14.80 L2.54 14.35 L3.39 13.94 L4.23 13.57 L5.07 13.25 L5.91 12.96 L6.75 12.71 L7.59 12.50 L8.43 12.32 L9.26 12.17 L10.10 12.05 L10.93 11.96 L11.76 11.90 L12.59 11.87 L13.42 11.86 L14.25 11.87 L15.08 11.91 L15.91 11.96 L16.74 12.03 L17.57 12.12 L18.40 12.22 L19.22 12.33 L20.05 12.46 L20.87 12.59 L21.70 12.73 L22.52 12.87 L23.35 13.02 L24.17 13.17 L25.00 13.33 L25.83 13.48 L26.65 13.63 L27.48 13.77 L28.30 13.91 L29.13 14.04 L29.95 14.16 L30.78 14.26 L31.60 14.36 L32.43 14.44 L33.26 14.50 L34.09 14.55 L34.92 14.58 L35.75 14.58 L36.58 14.56 L37.41 14.52 L38.24 14.45 L39.07 14.35 L39.90 14.22 L40.74 14.06 L41.57 13.87 L42.41 13.64 L43.25 13.37 L44.09 13.06 L44.93 12.72 L45.77 12.33 L46.61 11.90 L47.46 11.42 L48.30 10.90 L49.15 10.32 L50.00 9.70 L50.85 9.07 L51.70 8.46 L52.54 7.89 L53.39 7.34 L54.23 6.83 L55.07 6.34 L55.91 5.89 L56.75 5.46 L57.59 5.06 L58.43 4.69 L59.26 4.35 L60.10 4.03 L60.93 3.74 L61.76 3.47 L62.59 3.24 L63.42 3.03 L64.25 2.84 L65.08 2.68 L65.91 2.54 L66.74 2.43 L67.57 2.34 L68.40 2.28 L69.22 2.24 L70.05 2.22 L70.87 2.22 L71.70 2.25 L72.52 2.30 L73.35 2.37 L74.17 2.46 L75.00 2.58 L75.83 2.71 L76.65 2.86 L77.48 3.04 L78.30 3.23 L79.13 3.44 L79.95 3.67 L80.78 3.92 L81.60 4.19 L82.43 4.47 L83.26 4.77 L84.09 5.09 L84.92 5.43 L85.75 5.78 L86.58 6.14 L87.41 6.53 L88.24 6.92 L89.07 7.34 L89.90 7.76 L90.74 8.20 L91.57 8.66 L92.41 9.12 L93.25 9.60 L94.09 10.10 L94.93 10.60 L95.77 11.12 L96.61 11.64 L97.46 12.18 L98.30 12.73 L99.15 13.28 L100.00 13.84 L100.00 14.16 L99.15 13.63 L98.30 13.11 L97.46 12.61 L96.61 12.12 L95.77 11.65 L94.93 11.18 L94.09 10.73 L93.25 10.29 L92.41 9.87 L91.57 9.45 L90.74 9.05 L89.90 8.67 L89.07 8.30 L88.24 7.94 L87.41 7.60 L86.58 7.27 L85.75 6.96 L84.92 6.66 L84.09 6.38 L83.26 6.12 L82.43 5.87 L81.60 5.64 L80.78 5.42 L79.95 5.22 L79.13 5.05 L78.30 4.88 L77.48 4.74 L76.65 4.62 L75.83 4.51 L75.00 4.42 L74.17 4.36 L73.35 4.31 L72.52 4.28 L71.70 4.28 L70.87 4.29 L70.05 4.32 L69.22 4.38 L68.40 4.46 L67.57 4.56 L66.74 4.68 L65.91 4.83 L65.08 4.99 L64.25 5.18 L63.42 5.40 L62.59 5.64 L61.76 5.90 L60.93 6.19 L60.10 6.50 L59.26 6.84 L58.43 7.20 L57.59 7.59 L56.75 8.00 L55.91 8.44 L55.07 8.91 L54.23 9.41 L53.39 9.93 L52.54 10.48 L51.70 11.06 L50.85 11.66 L50.00 12.30 L49.15 12.92 L48.30 13.49 L47.46 14.01 L46.61 14.48 L45.77 14.91 L44.93 15.29 L44.09 15.62 L43.25 15.91 L42.41 16.16 L41.57 16.38 L40.74 16.55 L39.90 16.69 L39.07 16.80 L38.24 16.87 L37.41 16.92 L36.58 16.94 L35.75 16.93 L34.92 16.89 L34.09 16.83 L33.26 16.76 L32.43 16.66 L31.60 16.54 L30.78 16.41 L29.95 16.26 L29.13 16.10 L28.30 15.93 L27.48 15.75 L26.65 15.56 L25.83 15.37 L25.00 15.17 L24.17 14.98 L23.35 14.78 L22.52 14.58 L21.70 14.38 L20.87 14.19 L20.05 14.01 L19.22 13.83 L18.40 13.67 L17.57 13.52 L16.74 13.38 L15.91 13.25 L15.08 13.14 L14.25 13.05 L13.42 12.99 L12.59 12.94 L11.76 12.92 L10.93 12.92 L10.10 12.96 L9.26 13.02 L8.43 13.11 L7.59 13.24 L6.75 13.40 L5.91 13.59 L5.07 13.83 L4.23 14.11 L3.39 14.42 L2.54 14.78 L1.70 15.19 L0.85 15.65 L0.00 16.16Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
}
@media (min-width: 900px) { .oj-pricing .price-group--text { grid-template-columns: minmax(300px, 1fr) 1.45fr; gap: 3rem; } }
.price-group--text .price-group__head { position: static; }
.price-group--text .price-group__text { max-width: 52ch; }
.price-group--text .price-group__when { max-width: none; }

/* The logo: „online” in small letters after JÓGA */
.oj-brand { display: inline-flex; align-items: center; padding: .25rem 0; }
.oj-brand .oj-logo { height: 56px; }
@media (max-width: 600px) { .oj-brand .oj-logo { height: 48px; } }
.oj-foot-logo .oj-logo { height: 92px; }
.oj-logo__online { letter-spacing: .02em; }

/* The hero: the brush stroke behind the picture instead of the pink block */
.oj-hero .hero__visual { padding-bottom: 72px; }
.oj-hero .hero__photo { box-shadow: none; }

/* Pictures on the home page in black and white, like on oliviajoga.hu */
.home main .photo, .home main .frame img { filter: grayscale(1) contrast(1.05); }
.home main .way .photo, .home main .cards .frame img { filter: none; }

/* The closing block in peach („ez a rész legyen ez a szín”) */
.cta.oj-cta--peach { background: var(--sun-soft); }