/*
Theme Name: Andana Blog
Theme URI: https://blog.andana.net/
Description: Child theme of Twenty Twenty-Five for the Editorial Andana blog.
Author: Suc Estudio
Author URI: https://sucestudio.com/
Template: twentytwentyfive
Version: 0.7.3
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: andana
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Aliases for the parent palette slugs. Twenty Twenty-Five block styles still reference
 * base/contrast/accent-*; the child palette replaces those presets, so map them here.
 */
:root {
	--wp--preset--color--base: var(--wp--preset--color--white);
	--wp--preset--color--contrast: var(--wp--preset--color--ink);
	--wp--preset--color--accent-4: var(--wp--preset--color--ink-soft);
	--wp--preset--color--accent-5: var(--wp--preset--color--surface-soft);
	--wp--preset--color--accent-6: var(--wp--custom--line--default);
	--wp--preset--font-family--fira-code: ui-monospace, SFMono-Regular, Menlo, monospace;
	--wp--preset--font-family--manrope: var(--wp--preset--font-family--ui);
}

/* Category colour hooks. --cat / --cat-tint are printed per category from term meta (see functions.php). */
body.single-post {
	background-color: var(--cat, var(--wp--preset--color--beige));
}

/* Keyboard focus, visible on every surface. */
:where(a, button, input, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--ink);
	outline-offset: 2px;
}

/* Outlines drawn with inset shadows so they never change box sizes. */
.has-outline {
	box-shadow: inset 0 0 0 1px var(--wp--custom--line--default);
}

/* Links inside article bodies stay recognisable as links. */
.wp-block-post-content a:where(:not(.wp-element-button)) {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}
.wp-block-post-content a:where(:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--brand);
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ==========================================================================
   Header: floating pill (WePresent-style) that expands into menu / search
   ========================================================================== */

.andana-toolbar {
	--tb-offset: 20px;
	--tb-h: 76px;
	--tb-w: 428px;
	--tb-ease: cubic-bezier(0.165, 0.84, 0.44, 1);
	--tb-open-w: calc(min(100vw, 1400px) - var(--tb-offset) * 2);
	--tb-open-h: calc(100dvh - var(--tb-offset) * 2 - var(--wp-admin--admin-bar--height, 0px));
	position: relative;
	z-index: 50;
	height: calc(var(--tb-h) + var(--tb-offset) * 2); /* reserves the space of the fixed bar */
	margin: 0;
}
@media (min-width: 1280px) {
	.andana-toolbar {
		--tb-open-h: calc(min(100dvh - var(--wp-admin--admin-bar--height, 0px), 780px) - var(--tb-offset) * 2);
	}
}

.andana-toolbar__dock > *,
.andana-toolbar__shell > *,
.andana-panel > *,
.andana-panel__grid > *,
.andana-panel__col > *,
.andana-about > * {
	margin-block: 0;
}

.andana-toolbar,
.andana-toolbar *,
.andana-toolbar *::before,
.andana-toolbar *::after {
	box-sizing: border-box;
}

.andana-toolbar__dock {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	padding: var(--tb-offset);
	pointer-events: none;
	transition: transform 0.4s var(--tb-ease);
}
.andana-toolbar.is-hidden .andana-toolbar__dock {
	transform: translateY(calc(-100% - var(--wp-admin--admin-bar--height, 0px)));
}

.andana-toolbar__shell {
	pointer-events: auto;
	display: flex;
	flex-direction: column;
	width: min(100%, var(--tb-w));
	height: var(--tb-h);
	overflow: hidden;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	border-radius: var(--wp--custom--radius--sheet);
	transition:
		width 0.5s var(--tb-ease),
		height 0.5s var(--tb-ease),
		box-shadow 0.5s var(--tb-ease);
}
.andana-toolbar.is-open .andana-toolbar__shell {
	width: var(--tb-open-w);
	height: min(var(--tb-open-h), calc(var(--tb-h) + var(--tb-content-h, 100dvh)));
	box-shadow: 0 30px 60px rgba(41, 50, 65, 0.16);
}

.andana-toolbar__bar {
	flex-shrink: 0;
	display: grid;
	grid-template-columns: 60px 1fr 60px;
	align-items: center;
	width: min(100%, var(--tb-w));
	height: var(--tb-h);
	margin-inline: auto;
	padding-inline: 8px;
}

