/*
Theme Name: Kinetic
Theme URI: https://schedopia.com/themes/kinetic
Author: ThinkMatic
Author URI: https://schedopia.com
Description: Kinetic is a bold, sporty block theme for physiotherapy and sports clinics, chiropractors and allied health practices. Deep navy, an electric lime accent and tall condensed Barlow Condensed headings give your clinic a site with energy and confidence. It ships with every page a clinic needs: home, services, pages for physiotherapy, sports physio and rehab, chiropractic, remedial massage, dry needling and shockwave, and clinical Pilates, conditions we treat, fees and health funds, practitioners, your first visit, about, reviews, journal, FAQ, contact, booking, cancellation policy and privacy policy. It works hand in hand with the free Schedopia booking plugin, so patients can choose a service and practitioner, add extras like dry needling or taping, and book a time right on your site. One click installs Schedopia and sets up your services, practitioners, clinic hours and pages, so you are ready to take bookings in minutes. Two style variations are included: Daylight (white, navy and signal orange) and Recovery (sand, sage and teal, with softer mixed-case headings).
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kinetic
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, one-column, style-variations, template-editing, threaded-comments, translation-ready, wide-blocks, blog
*/

/*
 * Almost all styling lives in theme.json. This file only holds what
 * theme.json cannot express: block style variations and small refinements.
 */

/* ---------- Shared values ---------- */

:root {
	/* Text on photographs. It follows the photo overlay ("shade"): light text
	   on the default dark shade, dark text on Flash's and Fine Line's paper veil. */
	--kinetic-on-photo: var(--wp--custom--on-photo--text);
	--kinetic-on-photo-accent: var(--wp--custom--on-photo--accent);
}

/* ---------- Accessibility ---------- */

.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	height: auto;
	width: auto;
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
	border-radius: var(--wp--custom--radius--sm);
}

::selection {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
}

/* Accents in headings: the same condensed face, slanted and in the accent colour. */
:is(h1, h2, h3, .wp-block-heading) em {
	color: var(--wp--preset--color--accent);
	font-style: italic;
	font-weight: 700;
}

/* Condensed display type: keep long words from breaking out on phones. */
:is(h1, h2, h3) {
	overflow-wrap: break-word;
	text-wrap: balance;
}

/* ---------- Tag (eyebrow) ---------- */

.is-style-eyebrow {
	display: flex;
	align-items: center;
	gap: 0.75em;
	width: fit-content;
	margin-bottom: 0;
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.4;
	text-transform: uppercase;
}

.is-style-eyebrow::before {
	content: "";
	flex: none;
	width: 1.5rem;
	height: 4px;
	background: currentColor;
	transform: skewX(-24deg);
}

.is-style-eyebrow.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

.is-style-eyebrow.has-text-align-center::after {
	content: "";
	flex: none;
	width: 1.5rem;
	height: 4px;
	background: currentColor;
	transform: skewX(-24deg);
}

.wp-block-cover .is-style-eyebrow {
	color: var(--kinetic-on-photo-accent);
}

.has-deep-background-color .is-style-eyebrow {
	color: inherit;
	opacity: 0.85;
}

/* ---------- Buttons ---------- */

.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 2px solid color-mix(in srgb, currentColor 55%, transparent);
	color: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.wp-block-cover .wp-block-button.is-style-outline > .wp-block-button__link {
	border-color: color-mix(in srgb, var(--kinetic-on-photo) 55%, transparent);
	color: var(--kinetic-on-photo);
}

.wp-block-cover .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--kinetic-on-photo);
	border-color: var(--kinetic-on-photo);
	color: var(--wp--preset--color--shade);
}

.has-deep-background-color .wp-block-button.is-style-outline > .wp-block-button__link {
	border-color: color-mix(in srgb, var(--wp--preset--color--on-deep) 55%, transparent);
	color: var(--wp--preset--color--on-deep);
}

.has-deep-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--on-deep);
	border-color: var(--wp--preset--color--on-deep);
	color: var(--wp--preset--color--deep);
}

