/**
 * ==============================================================================
 * Fichier  : assets/themes/ios/css/homepage.css
 * @version : 1.0.29 - 2026-05-25
 * ==============================================================================
 * Objectif :
 *   Styles frontend de la page d’accueil ModulR (homepage.php).
 *   Le rendu reste aligné avec user-profile.php :
 *   - même largeur utile,
 *   - mêmes ombres / rayons / densité visuelle,
 *   - même langage graphique iOS léger.
 *
 * Suggestions futures :
 *   - ajouter une variante visuelle pour une recommandation “prioritaire” ;
 *   - intégrer un état skeleton si les KPIs deviennent asynchrones ;
 *   - prévoir un mini mode “dense” si la homepage s’enrichit.
 * ==============================================================================
 */

/* ==========================================================================
 * 🧱 Conteneur principal
 * ========================================================================== */
.modulr-homepage{
	max-width: 750px;
	margin: 26px auto;
	padding: 14px 14px 18px;
	background:
		radial-gradient(circle at top right, rgba(251,146,60,0.12) 0%, rgba(251,146,60,0) 28%),
		radial-gradient(circle at top left, rgba(59,130,246,0.10) 0%, rgba(59,130,246,0) 24%),
		linear-gradient(180deg, rgba(255,250,245,0.94) 0%, rgba(248,250,252,0.92) 38%, rgba(241,245,249,0.84) 100%);
	border: 1px solid rgba(226,232,240,0.86);
	border-radius: 18px;
	box-shadow:
		0 20px 44px rgba(15, 23, 42, 0.07),
		0 3px 10px rgba(15, 23, 42, 0.03);
}

/* ==========================================================================
 * 🎴 Cartes partagées
 * ========================================================================== */
.modulr-homepage .card{
	background: #ffffff;
	border: 1px solid #eef2f7;
	border-radius: 14px;
	box-shadow:
		0 12px 28px rgba(15, 23, 42, 0.08),
		0 2px 6px rgba(15, 23, 42, 0.04);
	transition: box-shadow .18s ease, transform .12s ease, border-color .18s ease, background-color .18s ease;
}

/* ==========================================================================
 * 🧠 Hover léger desktop (pas mobile)
 * ========================================================================== */
@media (hover: hover){
	.modulr-homepage .modulr-home-reco:hover{
		box-shadow:
			0 18px 40px rgba(15, 23, 42, 0.12),
			0 4px 12px rgba(15, 23, 42, 0.06);
		transform: none;
	}
}

/* ==========================================================================
 * Bloc recommandation
 * ========================================================================== */
.modulr-home-reco{
	position: relative;
	padding: 22px 22px 20px;
 	isolation: isolate;
	overflow: hidden;

	/* 🔥 carte principale = plus de relief */
	box-shadow:
		0 18px 40px rgba(15, 23, 42, 0.12),
		0 4px 12px rgba(15, 23, 42, 0.06);

	margin-bottom: 16px;
	background:
		linear-gradient(135deg, rgba(255,247,237,0.92) 0%, rgba(239,246,255,0.94) 42%, rgba(255,255,255,1) 100%);
	border-color: rgba(15,118,110,0.26);
}

.modulr-home-reco-inner{
	position: relative;
	z-index: 1;
}