.andana-toolbar__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 12px;
	color: inherit;
	transition: background-color 0.2s;
}
.andana-toolbar__btn:hover {
	color: inherit;
	background: var(--wp--preset--color--surface);
}
.andana-toolbar__btn .andana-icon--close,
.andana-toolbar__btn[aria-expanded="true"] .andana-icon--search,
.andana-toolbar__btn[aria-expanded="true"] .andana-icon--menu {
	display: none;
}
.andana-toolbar__btn[aria-expanded="true"] .andana-icon--close {
	display: block;
}

/* Logo lock-up: wordmark + BLOG */
.andana-logo {
	justify-self: center;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	color: var(--wp--preset--color--ink);
}
.andana-logo:hover {
	color: var(--wp--preset--color--ink);
}
.andana-logo__mark {
	display: block;
	width: 108px;
	height: auto;
	color: var(--wp--preset--color--brand);
}
.andana-logo__blog {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	margin-right: -0.24em; /* optical centring of the tracked word */
}

/* Panels */
.andana-panel {
	display: none;
	flex: 1;
	min-height: 0;
	/* Always the open width: the pill clips it while growing, and its height can be
	   measured straight away to size the pill to the content. */
	width: var(--tb-open-w);
	max-width: none;
	align-self: center;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: none;
	padding: clamp(24px, 3vw, 40px) clamp(20px, 5vw, 72px) clamp(32px, 4vw, 56px);
}
.andana-toolbar[data-panel="menu"] .andana-panel--menu,
.andana-toolbar[data-panel="search"] .andana-panel--search {
	display: block;
	animation: andana-panel-in 0.5s var(--tb-ease) 0.12s both;
}
@keyframes andana-panel-in {
	from {
		opacity: 0;
		transform: translateY(10px) scale(0.97);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.andana-label {
	margin: 0 0 16px;
	font-family: var(--wp--preset--font-family--ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--wp--preset--color--ink-soft);
}

.andana-panel__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--custom--article--gap);
	max-width: 1200px;
	margin-inline: auto;
}

/* Category navigation (menu, footer, pills) */
/* Category links: the colour pill is the hover state, no underline. */
.andana-cat-nav a:is(:hover, :focus),
.andana-cat-nav .wp-block-navigation-item__content:is(:hover, :focus) {
	text-decoration: none;
}

/* Links inherit the component font (beats legacy `body, a { font-family }` snippets). */
.andana-toolbar a,
.andana-footer a {
	font-family: inherit;
}

.andana-cat-nav.wp-block-navigation {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	letter-spacing: -0.01em;
}
.andana-cat-nav .wp-block-navigation-item__content {
	padding: 0;
}
.andana-cat-nav--menu.wp-block-navigation {
	font-size: clamp(1.625rem, 1.2rem + 1.2vw, 2.125rem);
	line-height: 1.25;
}
.andana-cat-nav--menu .wp-block-navigation__container {
	gap: 0.2em;
}
.andana-cat-nav--menu .wp-block-navigation-item[class*="cat-"] > a,
.andana-cat-nav--footer .wp-block-navigation-item > a {
	position: relative;
	z-index: 0;
	display: inline-block;
	padding: 0.06em 0.45em 0.1em 1.05em;
	margin-left: -0.2em;
	color: var(--wp--preset--color--ink);
}
/* The colour square grows into a rounded pill behind the label, left to right. */
.andana-cat-nav--menu .wp-block-navigation-item[class*="cat-"] > a::before,
.andana-cat-nav--footer .wp-block-navigation-item > a::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0.2em;
	top: 50%;
	width: 0.42em;
	height: 0.42em;
	border-radius: 4px;
	background: var(--cat, var(--wp--preset--color--white));
	transform: translateY(-50%);
	transition:
		width 0.45s var(--tb-ease, ease),
		height 0.3s var(--tb-ease, ease),
		left 0.3s var(--tb-ease, ease),
		border-radius 0.3s var(--tb-ease, ease);
}
.andana-cat-nav--menu .wp-block-navigation-item[class*="cat-"] > a:is(:hover, :focus-visible)::before,
.andana-cat-nav--footer .wp-block-navigation-item > a:is(:hover, :focus-visible)::before {
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.5em;
}
.andana-cat-nav--menu .wp-block-navigation-item > a:hover,
.andana-cat-nav--footer .wp-block-navigation-item > a:hover {
	color: var(--wp--preset--color--ink);
}
/* Footer: no square at rest, the pill grows from zero. */
.andana-cat-nav--footer .wp-block-navigation-item > a {
	padding-left: 0.4em;
	margin-left: -0.4em;
}
.andana-cat-nav--footer .wp-block-navigation-item > a::before {
	left: 0;
	width: 0;
	height: 100%;
	border-radius: 0.5em;
}
.andana-cat-nav--menu .andana-nav-all {
	margin-top: 0.6em;
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.875rem;
	font-weight: 600;
}
.andana-cat-nav--menu .andana-nav-all > a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.andana-cat-nav--pills .wp-block-navigation__container {
	justify-content: center;
	gap: 8px;
}
.andana-cat-nav--pills.wp-block-navigation {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.875rem;
	letter-spacing: 0;
}
.andana-cat-nav--pills .wp-block-navigation-item > a {
	padding: 8px 16px;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--cat, var(--wp--preset--color--surface));
	color: var(--wp--preset--color--ink);
	transition: background-color 0.2s;
}
.andana-cat-nav--pills .wp-block-navigation-item > a:hover {
	background: var(--cat-tint, var(--wp--preset--color--line));
	color: var(--wp--preset--color--ink);
}

