/* Hostinger partner placements (3.14.0) */
.mp-hostinger-badge { display: block; height: auto; max-width: 100%; }

/* Footer badge */
.site-footer__bottom { align-items: center; flex-wrap: wrap; }
.mp-hostinger-footer {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-inline-start: auto;
	padding: 6px 12px 6px 8px;
	border: 1px solid rgba(103, 61, 230, .18);
	border-radius: 999px;
	background: rgba(103, 61, 230, .05);
	color: var(--mp-ink);
	font-size: .72rem;
	font-weight: 600;
	text-decoration: none;
	transition: border-color var(--mp-transition), background var(--mp-transition), transform var(--mp-transition);
}
.mp-hostinger-footer:hover,
.mp-hostinger-footer:focus-visible { border-color: rgba(103, 61, 230, .45); background: rgba(103, 61, 230, .1); transform: translateY(-1px); }
.mp-hostinger-footer .mp-hostinger-badge { width: 92px; }
@media (max-width: 760px) { .mp-hostinger-footer { margin-inline-start: 0; } }

/* Partner band */
.mp-hostinger-band { position: relative; z-index: 2; padding-block: clamp(36px, 5vw, 64px); }
.mp-hostinger-band__card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(20px, 3vw, 40px);
	padding: clamp(24px, 3.4vw, 40px);
	border: 1px solid rgba(103, 61, 230, .2);
	border-radius: var(--mp-radius-lg);
	background:
		radial-gradient(120% 140% at 0% 0%, rgba(103, 61, 230, .12), transparent 55%),
		radial-gradient(90% 120% at 100% 100%, rgba(231, 31, 47, .06), transparent 60%),
		var(--mp-white);
	box-shadow: var(--mp-shadow-soft);
}
.mp-hostinger-band__badge {
	display: grid;
	place-items: center;
	padding: 22px;
	border-radius: var(--mp-radius-md);
	background: rgba(103, 61, 230, .07);
}
.mp-hostinger-band__badge .mp-hostinger-badge { width: clamp(120px, 14vw, 168px); }
.mp-hostinger-band__copy h2 { margin: 8px 0 10px; font-size: clamp(1.3rem, 2.2vw, 1.85rem); line-height: 1.2; }
.mp-hostinger-band__copy p { margin: 0 0 10px; color: var(--mp-muted); max-width: 62ch; }
.mp-hostinger-band__copy small { display: block; color: var(--mp-muted); font-size: .72rem; opacity: .85; }
.mp-hostinger-band__actions { display: grid; gap: 12px; justify-items: start; }
.mp-hostinger-band__cta { background: #673de6; border-color: #673de6; color: #fff; white-space: nowrap; }
.mp-hostinger-band__cta:hover, .mp-hostinger-band__cta:focus-visible { background: #5025d1; border-color: #5025d1; color: #fff; }
@media (max-width: 980px) {
	.mp-hostinger-band__card { grid-template-columns: 1fr; }
	.mp-hostinger-band__badge { justify-self: start; padding: 16px; }
	.mp-hostinger-band__cta { white-space: normal; }
}

/* Inline article CTA */
.mp-hostinger-inline {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 32px 0;
	padding: 20px 22px;
	border: 1px solid rgba(103, 61, 230, .22);
	border-radius: var(--mp-radius-md);
	background: rgba(103, 61, 230, .06);
}
.mp-hostinger-inline .mp-hostinger-badge { flex: 0 0 auto; width: 112px; }
.mp-hostinger-inline > div { flex: 1 1 auto; min-width: 0; }
.mp-hostinger-inline strong { display: block; margin-bottom: 4px; }
.mp-hostinger-inline p { margin: 0; font-size: .92rem; color: var(--mp-muted); }
.mp-hostinger-inline .mp-button { flex: 0 0 auto; background: #673de6; border-color: #673de6; color: #fff; text-decoration: none; }
@media (max-width: 680px) {
	.mp-hostinger-inline { flex-direction: column; align-items: flex-start; }
}

.mp-article-disclosure {
	margin-top: 28px;
	padding: 14px 16px;
	border-inline-start: 3px solid #673de6;
	border-radius: 8px;
	background: rgba(103, 61, 230, .05);
	color: var(--mp-muted);
	font-size: .82rem;
}