.modulr-home-reco--unlock-pending{
	border-color: rgba(249, 115, 22, .34);
	background:
		radial-gradient(circle at top right, rgba(249, 115, 22, .18), transparent 34%),
		linear-gradient(135deg, #fff7ed 0%, #ffffff 58%, #eff6ff 100%);
	box-shadow:
		0 20px 46px rgba(249, 115, 22, .13),
		0 5px 14px rgba(15, 23, 42, .06);
}

.modulr-home-reco--unlock-pending::before{
	content:"";
	position:absolute;
	inset: 12px;
	border-radius: 16px;
	border: 1px solid rgba(249, 115, 22, .22);
	pointer-events:none;
	animation: modulrHomeUnlockPulse 1.9s ease-in-out infinite;
}

.modulr-home-reco-kicker--unlock{
	color: #9a3412;
}

.modulr-home-unlock-list{
	display:flex;
	flex-wrap:wrap;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	list-style:none;
}

.modulr-home-unlock-list li{
	max-width:100%;
	padding: 6px 10px;
	border: 1px solid rgba(249, 115, 22, .20);
	border-radius: 999px;
	background: rgba(255,255,255,.78);
	color: #7c2d12;
	font-size: .86rem;
	font-weight: 800;
	overflow-wrap:anywhere;
}

@keyframes modulrHomeUnlockPulse{
	0%, 100%{
		opacity:.46;
		transform:scale(1);
	}
	50%{
		opacity:1;
		transform:scale(1.01);
	}
}

@media (prefers-reduced-motion: reduce){
	.modulr-home-reco--unlock-pending::before{
		animation:none;
	}
}

.modulr-home-reco--has-image::after{
	content:"";
	position:absolute;
	inset: 0;
	background-image:
		linear-gradient(90deg,
			rgba(255,255,255,0.98) 0%,
			rgba(255,255,255,0.95) 22%,
			rgba(255,255,255,0.84) 44%,
			rgba(255,255,255,0.58) 68%,
			rgba(255,255,255,0.34) 100%
		),
		var(--modulr-home-reco-bg-image);
	background-repeat: no-repeat;
	background-position: left top, right center;
	background-size: auto, cover;
	opacity: .22;
	border-radius: inherit;
	clip-path: inset(0 round 14px);
	z-index: 0;
	pointer-events: none;
}

@media (max-width: 680px){
	.modulr-home-reco--has-image::after{
		display:none;
	}
}

.modulr-home-reco::before{
	content:"";
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #0f766e 0%, #2563eb 55%, #fb923c 100%);
	opacity: 1;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	z-index: 3;
}

.modulr-home-reco-kicker{
	display:inline-flex;
	align-items:center;
	padding: 4px 10px;
	margin: 0 0 10px;
	border-radius: 999px;
	background: rgba(249,115,22,0.10);
	color: #c2410c;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.modulr-home-reco h2{
	margin: 0 0 14px;
	font-size: 1.32rem;
	line-height: 1.2;
	font-weight: 700;
	color: #334155;
}

.modulr-home-reco-content{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap: 10px;
}

.modulr-home-reco-inner > p{
	margin: 0;
	color: #475569;
	font-weight: 600;
	line-height: 1.5;
}

.modulr-home-reco-title{
	font-size: 1.24rem;
	font-weight: 800;
	line-height: 1.25;
	color: #0f172a;
}

.modulr-home-reco-reason{
	color: #475569;
	font-weight: 600;
	line-height: 1.5;
	max-width: 56ch;
}

.modulr-home-reco-actions{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 10px;
	margin-top: 2px;
}

.modulr-home-reco-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width: 140px;
	white-space: nowrap;
	padding: 0.62rem 1.2rem;
	border-radius: 12px;
	font-weight: 700;
	text-decoration: none;
	transition:
		transform .15s ease,
		box-shadow .18s ease,
		background-color .18s ease,
		border-color .18s ease,
		color .18s ease;
}

.modulr-home-reco-btn,
.modulr-home-reco-btn:visited,
.modulr-home-reco-btn:hover,
.modulr-home-reco-btn:focus{
	text-decoration: none;
}

.modulr-home-reco .button-primary{
	box-shadow: 0 12px 26px rgba(15,118,110,.24);
}