/* Mini post lists (recommended / latest) */
.andana-mini .wp-block-post-template {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.andana-mini--row .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}
.andana-mini__item {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
}
.andana-mini__item > *,
.andana-mini__body > * {
	margin-block: 0;
}
.andana-mini__media {
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--media);
	background: var(--cat-tint, var(--wp--preset--color--surface));
}
.andana-mini__media .wp-block-post-featured-image,
.andana-mini__media .wp-block-post-featured-image a,
.andana-mini__media img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 0;
	object-fit: cover;
}
.andana-mini__cat {
	font-size: 12px;
	margin-bottom: 4px;
}
.andana-mini__cat a {
	color: var(--wp--preset--color--ink-soft);
}
.andana-mini__title {
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.005em;
	text-wrap: pretty;
}
.andana-mini__title a:hover {
	color: var(--wp--preset--color--brand);
}

/* About card */
.andana-about {
	padding: 28px;
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--surface);
}
.andana-about__text {
	font-family: var(--wp--preset--font-family--reading);
	font-size: 1.125rem;
	line-height: 1.5;
}
.andana-about__links {
	margin-top: 24px;
	padding: 0;
	list-style: none;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.5;
}
.andana-about__links a:hover {
	color: var(--wp--preset--color--brand);
}

/* Search panel */
.andana-panel--search {
	text-align: center;
}
.andana-toolbar[data-panel="search"] .andana-panel--search {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
}
.andana-search.wp-block-search {
	width: 100%;
	margin-top: clamp(24px, 10vh, 120px);
}
.andana-search .wp-block-search__inside-wrapper {
	border: 0;
	padding: 0;
	background: none;
}
.andana-search .wp-block-search__input {
	width: 100%;
	border: 0;
	border-radius: 0;
	padding: 0.1em 0;
	background: none;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.5rem, 1.5rem + 5vw, 6rem);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.03em;
	text-align: center;
}
.andana-search .wp-block-search__input::placeholder {
	color: var(--wp--preset--color--ink);
	opacity: 0.2;
}
.andana-search .wp-block-search__input:focus {
	outline: none;
}
.andana-search .wp-block-search__input::-webkit-search-cancel-button {
	display: none;
}
.andana-panel__latest {
	width: 100%;
	max-width: 1040px;
	margin-top: auto;
	padding-top: 24px;
	text-align: left;
}
.andana-panel__latest .andana-label {
	text-align: center;
}

html.andana-lock {
	overflow: hidden;
}