.wp-block-button.is-style-text-link > .wp-block-button__link {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--wp--preset--color--accent);
	padding: 0 0 0.3em;
	border-bottom: 1px solid color-mix(in srgb, currentColor 45%, transparent);
}

.wp-block-button.is-style-text-link > .wp-block-button__link::after {
	content: "\2192";
	display: inline-block;
	margin-left: 0.5em;
	transition: transform 0.2s ease;
}

.wp-block-button.is-style-text-link > .wp-block-button__link:hover {
	background: transparent;
	border-bottom-color: currentColor;
	color: var(--wp--preset--color--accent-3);
}

.wp-block-button.is-style-text-link > .wp-block-button__link:hover::after {
	transform: translateX(0.3em);
}

.wp-block-button__link.has-base-background-color:hover {
	background: var(--wp--preset--color--accent) !important;
	color: var(--wp--preset--color--on-accent) !important;
}

/* ---------- Images ---------- */

.wp-block-image.is-style-rounded img,
.wp-block-post-featured-image.is-style-rounded img {
	border-radius: var(--wp--custom--radius--sm);
	box-shadow: var(--wp--preset--shadow--lift);
}

/* ---------- Groups ---------- */

.wp-block-group.is-style-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--lg);
	padding: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--contrast);
}

.wp-block-group.is-style-tint-card {
	background: var(--wp--preset--color--accent-2);
	border-radius: var(--wp--custom--radius--lg);
	padding: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--contrast);
}

.has-base-2-background-color .wp-block-group.is-style-tint-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
}

/* ---------- Separators ---------- */

.wp-block-separator.is-style-short {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--accent);
	width: 3rem;
	margin-left: 0;
	opacity: 1;
}

/* ---------- Lists ---------- */

.wp-block-list.is-style-checks {
	list-style: none;
	padding-left: 0;
}

.wp-block-list.is-style-checks li {
	position: relative;
	padding-left: 1.75em;
	margin-bottom: 0.65em;
}

.wp-block-list.is-style-checks li::before {
	content: "";
	position: absolute;
	left: 0.1em;
	top: 0.5em;
	width: 0.7em;
	height: 0.38em;
	border-left: 2.5px solid var(--wp--preset--color--accent);
	border-bottom: 2.5px solid var(--wp--preset--color--accent);
	transform: rotate(-45deg);
}

/* ---------- Announcement bar and header ---------- */

.kinetic-announce {
	letter-spacing: 0.04em;
}

.kinetic-announce a {
	text-decoration: none;
	font-weight: 500;
}

.kinetic-announce a:hover {
	text-decoration: underline;
}

.kinetic-announce p {
	margin: 0;
}

.kinetic-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: transparent !important;
}

/* The frosted backdrop lives on a pseudo-element: a backdrop-filter on the
   header itself would trap the mobile menu overlay inside the header. */
.kinetic-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: color-mix(in srgb, var(--wp--preset--color--base) 90%, transparent);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

@media (max-width: 599px) {
	.kinetic-announce p + p {
		display: none;
	}
}

.admin-bar .kinetic-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

@media (max-width: 600px) {
	.admin-bar .kinetic-header {
		top: 0;
	}
}

.kinetic-header .wp-block-site-title a {
	text-decoration: none;
}

.kinetic-header .wp-block-site-title,
.kinetic-header .wp-block-button__link,
.kinetic-header__phone {
	white-space: nowrap;
}

/* A small forward-chevron mark before the site name when there's no logo. */
.kinetic-header .wp-block-site-title a::before {
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.45em;
	vertical-align: -0.05em;
	background: var(--wp--preset--color--accent);
	-webkit-mask: var(--kinetic-mark) center / contain no-repeat;
	mask: var(--kinetic-mark) center / contain no-repeat;
}

.kinetic-header .wp-block-site-logo + .wp-block-site-title a::before {
	display: none;
}