.modulr-home-reco .button-primary,
.modulr-home-reco .button-primary:visited,
.modulr-home-reco .button-primary:hover,
.modulr-home-reco .button-primary:focus{
	background: linear-gradient(135deg, #0f766e 0%, #2563eb 100%);
 	border-color: transparent;
 	color: #ffffff;
	text-decoration: none;
}

.modulr-home-reco .button-primary:hover,
.modulr-home-reco .button-primary:focus{
	transform: translateY(-1px);
	box-shadow: 0 14px 30px rgba(37,99,235,.26);
}

.modulr-home-reco-btn--secondary{
 	color: #0f172a;
	background: rgba(255,255,255,0.96);
	border: 1px solid rgba(148,163,184,.24);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.modulr-homepage .modulr-home-reco a.button.modulr-home-reco-btn--secondary,
.modulr-homepage .modulr-home-reco a.button.modulr-home-reco-btn--secondary:visited,
.modulr-homepage .modulr-home-reco a.button.modulr-home-reco-btn--secondary:hover,
.modulr-homepage .modulr-home-reco a.button.modulr-home-reco-btn--secondary:focus,
.modulr-homepage .modulr-home-reco a.button.modulr-home-reco-btn--secondary:active{
	color: #0f172a !important;
	text-decoration: none !important;
}

.modulr-home-reco-btn--secondary:hover,
.modulr-home-reco-btn--secondary:focus{
	background: #ffffff;
	border-color: rgba(148,163,184,.36);
	color: #0f172a;
	transform: translateY(-1px);
	box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.modulr-home-reco-btn:focus-visible{
	outline: 2px solid rgba(37,99,235,.25);
	outline-offset: 3px;
}

.modulr-home-unlock-celebration{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	padding: 14px 16px;
	border: 1px solid rgba(245,158,11,.34);
	border-radius: 14px;
	background:
		linear-gradient(135deg, rgba(255,251,235,.98) 0%, rgba(255,247,237,.95) 48%, rgba(239,246,255,.90) 100%);
	box-shadow:
		0 12px 26px rgba(120,53,15,.09),
		inset 0 1px 0 rgba(255,255,255,.82);
	color: #431407;
}

.modulr-home-unlock-celebration__icon{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: linear-gradient(180deg, #f59e0b 0%, #ea580c 100%);
	color: #ffffff;
	font-size: 1rem;
	font-weight: 900;
	box-shadow:
		0 8px 16px rgba(234,88,12,.22),
		inset 0 1px 0 rgba(255,255,255,.36);
}

.modulr-home-unlock-celebration p{
	margin: 0;
	font-size: .95rem;
	font-weight: 750;
	line-height: 1.45;
	color: #431407;
}

/* ==========================================================================
 * 🔗 Raccourcis
 * ========================================================================== */
.modulr-home-shortcuts{
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 16px;
}

.modulr-home-shortcut-card{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height: 172px;
	padding: 16px 12px 14px;
	gap: 8px;
	text-decoration: none;
	color: #0f172a;
	white-space: normal;
	position: relative;
	overflow:hidden;
	background:
		radial-gradient(circle at 50% 18%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.70) 26%, rgba(226,232,240,.20) 58%, rgba(15,23,42,.04) 100%),
		linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid rgba(148,163,184,.34);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		inset 0 -8px 18px rgba(15,23,42,.035),
		0 10px 24px rgba(15,23,42,.10);
	transform: translateY(0) scale(1);
	transition:
		transform .18s ease,
		box-shadow .2s ease,
		border-color .2s ease,
		background .2s ease;
}

.modulr-home-shortcut-card > *{
	position: relative;
	z-index: 2;
}

.modulr-home-shortcut-badge{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 2px solid rgba(255,255,255,.92);
	border-radius: 999px;
	background: linear-gradient(180deg, #38bdf8 0%, #2563eb 100%);
	color: #ffffff;
	box-shadow:
		0 10px 18px rgba(37,99,235,.28),
		inset 0 1px 0 rgba(255,255,255,.38);
	pointer-events: none;
}

.modulr-home-shortcut-badge svg{
	display: block;
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.modulr-home-shortcut-card:visited{
	color: #0f172a;
}

.modulr-home-shortcut-card.is-disabled{
	cursor: default;
	color: #64748b;
	background:
		radial-gradient(circle at 50% 18%, rgba(248,250,252,.92) 0%, rgba(241,245,249,.76) 34%, rgba(226,232,240,.58) 100%),
		linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
	border-color: rgba(148,163,184,.48);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.72),
		inset 0 -8px 18px rgba(15,23,42,.045),
		0 8px 18px rgba(15,23,42,.07);
}

.modulr-home-shortcut-card.is-disabled .modulr-home-shortcut-label{
	color: #64748b;
}

.modulr-home-shortcut-card.is-highlighted-reward:not(.is-disabled),
.modulr-home-shortcut-card.is-highlighted:not(.is-highlighted-progress):not(.is-disabled){
	background:
		radial-gradient(circle at 50% 18%, rgba(254,243,199,.98) 0%, rgba(254,249,195,.72) 32%, rgba(255,251,235,.46) 62%, rgba(255,255,255,.70) 100%),
		linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
	border-color: rgba(245,158,11,.46);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.96),
		inset 0 -8px 18px rgba(245,158,11,.07),
		0 12px 26px rgba(245,158,11,.16);
}

.modulr-home-shortcut-card.is-highlighted-progress:not(.is-disabled){
	background:
		radial-gradient(circle at 50% 18%, rgba(220,252,231,.98) 0%, rgba(187,247,208,.72) 34%, rgba(240,253,244,.52) 64%, rgba(255,255,255,.72) 100%),
		linear-gradient(180deg, #f0fdf4 0%, #bbf7d0 100%);
	border-color: rgba(34,197,94,.44);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.96),
		inset 0 -8px 18px rgba(34,197,94,.08),
		0 12px 26px rgba(22,163,74,.15);
}

.modulr-home-shortcut-card::before{
	content:"";
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #22d3ee 0%, #60a5fa 42%, #f97316 100%);
	opacity: .86;
}

.modulr-home-shortcut-card::after{
	display:block;
	content:"";
	position:absolute;
	inset: 20px 16px 44px;
	width: auto;
	height: auto;
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 42%, rgba(96,165,250,.28) 0%, rgba(96,165,250,.16) 36%, rgba(96,165,250,0) 72%);
	filter: blur(8px);
	opacity: .86;
	mix-blend-mode: normal;
	pointer-events:none;
	z-index: 1;
}

.modulr-home-shortcut-image-wrapper {
    display: block;
    width: 128px;
    height: 128px;
    padding: 16px;
    position: relative;
    z-index: 2;
    filter:
        drop-shadow(0 10px 14px rgba(15,23,42,.14))
        drop-shadow(0 0 10px rgba(96,165,250,.16));
    transition: filter .2s ease;
}

.modulr-home-shortcut-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    image-rendering: auto;
    transform-origin: center center;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: transform .2s ease;
}

.modulr-home-shortcut-label{
	display:block;
	margin-top: 2px;
	text-align:center;
	font-weight: 800;
	font-size: 0.8rem;
	line-height: 1;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #0f172a;
	text-shadow: 0 1px 0 rgba(255,255,255,.86);
	position: relative;
	z-index: 2;
	transition:
		color .18s ease,
		letter-spacing .18s ease,
		transform .18s ease;
}

.modulr-home-shortcut-card:hover,
.modulr-home-shortcut-card:focus{
	color: #0f172a;
	text-decoration: none;
}

.modulr-home-shortcut-card:focus-visible{
	outline: 2px solid rgba(37,99,235,.22);
	outline-offset: 2px;
}

@media (hover: hover){
	.modulr-home-shortcut-card:not(.is-disabled):hover,
	.modulr-home-shortcut-card:not(.is-disabled):focus{
		background:
			radial-gradient(circle at 50% 20%, rgba(255,255,255,1) 0%, rgba(239,246,255,.94) 30%, rgba(219,234,254,.54) 62%, rgba(15,23,42,.05) 100%),
			linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
		border-color: rgba(96,165,250,.56);
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,1),
			inset 0 -10px 22px rgba(37,99,235,.06),
			0 0 0 1px rgba(96,165,250,.20),
			0 0 22px rgba(96,165,250,.28),
			0 18px 36px rgba(15,23,42,.14);
		transform: translateY(-3px) scale(1.018);
	}

	.modulr-home-shortcut-card.is-highlighted-reward:not(.is-disabled):hover,
	.modulr-home-shortcut-card.is-highlighted-reward:not(.is-disabled):focus,
	.modulr-home-shortcut-card.is-highlighted:not(.is-highlighted-progress):not(.is-disabled):hover,
	.modulr-home-shortcut-card.is-highlighted:not(.is-highlighted-progress):not(.is-disabled):focus{
		background:
			radial-gradient(circle at 50% 20%, rgba(255,251,235,1) 0%, rgba(254,243,199,.96) 30%, rgba(253,186,116,.42) 64%, rgba(120,53,15,.05) 100%),
			linear-gradient(180deg, #fffbeb 0%, #fed7aa 100%);
		border-color: rgba(249,115,22,.58);
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,1),
			inset 0 -10px 22px rgba(249,115,22,.08),
			0 0 0 1px rgba(249,115,22,.20),
			0 0 22px rgba(251,146,60,.30),
			0 18px 36px rgba(120,53,15,.13);
	}

	.modulr-home-shortcut-card.is-highlighted-progress:not(.is-disabled):hover,
	.modulr-home-shortcut-card.is-highlighted-progress:not(.is-disabled):focus{
		background:
			radial-gradient(circle at 50% 20%, rgba(240,253,244,1) 0%, rgba(220,252,231,.96) 30%, rgba(134,239,172,.42) 64%, rgba(20,83,45,.05) 100%),
			linear-gradient(180deg, #f0fdf4 0%, #bbf7d0 100%);
		border-color: rgba(34,197,94,.58);
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,1),
			inset 0 -10px 22px rgba(34,197,94,.08),
			0 0 0 1px rgba(34,197,94,.18),
			0 0 22px rgba(74,222,128,.28),
			0 18px 36px rgba(20,83,45,.12);
	}

	.modulr-home-shortcut-card:not(.is-disabled):hover .modulr-home-shortcut-image,
	.modulr-home-shortcut-card:not(.is-disabled):focus .modulr-home-shortcut-image{
		transform: translateY(-2px) scale(1.035);
		filter:
			saturate(1.1)
			contrast(1.05)
			drop-shadow(0 12px 18px rgba(15,23,42,.18))
			drop-shadow(0 0 18px rgba(96,165,250,.34))
			drop-shadow(0 0 28px rgba(34,211,238,.18));
	}

	.modulr-home-shortcut-card.is-highlighted-reward:not(.is-disabled):hover .modulr-home-shortcut-image,
	.modulr-home-shortcut-card.is-highlighted-reward:not(.is-disabled):focus .modulr-home-shortcut-image,
	.modulr-home-shortcut-card.is-highlighted:not(.is-highlighted-progress):not(.is-disabled):hover .modulr-home-shortcut-image,
	.modulr-home-shortcut-card.is-highlighted:not(.is-highlighted-progress):not(.is-disabled):focus .modulr-home-shortcut-image{
		filter:
			saturate(1.12)
			contrast(1.05)
			drop-shadow(0 12px 18px rgba(120,53,15,.16))
			drop-shadow(0 0 18px rgba(251,146,60,.36))
			drop-shadow(0 0 28px rgba(245,158,11,.22));
	}

	.modulr-home-shortcut-card.is-highlighted-progress:not(.is-disabled):hover .modulr-home-shortcut-image,
	.modulr-home-shortcut-card.is-highlighted-progress:not(.is-disabled):focus .modulr-home-shortcut-image{
		filter:
			saturate(1.12)
			contrast(1.05)
			drop-shadow(0 12px 18px rgba(20,83,45,.15))
			drop-shadow(0 0 18px rgba(34,197,94,.32))
			drop-shadow(0 0 28px rgba(74,222,128,.20));
	}

	.modulr-home-shortcut-card:not(.is-disabled):hover .modulr-home-shortcut-label,
	.modulr-home-shortcut-card:not(.is-disabled):focus .modulr-home-shortcut-label{
		color: #1d4ed8;
		letter-spacing: .17em;
		transform: translateY(-1px);
	}

	.modulr-home-shortcut-card.is-highlighted-reward:not(.is-disabled):hover .modulr-home-shortcut-label,
	.modulr-home-shortcut-card.is-highlighted-reward:not(.is-disabled):focus .modulr-home-shortcut-label,
	.modulr-home-shortcut-card.is-highlighted:not(.is-highlighted-progress):not(.is-disabled):hover .modulr-home-shortcut-label,
	.modulr-home-shortcut-card.is-highlighted:not(.is-highlighted-progress):not(.is-disabled):focus .modulr-home-shortcut-label{
		color: #c2410c;
	}

	.modulr-home-shortcut-card.is-highlighted-progress:not(.is-disabled):hover .modulr-home-shortcut-label,
	.modulr-home-shortcut-card.is-highlighted-progress:not(.is-disabled):focus .modulr-home-shortcut-label{
		color: #15803d;
	}
}