/* Mobile: pill docked at the bottom, panels grow upwards */
@media (max-width: 639px) {
	.andana-toolbar {
		--tb-offset: 12px;
		--tb-h: 60px;
		--tb-w: 100%;
		--tb-open-w: 100%;
		--tb-open-h: calc(100dvh - var(--tb-offset) * 2 - var(--wp-admin--admin-bar--height, 0px));
		height: 0;
	}
	body {
		padding-bottom: calc(60px + 24px);
	}
	.andana-toolbar__dock {
		top: auto;
		bottom: 0;
	}
	.andana-toolbar.is-hidden .andana-toolbar__dock {
		transform: none;
	}
	.andana-toolbar__shell {
		flex-direction: column-reverse;
	}
	.andana-toolbar.is-open .andana-toolbar__shell {
		box-shadow: 0 -20px 50px rgba(41, 50, 65, 0.16);
	}
	.andana-toolbar__bar {
		grid-template-columns: 52px 1fr 52px;
		padding-inline: 4px;
	}
	.andana-toolbar__btn {
		width: 52px;
		height: 52px;
	}
	.andana-logo {
		gap: 4px;
	}
	.andana-logo__mark {
		width: 92px;
	}
	.andana-logo__blog {
		font-size: 10px;
	}
	.andana-panel {
		padding: 28px 20px;
	}
	.andana-panel__grid {
		grid-template-columns: 1fr;
	}
	.andana-hide-mobile {
		display: none !important;
	}
	/* Mobile menu: no square at rest, the colour pill grows on touch/hover. */
	.andana-cat-nav--menu .wp-block-navigation-item[class*="cat-"] > a {
		padding-left: 0.4em;
		margin-left: -0.4em;
	}
	.andana-cat-nav--menu .wp-block-navigation-item[class*="cat-"] > a::before {
		left: 0;
		width: 0;
		height: 100%;
		border-radius: 0.5em;
	}
	.andana-cat-nav--menu .wp-block-navigation-item[class*="cat-"] > a:active::before {
		width: 100%;
	}
	.andana-toolbar[data-panel="search"] .andana-panel--search {
		justify-content: center;
	}
	.andana-search.wp-block-search {
		margin-top: 0;
	}
}

/* ==========================================================================
   Footer
   ========================================================================== */

.andana-footer {
	display: flex;
	flex-direction: column;
	gap: clamp(40px, 6vw, 72px);
	max-width: 1080px;
	margin-inline: auto;
	padding-inline: 20px;
	padding-block: clamp(56px, 7vw, 96px) clamp(40px, 4vw, 56px);
}
.andana-footer > *,
.andana-footer__grid > *,
.andana-footer__col > *,
.andana-footer__brand > * {
	margin-block: 0;
}
.andana-footer__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--custom--article--gap);
}
.andana-footer .andana-label {
	margin-bottom: 10px;
	color: var(--wp--preset--color--ink);
}
.andana-cat-nav--footer.wp-block-navigation {
	font-size: clamp(1.375rem, 1.2rem + 0.5vw, 1.625rem);
	line-height: 1.35;
	letter-spacing: -0.012em;
}
.andana-cat-nav--footer .wp-block-navigation__container {
	gap: 0;
}

.andana-footer__brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.andana-footer__copy {
	font-size: 12px;
	font-weight: 500;
}
@media (max-width: 639px) {
	.andana-footer__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.andana-footer__col:empty {
		display: none;
	}
}

/* Social icons (about card + footer) */
.andana-social.wp-block-social-links {
	gap: 6px;
	margin: 0;
	padding: 0;
}
.andana-social.is-style-logos-only .wp-social-link {
	color: var(--wp--preset--color--ink);
	background: none;
}
.andana-social.is-style-logos-only .wp-social-link a {
	padding: 6px;
	border-radius: 9999px;
	transition: background-color 0.2s, color 0.2s;
}
.andana-social.is-style-logos-only .wp-social-link a:hover {
	color: var(--wp--preset--color--brand);
	background: var(--wp--preset--color--white);
}
.andana-social--about {
	margin-top: 20px;
	margin-left: -6px;
}
.andana-social--footer {
	justify-content: center;
}

/* ==========================================================================
   Chapter styles: "Hoja blanca" (group) and "Capítulo" (heading)
   Used by the "Artículo con capítulos" template; also readable in the editor.
   ========================================================================== */