:root {
	--kinetic-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h6.5l8 9-8 9H2l8-9z'/%3E%3Cpath d='M11.5 3H15l7.5 9-7.5 9h-3.5l7.5-9z' opacity='.55'/%3E%3C/svg%3E");
}

.kinetic-header__phone a {
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-decoration: none;
}

.kinetic-header__phone a:hover {
	color: var(--wp--preset--color--accent);
}

/* Dropdown: a panel-coloured card under the parent item. */
.kinetic-header .wp-block-navigation .wp-block-navigation__submenu-container {
	min-width: 15rem !important;
	padding: 0.5rem !important;
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--base-2) !important;
	box-shadow: var(--wp--preset--shadow--lift);
}

.kinetic-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.65rem 0.75rem !important;
	border-radius: var(--wp--custom--radius--sm);
}

.kinetic-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--accent);
}

.kinetic-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent);
}

/* Mobile overlay: big, calm list with the submenu always open. */
.kinetic-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--40);
}

.kinetic-header .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation__responsive-container-content, .wp-block-navigation__container, .wp-block-navigation__submenu-container) {
	align-items: flex-start !important;
	text-align: left;
}

.kinetic-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: var(--wp--custom--heading-case);
}

.kinetic-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	min-width: 0 !important;
	padding: 0.25rem 0 0 1rem !important;
	border: 0 !important;
	box-shadow: none;
	background: transparent !important;
}

.kinetic-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
}

/* Collapse the menu into the overlay below 1100px, not WordPress's default 600px. */
@media (max-width: 1099px) {
	.kinetic-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.kinetic-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.kinetic-header__phone {
		display: none;
	}
}

@media (max-width: 599px) {
	.kinetic-header .kinetic-header__cta {
		display: none;
	}
}

/* The phone number is in the top bar too; drop it here before the menu wraps. */
@media (max-width: 1599px) {
	.kinetic-header__phone {
		display: none;
	}
}

.kinetic-header .wp-block-navigation__container {
	flex-wrap: nowrap;
}

/* ---------- Photo covers (hero, page heroes, booking band) ---------- */

body .wp-block-cover {
	color: var(--kinetic-on-photo);
}

/* Full-width photos keep the page's side padding, also inside post content,
   where WordPress drops it from nested containers. */
.wp-block-cover.alignfull {
	padding-left: 0;
	padding-right: 0;
}

/* Core sets positioned covers' content to width: auto with a doubled class. */
.wp-block-cover.alignfull > .wp-block-cover__inner-container.has-global-padding,
.wp-block-cover.alignfull.has-custom-content-position.has-custom-content-position > .wp-block-cover__inner-container.has-global-padding {
	width: 100%;
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
}

/* Line the text up with the header and the sections below. */
.wp-block-cover.alignfull > .wp-block-cover__inner-container > .alignwide {
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-cover :is(h1, h2, h3) em {
	color: var(--kinetic-on-photo-accent);
}

.wp-block-cover .has-contrast-2-color,
.wp-block-cover .kinetic-hero__lead {
	color: color-mix(in srgb, var(--kinetic-on-photo) 84%, transparent) !important;
}

/* A side veil in the overlay colour: strong behind the text on the left,
   clear on the right, so the photo stays bright. Stronger on phones, where
   the text runs across the whole photo. */
.kinetic-hero::before,
.kinetic-page-hero--photo::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg,
		color-mix(in srgb, var(--wp--preset--color--shade) 88%, transparent) 0%,
		color-mix(in srgb, var(--wp--preset--color--shade) 70%, transparent) 38%,
		color-mix(in srgb, var(--wp--preset--color--shade) 0%, transparent) 72%);
}

@media (max-width: 781px) {
	.kinetic-hero::before,
	.kinetic-page-hero--photo::before {
		background: linear-gradient(180deg,
			color-mix(in srgb, var(--wp--preset--color--shade) 35%, transparent) 0%,
			color-mix(in srgb, var(--wp--preset--color--shade) 82%, transparent) 55%,
			color-mix(in srgb, var(--wp--preset--color--shade) 90%, transparent) 100%);
	}
}