@media (prefers-reduced-motion: no-preference){
	.modulr-home-shortcut-card:not(.is-disabled):hover .modulr-home-shortcut-image,
	.modulr-home-shortcut-card:not(.is-disabled):focus .modulr-home-shortcut-image{
		animation: modulrHomeGamingPulse .8s ease-out both;
	}
}

@keyframes modulrHomeGamingPulse{
	0%  { transform: translateY(0) scale(1); }
	44% { transform: translateY(-3px) scale(1.055); }
	100%{ transform: translateY(-2px) scale(1.035); }
}

/* ==========================================================================
 * 📱 Responsive
 * ========================================================================== */
@media (max-width: 640px){
	.modulr-home-shortcuts{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.modulr-homepage {
		max-width: 100%; margin: 0 auto; padding: 0; border: none; border-radius: 0; background: none; box-shadow: none;
	}

	.modulr-home-hero,
	.modulr-homepage .card{
		border-radius: 12px;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
	}

	.modulr-home-hero{
		padding: 16px 14px;
	}

	.modulr-home-hero-left{
		align-items:center;
		flex-direction: row;
		gap: 14px;
	}

	.modulr-home-hero .modulr-user-avatar,
	.modulr-home-hero img{
		width: 80px;
		height: 80px;
		min-width: 80px;
	}

	.modulr-home-username{
		line-height: 1.15;
	}

	.modulr-home-objective{
		font-size: .94rem;
		line-height: 1.4;
	}

	.modulr-home-reco{
		padding: 18px 16px 16px;
	}

	.modulr-home-reco-actions{
		flex-wrap: nowrap;
		width: 100%;
		gap: 8px;
	}

	.modulr-home-reco-btn{
		min-width: 0;
		flex: 1 1 0;
		padding: 0.78rem .9rem;
	}

	.modulr-home-reco h2{
		font-size: 1.18rem;
	}

	.modulr-home-reco-title{
		font-size: 1.05rem;
	}

	.modulr-home-shortcut-card{
		min-height: 96px;
		padding: 16px 14px;
		font-size: 0.98rem;
		justify-content: flex-start;
	}
}