.is-style-andana-sheet {
	--sheet-meta: var(--wp--custom--article--meta);
	--sheet-gap: var(--wp--custom--article--gap);
	--sheet-text: var(--wp--custom--article--text);
	display: grid;
	grid-template-columns:
		[full-start] minmax(20px, 1fr)
		[wide-start] minmax(0, var(--sheet-meta))
		var(--sheet-gap)
		[text-start] minmax(0, var(--sheet-text)) [text-end]
		minmax(0, calc(1040px - var(--sheet-meta) - var(--sheet-gap) - var(--sheet-text)))
		[wide-end] minmax(20px, 1fr) [full-end];
	margin: 0 var(--wp--custom--sheet--gutter) var(--wp--custom--sheet--gap);
	padding: var(--wp--custom--sheet--padding-y) 0;
	border-radius: var(--wp--custom--radius--sheet);
	background: var(--wp--preset--color--white);
}
.is-style-andana-sheet > * {
	grid-column: text;
	margin-block: 0;
}
.is-style-andana-sheet > * + * {
	margin-top: 1.5rem;
}
.is-style-andana-sheet > :is(figure, .wp-block-image, .wp-block-gallery, .wp-block-embed, .wp-block-video, .alignwide, .alignfull) {
	grid-column: wide;
	margin-top: clamp(40px, 5vw, 72px);
	margin-bottom: clamp(16px, 3vw, 48px);
}
.is-style-andana-sheet > :is(figure, .wp-block-image) figcaption {
	margin-left: calc(var(--sheet-meta) + var(--sheet-gap));
}
.is-style-andana-sheet > :is(.wp-block-pullquote, .wp-block-quote) {
	grid-column: text / wide-end;
	margin-block: clamp(40px, 5vw, 72px);
}

.andana-chapters {
	counter-reset: andana-chapter;
}
.is-style-andana-chapter {
	counter-increment: andana-chapter;
}
.is-style-andana-chapter::before {
	content: counter(andana-chapter, decimal-leading-zero);
	display: block;
	margin-bottom: 12px;
	font-size: clamp(1.375rem, 1rem + 1.2vw, 2rem);
	font-weight: 600;
	letter-spacing: 0;
}
.andana-chapters > .is-style-andana-chapter {
	width: min(1040px, 100% - 40px);
	margin: 0 auto;
	padding: clamp(56px, 7vw, 100px) 0 clamp(40px, 5vw, 72px);
	font-size: var(--wp--preset--font-size--chapter);
	line-height: 1;
	letter-spacing: -0.03em;
}

/* Template: opening sheet (cover + data) joins the first white sheet of the content. */
.andana-article--chapters .andana-chapters > * {
	margin-block-start: 0;
}
.andana-article__opening {
	margin-bottom: 0;
	padding-bottom: 32px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.andana-article__opening:has(+ .andana-chapters > .is-style-andana-sheet:first-child) + .andana-chapters > .is-style-andana-sheet:first-child {
	padding-top: 32px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.andana-article__opening:not(:has(+ .andana-chapters > .is-style-andana-sheet:first-child)) {
	margin-bottom: var(--wp--custom--sheet--gap);
	border-radius: var(--wp--custom--radius--sheet);
}
.andana-meta--row {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px 40px;
	position: static;
	width: min(1040px, 100% - 40px);
}
.andana-article__closing {
	padding-block: clamp(40px, 5vw, 64px);
}

@media (max-width: 999px) {
	.is-style-andana-sheet {
		grid-template-columns: [full-start] 20px [wide-start text-start] minmax(0, 1fr) [text-end wide-end] 20px [full-end];
	}
	.is-style-andana-sheet > :is(figure, .wp-block-image) figcaption {
		margin-left: 0;
	}
}

/* Cards and mini cards without a featured image: open-book icon (from the mockup). */
.andana-card__media,
.andana-mini__media {
	position: relative;
}
.andana-card__media:not(:has(img))::before,
.andana-mini__media:not(:has(img))::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 36px;
	height: 36px;
	margin: auto;
	background: rgba(41, 50, 65, 0.45);
	-webkit-mask: 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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4.5S4.5 3 8 3s6 1.5 6 1.5v15S11.5 18 8 18s-6 1.5-6 1.5v-15Z'/%3E%3Cpath d='M22 4.5S19.5 3 16 3s-6 1.5-6 1.5v15S12.5 18 16 18s6 1.5 6 1.5v-15Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: 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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4.5S4.5 3 8 3s6 1.5 6 1.5v15S11.5 18 8 18s-6 1.5-6 1.5v-15Z'/%3E%3Cpath d='M22 4.5S19.5 3 16 3s-6 1.5-6 1.5v15S12.5 18 16 18s6 1.5 6 1.5v-15Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.andana-mini__media:not(:has(img))::before {
	width: 26px;
	height: 26px;
}