.kinetic-hero .wp-block-cover__inner-container,
.kinetic-page-hero--photo .wp-block-cover__inner-container {
	z-index: 2;
}

.kinetic-hero h1 {
	max-width: 11ch;
	font-weight: 700;
	line-height: 0.9;
}

.kinetic-hero .kinetic-hero__lead {
	max-width: 38rem;
}

/* Keep the people in frame when narrow screens crop the photo's sides. */
.kinetic-hero .wp-block-cover__image-background {
	object-position: 68% 50%;
}

@media (prefers-reduced-motion: no-preference) {
	.kinetic-hero .wp-block-cover__image-background {
		animation: kinetic-drift 24s ease-out both;
	}

	@keyframes kinetic-drift {
		from {
			transform: scale(1.06);
		}

		to {
			transform: scale(1);
		}
	}
}

.kinetic-chips {
	gap: 0.5rem 1.5rem !important;
}

.kinetic-chip {
	margin: 0 !important;
	color: color-mix(in srgb, currentColor 85%, transparent);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.kinetic-chip::before {
	content: "";
	display: inline-block;
	width: 0.7rem;
	height: 0.3rem;
	margin-right: 0.6em;
	transform: skewX(-24deg);
	background: var(--kinetic-on-photo-accent);
	vertical-align: 0.15em;
}

/* ---------- Trust bar ---------- */

.kinetic-trust p {
	margin: 0;
}

.kinetic-trust__item {
	align-items: center;
}

/* ---------- Icons (feature cards, trust bar) ---------- */

.kinetic-icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 3rem;
	height: 3rem;
	margin: 0;
	border-radius: var(--wp--custom--radius--md);
	background: color-mix(in srgb, var(--wp--preset--color--accent) 14%, transparent);
	font-size: 0;
	line-height: 0;
}

.kinetic-icon::before {
	content: "";
	width: 1.35rem;
	height: 1.35rem;
	background: var(--wp--preset--color--accent);
	-webkit-mask: var(--kinetic-icon) center / contain no-repeat;
	mask: var(--kinetic-icon) center / contain no-repeat;
}

.kinetic-icon--sm {
	width: 2.5rem;
	height: 2.5rem;
}

.kinetic-icon--sm::before {
	width: 1.15rem;
	height: 1.15rem;
}

