/* ============================================================
   STUDIO.109 LAGREE — mise en page et animations
   ------------------------------------------------------------
   Couleurs, polices et tailles : theme.json (modifiables dans
   Apparence > Éditeur > Styles). Ici : ce que theme.json ne sait
   pas exprimer (en-tête fixe, cartes photo, animations…).
   Les états « avant animation » sont limités à html.s109-js :
   sans JavaScript, et dans l'éditeur, tout reste visible.
   ============================================================ */

:root {
	--s109-ease-soft: cubic-bezier(.19, 1, .22, 1);
	--s109-ease-fast: cubic-bezier(.4, 0, .2, 1);
	--s109-line: rgba(246, 248, 218, .14);
	--s109-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M17 7H8M17 7V16'/%3E%3C/svg%3E");
	--s109-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 4v16M4 12h16'/%3E%3C/svg%3E");
	--s109-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E");
}

html { scroll-behavior: auto; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
[id] { scroll-margin-top: 6rem; }
img { max-width: 100%; height: auto; }
.wp-site-blocks { padding-top: 0; padding-bottom: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }

/* ---------- Petits styles de texte ---------- */
.eyebrow {
	font-family: var(--wp--preset--font-family--sans);
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 400;
	color: var(--wp--preset--color--olive-light); /* contraste 6,5:1 sur le noir */
}
.eyebrow.has-text-color { color: inherit; }
.s109-muted p { opacity: .85; }
.site-logo {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: .01em;
	line-height: 1;
}
.site-logo a { color: inherit; text-decoration: none; }

/* ---------- Boutons ---------- */
.wp-block-button__link { transition: opacity .2s var(--s109-ease-fast), transform .2s var(--s109-ease-fast); }
.wp-block-button.is-style-arrow .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: .75rem;
}
.wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: "";
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
	background: currentColor;
	-webkit-mask: var(--s109-arrow) center / contain no-repeat;
	mask: var(--s109-arrow) center / contain no-repeat;
	transition: transform .2s var(--s109-ease-fast);
}
@media (min-width: 1024px) {
	.wp-block-button__link:hover { opacity: .85; transform: scale(.98); }
	.wp-block-button.is-style-arrow .wp-block-button__link:hover { opacity: 1; }
	.wp-block-button.is-style-arrow .wp-block-button__link:hover::after { transform: rotate(45deg); }
}

/* ============================================================
   EN-TÊTE — fixe, transparent puis opaque au scroll
   ============================================================ */
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: background .4s, box-shadow .4s;
}
body.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 32px); }
.site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: linear-gradient(0deg, rgba(24,29,21,0) 0%, rgba(24,29,21,.55) 100%);
	transition: opacity .4s;
}
.site-header.is-scrolled { background: var(--wp--preset--color--print-dark); box-shadow: 0 1px 0 rgba(246,248,218,.08); }
.site-header.is-scrolled::before { opacity: 0; }
.site-header .site-header__container {
	position: relative;
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
	transition: padding .8s var(--s109-ease-soft);
}
.site-header.is-scrolled .site-header__container { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.site-header .site-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: font-size .8s var(--s109-ease-soft), transform .8s var(--s109-ease-soft);
	white-space: nowrap;
}
.site-header.is-scrolled .site-logo { font-size: 1.15rem; }
.site-header .wp-block-navigation-item__content { color: var(--wp--preset--color--creamy-white); text-decoration: none; }
.site-header .wp-block-navigation-item.nav-cta-mobile { display: none; }

/* Menu : liens en ligne sur grand écran (le menu « burger » de WordPress
   est réglé sur « toujours » et déplié ici au-dessus de 1024 px). */
@media (min-width: 1024px) {
	.site-header .wp-block-navigation__responsive-container-open { display: none; }
	.site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: block;
		position: relative;
		width: 100%;
		z-index: auto;
		background: transparent;
	}
	.site-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; }
	.site-header .wp-block-navigation-item { position: relative; }
	.site-header .wp-block-navigation-item::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -.5rem;
		width: 100%;
		height: 1.5px;
		background: var(--wp--preset--color--olive);
		transform: scaleX(0);
		transform-origin: right;
		transition: transform .8s var(--s109-ease-soft);
	}
	.site-header .wp-block-navigation-item:hover::after { transform: scaleX(1); transform-origin: left; }
	.site-header .site-logo:hover { transform: translate(-50%, -50%) scale(1.06); }
}
@media (max-width: 1023px) {
	.site-header .site-header__container { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; }
	.site-header .wp-block-navigation__responsive-container-open {
		display: flex;
		align-items: center;
		gap: .5rem;
		border: 1.5px solid var(--wp--preset--color--olive);
		border-radius: 9999px;
		color: var(--wp--preset--color--olive-light);
		padding: .55rem 1.1rem;
		font-family: var(--wp--preset--font-family--sans);
		font-size: var(--wp--preset--font-size--sm);
		text-transform: uppercase;
		letter-spacing: .08em;
	}
	/* Icône deux traits à côté du mot « Menu » */
	.site-header .wp-block-navigation__responsive-container-open::after {
		content: "";
		width: 1.4rem;
		height: .6rem;
		border-top: 1.5px solid currentColor;
		border-bottom: 1.5px solid currentColor;
	}
	.site-header .wp-block-navigation__responsive-container.is-menu-open {
		background: var(--wp--preset--color--print-dark) !important;
		color: var(--wp--preset--color--creamy-white) !important;
		padding: 5rem 1.5rem 2rem;
	}
	.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { width: 100%; gap: 0; }
	.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		width: 100%;
		border-bottom: 1px solid rgba(246,248,218,.1);
	}
	.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		display: block;
		padding: 1rem 0;
		font-family: var(--wp--preset--font-family--sans);
		font-size: var(--wp--preset--font-size--sm);
		text-transform: uppercase;
		letter-spacing: .12em;
	}
	.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.nav-cta-mobile { display: block; }
	.site-header .wp-block-navigation__responsive-container.is-menu-open .nav-cta-mobile .wp-block-navigation-item__content { color: var(--wp--preset--color--olive); }
}
@media (max-width: 768px) {
	.site-header .site-header__container { flex-direction: row-reverse; }
	.site-header .site-logo { position: static; transform: none; font-size: 1.15rem; margin-right: auto; }
	.site-header .site-header__cta { display: none; }
}

.has-header-offset { padding-top: calc(var(--wp--preset--spacing--container) + 2rem) !important; }

/* ============================================================
   HERO — couverture vidéo
   ============================================================ */
.s109-hero { overflow: hidden; }
.s109-hero .eyebrow { margin-bottom: 1.5rem; color: var(--wp--preset--color--clear-orange); }
.s109-hero .s109-hero__title {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: .25em;
	margin-bottom: 2rem;
}
.s109-hero h1 { margin-bottom: 1.5rem; }
.s109-parallax .wp-block-cover__video-background,
.s109-parallax .wp-block-cover__image-background { will-change: transform; }

/* ============================================================
   CARTES PHOTO (features)
   ============================================================ */
.s109-features { gap: 0 !important; }
.s109-features > .wp-block-column { margin: 0 !important; }
.s109-feature { overflow: hidden; height: 100%; }
.s109-feature .eyebrow { margin: 0 0 .5rem; }
.s109-features > .wp-block-column:nth-child(2) .is-style-reveal-tracking { transition-delay: .12s; }
.s109-features > .wp-block-column:nth-child(3) .is-style-reveal-tracking { transition-delay: .24s; }

/* Zoom arrière au scroll (theme.js) : l'image dépasse de son cadre. */
.s109-scale { overflow: hidden; }
.s109-scale img, .s109-scale .wp-block-cover__image-background { will-change: transform; }

/* ============================================================
   MÉTHODE
   ============================================================ */
.s109-method { overflow: hidden; min-height: 560px; }
.s109-method .wp-block-column { align-self: stretch; }
.s109-method .s109-method__text { align-self: center; }
.s109-method__media { height: 100%; margin: 0; }
.s109-method__media img { width: 100%; height: 100%; min-height: 420px; max-height: 80vh; object-fit: cover; }
@media (max-width: 781px) {
	.s109-method .s109-method__text { padding-left: 0 !important; padding-right: 0 !important; }
}