/* Line icons drawn for Kinetic (GPL, see readme.txt). */
.kinetic-icon--hand { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 13V6.5a1.5 1.5 0 013 0V11M10 11V4.5a1.5 1.5 0 013 0V11M13 11V5.5a1.5 1.5 0 013 0V12M16 10a1.5 1.5 0 013 0v4c0 4-2.7 7-6.5 7h-1c-2.4 0-3.9-1-5.2-2.8L4 14.5a1.6 1.6 0 012.5-2L7 13'/%3E%3C/svg%3E"); }
.kinetic-icon--run { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='15.5' cy='4.5' r='2'/%3E%3Cpath d='M14 8l-2 6M13.8 9.2L10.2 10.6 8 13.5M13.8 9.2l3 2.4 2.7-.3M12 14l2.7 3-.6 4.5M12 14l-2.6 3-4.4.6'/%3E%3C/svg%3E"); }
.kinetic-icon--spine { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2.5' width='6' height='3' rx='1'/%3E%3Crect x='8.5' y='7.2' width='7' height='3' rx='1'/%3E%3Crect x='8' y='11.9' width='8' height='3' rx='1'/%3E%3Crect x='8.5' y='16.6' width='7' height='3' rx='1'/%3E%3Cpath d='M12 5.5v1.7M12 10.2v1.7M12 14.9v1.7M12 19.6v2'/%3E%3C/svg%3E"); }
.kinetic-icon--massage { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8c3-3 6-3 9 0s6 3 9 0M3 13c3-3 6-3 9 0s6 3 9 0M3 18c3-3 6-3 9 0s6 3 9 0'/%3E%3C/svg%3E"); }
.kinetic-icon--stretch { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4' r='2'/%3E%3Cpath d='M12 7v6M12 8.5L7.5 5M12 8.5l4.5-3.5M12 13l-4.5 3.5-1 4.5M12 13l4.5 3.5.5 4.5'/%3E%3C/svg%3E"); }
.kinetic-icon--pulse { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12h4.5l2.5-6.5 4 13 2.5-6.5h5.5'/%3E%3C/svg%3E"); }
.kinetic-icon--dumbbell { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 7.5v9M17.5 7.5v9M3.5 10v4M20.5 10v4M6.5 12h11'/%3E%3C/svg%3E"); }
.kinetic-icon--clipboard { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4.5' width='14' height='16.5' rx='1.5'/%3E%3Cpath d='M9 4.5V3h6v1.5M8.5 10h7M8.5 13.5h7M8.5 17h4'/%3E%3C/svg%3E"); }
.kinetic-icon--target { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%23000'/%3E%3C/svg%3E"); }
.kinetic-icon--needle { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4L6.5 17.5M20 4l-2.5 6.5L9.5 18.5 5.5 18.5 5.5 14.5 13.5 6.5z'/%3E%3Cpath d='M5.5 18.5L3 21'/%3E%3C/svg%3E"); }
.kinetic-icon--chat { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v10.5H10L5.5 19.5V15.5H4z'/%3E%3Cpath d='M8 9.5h8M8 12.5h5'/%3E%3C/svg%3E"); }
.kinetic-icon--shield { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.2-8 9-4.6-.8-8-4.5-8-9V6l8-3z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
.kinetic-icon--users { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0113 0M16 4.7a3.5 3.5 0 010 6.6M18 14a6.5 6.5 0 013.5 6'/%3E%3C/svg%3E"); }
.kinetic-icon--id { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1.5'/%3E%3Ccircle cx='8.5' cy='11' r='2'/%3E%3Cpath d='M5.5 16a3 3 0 016 0M14 10h4M14 13.5h3'/%3E%3C/svg%3E"); }
.kinetic-icon--star { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 3z'/%3E%3C/svg%3E"); }
.kinetic-icon--heart { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.4-7.5-10A4.5 4.5 0 0112 7a4.5 4.5 0 017.5 3c0 5.6-7.5 10-7.5 10z'/%3E%3C/svg%3E"); }
.kinetic-icon--clock { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.kinetic-icon--calendar { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M8.5 15l2 2 4-4'/%3E%3C/svg%3E"); }
.kinetic-icon--card { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E"); }
.kinetic-icon--map { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-6-6.5-11a6.5 6.5 0 0113 0c0 5-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E"); }
.kinetic-icon--phone { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.5l1.8 4.5-2.3 1.4a11 11 0 005.1 5.1l1.4-2.3L19 14.5V18a2 2 0 01-2 2A15 15 0 013 6a2 2 0 012-2z'/%3E%3C/svg%3E"); }
.kinetic-icon--bike { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='16' r='3.5'/%3E%3Ccircle cx='18' cy='16' r='3.5'/%3E%3Cpath d='M6 16l4-7h5l3 7M10 9l2.5 7H6M14 6h2.5'/%3E%3C/svg%3E"); }
.kinetic-icon--image { --kinetic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='1.5'/%3E%3Ccircle cx='9' cy='9.5' r='1.8'/%3E%3Cpath d='M21 16l-5-5-8.5 9'/%3E%3C/svg%3E"); }

/* ---------- Feature cards ---------- */

.kinetic-feature {
	height: 100%;
}

.kinetic-feature .wp-block-heading {
	margin-top: 0.5rem;
}

/* ---------- Steps ---------- */

.kinetic-step__number {
	margin: 0;
	padding-bottom: 0.6rem;
	border-bottom: 3px solid var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--xx-large);
	font-style: italic;
	font-weight: 700;
	line-height: 1;
}

.kinetic-step__number::before {
	content: "0";
}

/* ---------- Team ---------- */

.kinetic-person {
	height: 100%;
}

.kinetic-person .wp-block-image {
	margin-bottom: 0.75rem;
}

.kinetic-person .wp-block-image img {
	box-shadow: none;
	border-bottom: 4px solid var(--wp--preset--color--accent);
}

.kinetic-person .wp-block-heading {
	margin-top: 0.15rem;
}

.kinetic-person__role {
	margin: 0;
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* ---------- Specialty tiles ---------- */

.kinetic-tile {
	position: relative;
	height: 100%;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--lg);
	background: var(--wp--preset--color--surface);
	transition: border-color 0.3s ease;
}

.kinetic-tile .wp-block-image {
	margin: 0;
	overflow: hidden;
}

.kinetic-tile .wp-block-image img {
	border-radius: 0;
	transition: transform 0.6s ease;
}

.kinetic-tile__body {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}

.kinetic-tile .wp-block-heading a {
	color: inherit;
	text-decoration: none;
}

.kinetic-tile .wp-block-heading a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.kinetic-tile__more {
	margin: 0;
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.kinetic-tile__more::after {
	content: "\2192";
	display: inline-block;
	margin-left: 0.5em;
	transition: transform 0.2s ease;
}

.kinetic-tile:hover {
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 55%, transparent);
}

.kinetic-tile:hover .kinetic-tile__more::after {
	transform: translateX(0.3em);
}

@media (prefers-reduced-motion: no-preference) {
	.kinetic-tile:hover .wp-block-image img {
		transform: scale(1.05);
	}
}

/* ---------- Anchor chips ---------- */

.kinetic-chipnav {
	gap: 0.5rem !important;
}

.kinetic-chipnav p {
	margin: 0;
}

.kinetic-chipnav a {
	display: inline-block;
	padding: 0.65em 1.2em;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--sm);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.12em;
	text-decoration: none;
	text-transform: uppercase;
}

.kinetic-chipnav a:hover {
	border-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
}

/* ---------- Consultation band ---------- */

.kinetic-band {
	border-radius: var(--wp--custom--radius--xl);
	background-image: radial-gradient(50rem 22rem at 100% 0%, color-mix(in srgb, var(--wp--preset--color--accent) 14%, transparent), transparent 70%);
}

/* Muted text on the orange (or navy, or eucalyptus) bands follows the band, in every variation. */
.has-deep-background-color .has-contrast-2-color {
	color: color-mix(in srgb, var(--wp--preset--color--on-deep) 80%, transparent) !important;
}

/* ---------- Opening hours table ---------- */

.kinetic-hours {
	margin: 0;
}

.kinetic-hours p {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	padding: 0.6em 0;
	border-bottom: 1px solid color-mix(in srgb, currentColor 16%, transparent);
}

.kinetic-hours p span:first-child {
	font-weight: 500;
}

/* ---------- Reviews ---------- */

.kinetic-quote .wp-block-quote {
	border: 0;
	padding: 0;
	margin: 0;
}

.kinetic-quote .wp-block-quote p {
	font-size: var(--wp--preset--font-size--large);
}

.kinetic-quote .wp-block-quote cite {
	display: block;
	margin-top: 1.25rem;
	color: var(--wp--preset--color--contrast-2);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--x-small);
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.kinetic-stars {
	margin: 0;
	color: var(--wp--preset--color--accent);
	letter-spacing: 0.2em;
	font-size: 0.9em;
}

/* ---------- FAQ (details) ---------- */

.wp-block-details {
	margin: 0;
	padding: var(--wp--preset--spacing--30) 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.wp-block-details + .wp-block-details {
	margin-top: 0 !important;
}

.wp-block-details summary {
	cursor: pointer;
	position: relative;
	padding-right: 2.75rem;
	list-style: none;
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
}

.wp-block-details summary::-webkit-details-marker {
	display: none;
}

.wp-block-details summary::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: grid;
	place-items: center;
	width: 1.9rem;
	height: 1.9rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--md);
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.1rem;
	font-weight: 400;
}

.wp-block-details[open] summary::after {
	content: "\2212";
	border-color: var(--wp--preset--color--accent);
}

.wp-block-details > :not(summary) {
	margin-top: 0.75em;
	color: var(--wp--preset--color--contrast-2);
}

/* ---------- Stats ---------- */

.kinetic-stat__number {
	margin: 0;
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--huge);
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
}

.kinetic-stat__label {
	margin: 0;
	color: var(--wp--preset--color--contrast-2);
	font-weight: 600;
}

.kinetic-stats .kinetic-stat {
	padding-left: var(--wp--preset--spacing--30);
	border-left: 3px solid var(--wp--preset--color--accent);
}

/* ---------- Angled bands ---------- */

/* A band whose top and bottom edges run on a slight diagonal. */
.kinetic-angle {
	clip-path: polygon(0 2.5vw, 100% 0, 100% calc(100% - 2.5vw), 0 100%);
	padding-top: calc(var(--wp--preset--spacing--60) + 2.5vw) !important;
	padding-bottom: calc(var(--wp--preset--spacing--60) + 2.5vw) !important;
}

/* ---------- Conditions ---------- */

.kinetic-condition {
	position: relative;
	height: 100%;
	padding: var(--wp--preset--spacing--30);
	border: 1px solid var(--wp--preset--color--line);
	border-left: 4px solid var(--wp--preset--color--accent);
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--surface);
	transition: border-color 0.25s ease, transform 0.25s ease;
}

.kinetic-condition .wp-block-heading {
	margin: 0;
}

.kinetic-condition .wp-block-heading a {
	color: inherit;
	text-decoration: none;
}

.kinetic-condition .wp-block-heading a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.kinetic-condition p {
	margin: 0.5rem 0 0;
}

.kinetic-condition:hover {
	border-color: var(--wp--preset--color--accent);
}

@media (prefers-reduced-motion: no-preference) {
	.kinetic-condition:hover {
		transform: translateY(-2px);
	}
}

/* ---------- Price lists (add-ons, extras) ---------- */

.kinetic-addon {
	gap: 1.5rem !important;
	padding: 1.1rem 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.kinetic-addon p {
	margin: 0;
}

.kinetic-addon__price {
	flex: none;
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	white-space: nowrap;
}

/* ---------- Photo grid ---------- */

.kinetic-gallery .wp-block-image {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--sm);
}

.kinetic-gallery .wp-block-image img {
	border-radius: 0;
}

.kinetic-gallery .wp-block-image figcaption {
	position: absolute;
	inset: auto 0 0;
	margin: 0;
	padding: 2.5rem 1rem 0.9rem;
	background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--wp--preset--color--shade) 80%, transparent));
	color: var(--kinetic-on-photo);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	text-align: left;
	text-transform: var(--wp--custom--heading-case);
	opacity: 0;
	transition: opacity 0.35s ease;
}

.kinetic-gallery .wp-block-image:hover figcaption,
.kinetic-gallery .wp-block-image:focus-within figcaption {
	opacity: 1;
}

@media (hover: none) {
	.kinetic-gallery .wp-block-image figcaption {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.kinetic-gallery .wp-block-image img {
		transition: transform 0.6s ease;
	}

	.kinetic-gallery .wp-block-image:hover img {
		transform: scale(1.04);
	}
}

/* ---------- Comparison cards ---------- */

.kinetic-compare .wp-block-heading {
	margin-top: 0;
}

.kinetic-compare__tag {
	margin: 0;
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* ---------- Footer ---------- */

.kinetic-footer {
	border-top: 1px solid var(--wp--preset--color--line);
}

.kinetic-footer .kinetic-brand {
	color: inherit;
	font-size: 2.25rem;
}

.kinetic-footer .wp-block-navigation {
	letter-spacing: 0;
	text-transform: none;
}

.kinetic-footer .wp-block-navigation-item {
	margin-bottom: 0.15rem;
}

.kinetic-footer .wp-block-navigation a:hover {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.kinetic-footer .kinetic-hours p {
	padding: 0.4em 0;
}

.kinetic-footer__heading {
	margin-bottom: 0.75rem;
	opacity: 0.7;
}

/* ---------- Booking placeholder (when Schedopia is not active) ---------- */

.kinetic-booking-placeholder {
	border: 1px dashed var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--lg);
	background: var(--wp--preset--color--surface);
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	text-align: center;
}

.kinetic-booking-placeholder__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	text-transform: var(--wp--custom--heading-case);
	margin: 0 0 0.4em;
}

.kinetic-booking-placeholder p {
	margin: 0.4em 0;
}

/* ---------- Motion ---------- */

@media (prefers-reduced-motion: no-preference) {
	.wp-block-button__link,
	.wp-block-navigation-item__content {
		transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
	}
}

/* ---------- Session preview (before Schedopia is set up) ---------- */

.kinetic-preview-note {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--contrast-2);
	margin-bottom: var(--wp--preset--spacing--30);
}

.kinetic-services {
	list-style: none;
	margin: var(--wp--preset--spacing--30) 0 0;
	padding: 0;
}

.kinetic-services--grid {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
}

@media (min-width: 960px) {
	.kinetic-services--grid {
		grid-template-columns: repeat(var(--kinetic-cols, 3), minmax(0, 1fr));
	}
}

.kinetic-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--lg);
}

.kinetic-card img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.kinetic-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.5rem;
	padding: var(--wp--preset--spacing--30);
}

.kinetic-card__body p,
.kinetic-card__body h3 {
	margin: 0;
}

.kinetic-card__cat {
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.kinetic-card__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: var(--wp--custom--heading-case);
}

.kinetic-card__desc {
	flex: 1;
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
}

.kinetic-card__meta {
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--x-small);
}

.kinetic-card__foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	margin-top: 0.5rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--wp--preset--color--line);
	font-size: var(--wp--preset--font-size--small);
}

.kinetic-card__price b {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.3rem;
	font-weight: 700;
}

.kinetic-card__price span {
	margin-left: 0.35em;
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--x-small);
}

.kinetic-card__book {
	padding: 0.6em 1.1em;
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 800;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
}

.kinetic-card__book:hover {
	background: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--on-accent);
}

.kinetic-card--person img {
	aspect-ratio: 4 / 5;
}

.kinetic-menu__row {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 0.25rem 1.5rem;
	align-items: baseline;
	padding: 1rem 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.kinetic-menu__row p {
	margin: 0;
}

.kinetic-menu__title {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
}

.kinetic-menu__desc {
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
}

.kinetic-menu__meta {
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
	white-space: nowrap;
}

.kinetic-menu__price {
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	white-space: nowrap;
}

/* ---------- Muted text and dividers on any background ---------- */

.kinetic-muted {
	opacity: 0.78;
}

.kinetic-divider {
	border-top-style: solid;
	border-top-color: color-mix(in srgb, currentColor 18%, transparent);
}

/* Anchored sections clear the sticky header. */
[id] {
	scroll-margin-top: 6rem;
}

/* Sections butt up against the header and footer; no gap between template parts. */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* ---------- Page heroes ---------- */

.kinetic-page-hero:not(.wp-block-cover) {
	background-image: radial-gradient(60rem 30rem at 90% -20%, color-mix(in srgb, var(--wp--preset--color--accent) 12%, transparent), transparent 70%);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.kinetic-page-hero h1 {
	font-weight: 700;
}

/* Portraits and tiles two across on phones; tighter type to fit. */
@media (max-width: 599px) {
	.kinetic-team,
	.kinetic-tiles {
		gap: var(--wp--preset--spacing--30) !important;
	}

	.kinetic-team .wp-block-heading,
	.kinetic-tiles .wp-block-heading {
		font-size: 1.125rem !important;
	}

	.kinetic-team .kinetic-person__role {
		font-size: 0.6875rem;
		letter-spacing: 0.08em;
	}

	.kinetic-menu__row {
		grid-template-columns: 1fr auto;
	}

	.kinetic-menu__meta {
		grid-row: 2;
	}
}