/* Liste à filets (style de bloc « Liste à filets ») */
.wp-block-list.is-style-numbered-lines {
	list-style: none;
	padding: 0;
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.wp-block-list.is-style-numbered-lines li {
	display: flex;
	gap: 1rem;
	align-items: baseline;
	padding-top: 1rem;
	border-top: 1px solid rgba(246,248,218,.15);
}
.wp-block-list.is-style-numbered-lines li strong {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	color: var(--wp--preset--color--olive);
	min-width: 2ch;
}

/* ============================================================
   GALERIES — bande carrée (textures) et coulisses (3/4)
   ============================================================ */
.wp-block-gallery.s109-textures,
.wp-block-gallery.s109-gallery { gap: 1rem; }
.wp-block-gallery.s109-textures .wp-block-image img { aspect-ratio: 1; object-fit: cover; width: 100%; height: 100%; }
.wp-block-gallery.s109-gallery .wp-block-image { border-radius: 4px; overflow: hidden; }
.wp-block-gallery.s109-gallery .wp-block-image img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: transform .6s var(--s109-ease-soft);
}
.wp-block-gallery.s109-gallery .wp-block-image:hover img { transform: scale(1.04); }
@media (max-width: 860px) {
	.wp-block-gallery.s109-textures.has-nested-images figure.wp-block-image:not(#individual-image),
	.wp-block-gallery.s109-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: calc(50% - .5rem);
	}
}

/* ============================================================
   PLANNING (bloc Planning bsport)
   ============================================================ */
.planning {
	background: rgba(246,248,218,.06);
	border: 1px solid var(--s109-line);
	border-radius: 6px;
	padding: 1.5rem;
	color: var(--wp--preset--color--creamy-white);
}
.planning__nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.planning__week {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
	text-transform: uppercase;
	letter-spacing: .05em;
	text-align: center;
}
.planning__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 9999px;
	border: 1px solid rgba(246,248,218,.25);
	background: transparent;
	color: var(--wp--preset--color--creamy-white);
	cursor: pointer;
	transition: background .2s var(--s109-ease-fast), opacity .2s var(--s109-ease-fast);
}
.planning__arrow:hover:not(:disabled) { background: rgba(246,248,218,.1); }
.planning__arrow:disabled { opacity: .25; cursor: default; }
.planning__arrow .icon { width: 1.1rem; height: 1.1rem; }
.planning__grid { display: grid; grid-template-columns: repeat(var(--planning-days, 5), minmax(0, 1fr)); gap: .75rem; }
.planning__day { display: flex; flex-direction: column; gap: .5rem; padding-top: .75rem; border-top: 1px solid rgba(246,248,218,.1); }
.planning__day.is-past { opacity: .4; }
.planning__day-name {
	margin: 0 0 .25rem;
	font-weight: 500;
	font-size: var(--wp--preset--font-size--sm);
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--wp--preset--color--clear-orange);
}
.planning__day-name span { font-weight: 400; opacity: .7; margin-left: .25rem; }
.planning__day.is-today .planning__day-name { color: var(--wp--preset--color--creamy-white); }
.planning__slot {
	display: flex;
	flex-direction: column;
	gap: .1rem;
	background: var(--wp--preset--color--olive);
	color: var(--wp--preset--color--print-dark);
	border-radius: 12px;
	padding: .55rem .9rem;
	text-decoration: none;
	transition: transform .2s var(--s109-ease-fast), background .2s var(--s109-ease-fast);
}
.planning__slot:hover, .planning__slot:focus-visible { transform: scale(1.04); background: #8E9B73; }
.planning__slot.is-full { background: rgba(246,248,218,.12); color: var(--wp--preset--color--creamy-white); }
.planning__slot--ghost { opacity: .5; }
.planning__time { font-size: var(--wp--preset--font-size--base); font-weight: 500; }
.planning__meta { font-size: var(--wp--preset--font-size--xs); }
.planning__empty { margin: 0; color: rgba(246,248,218,.5); font-size: var(--wp--preset--font-size--sm); }
.planning__message { margin: 0; text-align: center; font-size: var(--wp--preset--font-size--sm); }
.planning__message a { color: var(--wp--preset--color--clear-orange); text-decoration: underline; }
.planning__note, .planning__editor-hint { margin: 1.5rem 0 0; text-align: center; font-size: var(--wp--preset--font-size--xs); color: rgba(246,248,218,.8); }
@media (max-width: 860px) {
	.planning { padding: 1rem; }
	.planning__grid { grid-template-columns: 1fr; gap: 0; }
	.planning__day { display: grid; grid-template-columns: 7.5rem 1fr; align-items: start; column-gap: .75rem; padding: .75rem 0; }
	.planning__day > :not(.planning__day-name) { grid-column: 2; }
	.planning__day-name { grid-column: 1; grid-row: 1; margin-top: .6rem; }
}

/* ============================================================
   FAQ — blocs « Détails » natifs en accordéon
   ============================================================ */
.s109-faq .wp-block-details { border-bottom: 1px solid rgba(24,29,21,.2); padding: 1.25rem 0; margin: 0; }
.s109-faq .wp-block-details summary {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	list-style: none;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.2rem;
	line-height: 1.5;
}
.s109-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.s109-faq .wp-block-details summary::after {
	content: "";
	width: 1rem;
	height: 1rem;
	min-width: 1rem;
	margin-top: .4rem;
	background: var(--wp--preset--color--fire-orange);
	-webkit-mask: var(--s109-plus) center / contain no-repeat;
	mask: var(--s109-plus) center / contain no-repeat;
	transition: transform .3s var(--s109-ease-soft);
}
.s109-faq .wp-block-details:hover summary::after { transform: rotate(25deg); }
.s109-faq .wp-block-details[open] summary::after {
	transform: rotate(180deg);
	-webkit-mask-image: var(--s109-minus);
	mask-image: var(--s109-minus);
}
.s109-faq .wp-block-details > :not(summary) { color: rgba(24,29,21,.75); margin-top: 1rem; }
.s109-faq .wp-block-details a { color: var(--wp--preset--color--fire-orange); font-weight: 500; }
.s109-faq__contact { margin-top: 2rem; }
.s109-faq__contact a { color: inherit; }

/* ============================================================
   PIED DE PAGE
   ============================================================ */
.site-footer { position: relative; overflow: hidden; border-top: 1px solid rgba(246,248,218,.1); }
.site-footer::after {
	/* Filigrane « 109 » décoratif */
	content: "109";
	position: absolute;
	right: -10%;
	bottom: -40%;
	width: 42vw;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 4px solid currentColor;
	border-radius: 50%;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 12vw;
	opacity: .035;
	pointer-events: none;
}
.site-footer__grid { position: relative; z-index: 1; }
.site-logo--footer { font-size: 1.6rem; }
.site-footer__address { opacity: .7; max-width: 28ch; }
.site-footer__contact { opacity: .85; }
.site-footer__contact a { color: var(--wp--preset--color--creamy-white); text-decoration: none; }
.site-footer__contact a:hover { color: var(--wp--preset--color--olive-light); }
.site-footer__label { color: var(--wp--preset--color--olive-light); font-weight: 400; text-transform: uppercase; letter-spacing: .15em; font-size: var(--wp--preset--font-size--xs); margin-bottom: 1.25rem; }
.site-footer__links { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 1rem; }
.site-footer__links a { color: var(--wp--preset--color--creamy-white); text-decoration: none; opacity: .85; }
.site-footer__links a:hover { opacity: 1; }
.site-footer__socials .wp-social-link { border: 1px solid rgba(246,248,218,.3); transition: transform .2s var(--s109-ease-fast), border-color .2s; }
.site-footer__socials .wp-social-link:hover { border-color: var(--wp--preset--color--olive); transform: scale(1.08); }
.site-footer__socials .wp-social-link a { padding: .5em; }
.site-footer__credits {
	position: relative;
	z-index: 1;
	border-top: 1px solid rgba(246,248,218,.1);
	margin-top: 4rem !important;
	padding: 2rem 0;
	font-size: var(--wp--preset--font-size--xs);
	opacity: .6;
}
.site-footer__credits p { margin: 0; }

/* ============================================================
   ANIMATIONS (actives seulement avec html.s109-js)
   ============================================================ */
.s109-js .s109-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .8s var(--s109-ease-soft), transform .8s var(--s109-ease-soft);
}
.s109-js .s109-reveal.in-view { opacity: 1; transform: none; }

/* Titre « glissement » : le contenu est enveloppé par theme.js */
.s109-js .is-style-reveal-mask { overflow: hidden; }
.s109-js .is-style-reveal-mask .s109-mask-inner {
	display: block;
	transform: translateY(105%);
	opacity: 0;
	transition: transform 1s var(--s109-ease-soft), opacity 1s var(--s109-ease-soft);
}
.s109-js .is-style-reveal-mask.in-view .s109-mask-inner { transform: none; opacity: 1; }

/* Titre « mot par mot » : chaque mot découpé par theme.js */
.s109-js .is-style-reveal-words .s109-word { display: inline-block; overflow: hidden; vertical-align: top; }
.s109-js .is-style-reveal-words .s109-word__inner {
	display: inline-block;
	transform: translateY(105%);
	opacity: 0;
	transition: transform .8s var(--s109-ease-soft), opacity .8s var(--s109-ease-soft);
}
.s109-js .is-style-reveal-words.in-view .s109-word__inner { transform: none; opacity: 1; }

/* Titre « lettres » : l'espacement se resserre */
.s109-js .is-style-reveal-tracking {
	opacity: 0;
	letter-spacing: .3em;
	transform: translateY(10px);
	transition: opacity 1s var(--s109-ease-soft), letter-spacing 1s var(--s109-ease-soft), transform 1s var(--s109-ease-soft);
}
.s109-js .is-style-reveal-tracking.in-view { opacity: 1; letter-spacing: normal; transform: none; }

/* Curseur personnalisé (créé par theme.js sur ordinateur) */
.s109-cursor {
	position: fixed;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	mix-blend-mode: difference;
	pointer-events: none;
	z-index: 9999;
	opacity: 0;
	transition: opacity .3s var(--s109-ease-fast);
}
.s109-cursor.is-visible { opacity: 1; }
@media (hover: hover) and (pointer: fine) {
	body.has-custom-cursor,
	body.has-custom-cursor a,
	body.has-custom-cursor button,
	body.has-custom-cursor summary { cursor: none; }
}

@media (prefers-reduced-motion: reduce) {
	.s109-js .s109-reveal,
	.s109-js .is-style-reveal-mask .s109-mask-inner,
	.s109-js .is-style-reveal-words .s109-word__inner,
	.s109-js .is-style-reveal-tracking { opacity: 1; transform: none; letter-spacing: normal; transition: none; }
	.s109-cursor { display: none; }
}

/* Sections pleine largeur collées les unes aux autres (pas d'écart global) */
.wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }

/* Pages de texte (CGV, CGU…) : titres d'articles plus discrets */
body:not(.home) .wp-block-post-title { font-size: var(--wp--preset--font-size--lg); margin-bottom: 2rem; }
body:not(.home) .wp-block-post-content h2 {
	font-size: var(--wp--preset--font-size--base-plus);
	color: var(--wp--preset--color--clear-orange);
	margin-top: 2.5rem;
}

/* ============================================================
   VIDÉO DE FOND DES COUVERTURES (panneau « Vidéo de fond »)
   Au-dessus de l'image, sous le voile : invisible tant que la
   lecture n'a pas démarré, l'image du studio reste donc visible.
   ============================================================ */
.s109-bgvideo {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	opacity: 0;
	transition: opacity 1.2s var(--s109-ease-soft);
	container-type: size;
}
.s109-bgvideo.is-playing { opacity: 1; }
.s109-bgvideo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.s109-bgvideo iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	/* remplit le cadre en 16:9 quelle que soit sa forme */
	width: max(100cqw, 177.78cqh);
	height: max(100cqh, 56.25cqw);
	transform: translate(-50%, -50%);
	border: 0;
}

/* Flèche du lien « Réserver » du menu mobile : dessinée en CSS (le caractère
   ↗ s'affiche en emoji bleu sur iPhone) */
.site-header .nav-cta-mobile .wp-block-navigation-item__content::after {
	content: "";
	display: inline-block;
	width: .9em;
	height: .9em;
	margin-left: .5em;
	vertical-align: -.1em;
	background: currentColor;
	-webkit-mask: var(--s109-arrow) center / contain no-repeat;
	mask: var(--s109-arrow) center / contain no-repeat;
}