/*!
 * MB Landing Kit — frontend CSS
 * v1.1.1
 * Self-contained, no external CDN, no @import.
 * All selectors namespaced under `.mblk`.
 */

/* --------- root tokens (kept off :root so we never leak) --------- */
.mblk,
.mblk * {
	box-sizing: border-box;
}
.mblk {
	--mblk-violet: #9466D4;
	--mblk-violet-strong: #7d4fbf;
	--mblk-violet-soft: #CDBBE6;
	--mblk-violet-050: #F4EEFC;
	--mblk-violet-100: #EBE0F8;
	--mblk-gold: #c6a64b;
	--mblk-gold-soft: #E5D08A;
	--mblk-ink: #2D2926;
	--mblk-text: #4A4750;
	--mblk-muted: #7A7A7A;
	--mblk-surface: #FFFFFF;
	--mblk-surface-alt: #FAF7FE;
	--mblk-border: rgba(148, 102, 212, .18);
	--mblk-border-soft: rgba(148, 102, 212, .10);
	--mblk-shadow-sm: 0 6px 18px rgba(45, 41, 38, .06);
	--mblk-shadow-md: 0 18px 42px rgba(148, 102, 212, .12);
	--mblk-shadow-lg: 0 24px 60px rgba(148, 102, 212, .18);

	/* dark-violet footer palette */
	--mblk-footer-bg-1: #14082A;
	--mblk-footer-bg-2: #1E1030;
	--mblk-footer-bg-3: #2D1F4A;
	--mblk-footer-text: #F4EEFC;
	--mblk-footer-muted: #B9A6D9;
	--mblk-footer-border: rgba(244, 238, 252, .10);
	--mblk-footer-title-accent: #C6A64B;

	--mblk-radius-card: 22px;
	--mblk-radius-btn: 999px;
	--mblk-transition: 200ms cubic-bezier(.22, 1, .36, 1);

	font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: var(--mblk-text);
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

.mblk .mblk-container {
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.mblk .mblk-accent {
	color: var(--mblk-violet);
}

.mblk .mblk-section-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 18px;
	margin-bottom: 28px;
}

.mblk .mblk-section-title {
	margin: 0;
	color: var(--mblk-ink);
	font-family: inherit;
	font-weight: 700;
	font-size: clamp(26px, 3.4vw, 40px);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.mblk .mblk-section-subtitle {
	margin: 8px 0 0;
	color: var(--mblk-muted);
	font-size: clamp(14px, 1.4vw, 16px);
	line-height: 1.55;
	max-width: 640px;
}

.mblk .mblk-section-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--mblk-violet);
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	padding: 8px 12px;
	border-radius: 999px;
	transition: background var(--mblk-transition), color var(--mblk-transition), transform var(--mblk-transition);
}
.mblk .mblk-section-link:hover,
.mblk .mblk-section-link:focus-visible {
	background: var(--mblk-violet-050);
	color: var(--mblk-violet-strong);
	transform: translateY(-1px);
	outline: none;
}
.mblk .mblk-ext-arrow {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* ================== CAROUSEL (shared) ================== */

.mblk .mblk-carousel {
	position: relative;
	padding: 0 0 44px;
}

.mblk .mblk-carousel-viewport {
	width: 100%;
	overflow: hidden;
}

.mblk .mblk-carousel-track {
	display: flex;
	gap: 18px;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	transition: transform 520ms cubic-bezier(.22, 1, .36, 1);
}

.mblk .mblk-slide {
	flex: 0 0 calc((100% - (18px * (var(--mblk-per-view, 3) - 1))) / var(--mblk-per-view, 3));
	min-width: 0;
	display: flex;
}

/* Arrows */
.mblk .mblk-arrow {
	position: absolute;
	top: calc(50% - 22px);
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	padding: 0;
	background: var(--mblk-surface);
	border: 1px solid var(--mblk-border);
	border-radius: 999px;
	color: var(--mblk-violet);
	font-size: 32px;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
	box-shadow: var(--mblk-shadow-sm);
	transition: transform var(--mblk-transition), background var(--mblk-transition), box-shadow var(--mblk-transition), color var(--mblk-transition);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.mblk .mblk-arrow > span { pointer-events: none; margin-top: -3px; }
.mblk .mblk-arrow:hover,
.mblk .mblk-arrow:focus-visible {
	background: var(--mblk-violet);
	color: #fff;
	box-shadow: var(--mblk-shadow-md);
	transform: translateY(calc(-50% - 1px));
	outline: none;
}
.mblk .mblk-arrow[disabled] {
	opacity: .45;
	cursor: not-allowed;
	transform: translateY(-50%);
	box-shadow: none;
}
.mblk .mblk-arrow-prev { left: -18px; }
.mblk .mblk-arrow-next { right: -18px; }

/* Dots */
.mblk .mblk-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	gap: 8px;
	padding-top: 12px;
}
.mblk .mblk-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: none;
	border-radius: 999px;
	background: var(--mblk-border);
	cursor: pointer;
	transition: background var(--mblk-transition), width var(--mblk-transition);
}
.mblk .mblk-dot:hover { background: var(--mblk-violet-soft); }
.mblk .mblk-dot[aria-current="true"] {
	background: var(--mblk-violet);
	width: 22px;
}

/* ================== 1. REVIEWS ================== */

.mblk-recensioni {
	padding: clamp(48px, 6vw, 84px) 0;
	background: linear-gradient(180deg, var(--mblk-surface) 0%, var(--mblk-violet-050) 100%);
}

.mblk .mblk-review-card {
	display: flex;
	flex-direction: column;
	background: var(--mblk-surface);
	border: 1px solid var(--mblk-border);
	border-radius: var(--mblk-radius-card);
	padding: 24px 22px 20px;
	box-shadow: var(--mblk-shadow-sm);
	transition: transform var(--mblk-transition), box-shadow var(--mblk-transition), border-color var(--mblk-transition);
	width: 100%;
}
.mblk .mblk-review-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--mblk-shadow-md);
	border-color: rgba(148, 102, 212, .32);
}

.mblk .mblk-stars {
	display: inline-flex;
	gap: 2px;
	margin-bottom: 12px;
}
.mblk .mblk-star {
	width: 18px;
	height: 18px;
	fill: rgba(198, 166, 75, .22);
}
.mblk .mblk-star-filled {
	fill: var(--mblk-gold);
	filter: drop-shadow(0 2px 4px rgba(198, 166, 75, .28));
}

.mblk .mblk-review-title {
	margin: 0 0 10px;
	color: var(--mblk-ink);
	font-weight: 700;
	font-size: 18px;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.mblk .mblk-review-body {
	margin: 0;
	color: var(--mblk-text);
	font-size: 14.5px;
	line-height: 1.6;
	flex: 1 1 auto;
	/* Clamp to 8 lines with a soft fade */
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mblk .mblk-review-foot {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid var(--mblk-border-soft);
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mblk .mblk-review-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--mblk-muted);
	flex-wrap: wrap;
}
.mblk .mblk-review-name {
	color: var(--mblk-ink);
	font-weight: 700;
}
.mblk .mblk-review-dot { color: var(--mblk-violet-soft); }
.mblk .mblk-review-date { color: var(--mblk-muted); }

.mblk .mblk-review-source {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	align-self: flex-start;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--mblk-violet);
	text-decoration: none;
	padding: 4px 8px;
	margin-left: -8px;
	border-radius: 999px;
	transition: background var(--mblk-transition), color var(--mblk-transition);
}
.mblk .mblk-review-source:hover,
.mblk .mblk-review-source:focus-visible {
	background: var(--mblk-violet-050);
	color: var(--mblk-violet-strong);
	outline: none;
}

/* Optional Vine badge — hidden by default; shown only when
   [mb_recensioni vine="on"] is set. Discreet pill. */
.mblk .mblk-review-vine {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--mblk-violet-050);
	color: var(--mblk-violet-strong);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.5;
	border: 1px solid var(--mblk-border-soft);
	cursor: help;
}

/* ================== 2. CTA BUTTON ================== */

.mblk-cta {
	padding: 24px 0;
	display: flex;
	width: 100%;
}
.mblk-cta.mblk-cta-align-left   { justify-content: flex-start; }
.mblk-cta.mblk-cta-align-center { justify-content: center; }
.mblk-cta.mblk-cta-align-right  { justify-content: flex-end; }

.mblk .mblk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: inherit;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	border-radius: var(--mblk-radius-btn);
	cursor: pointer;
	border: none;
	transition: transform var(--mblk-transition), box-shadow var(--mblk-transition), background var(--mblk-transition), color var(--mblk-transition);
	letter-spacing: .01em;
}
.mblk .mblk-btn:focus-visible {
	outline: 2px solid var(--mblk-violet);
	outline-offset: 3px;
}
.mblk .mblk-btn-primary {
	background: var(--mblk-violet);
	color: #fff;
	box-shadow: 0 12px 28px rgba(148, 102, 212, .32);
}
.mblk .mblk-btn-primary:hover,
.mblk .mblk-btn-primary:focus-visible {
	transform: translateY(-1px);
	background: var(--mblk-violet-strong);
	box-shadow: 0 18px 40px rgba(148, 102, 212, .42);
	color: #fff;
}

/* Amazon yellow variant — style="amazon" (default in v1.1.0) */
.mblk .mblk-btn-amazon {
	background: #FFD814;
	color: #0F1111;
	border: 1px solid #FCD200;
	box-shadow: 0 12px 26px rgba(240, 190, 0, .28);
	flex-direction: column;
	gap: 3px;
}
.mblk .mblk-btn-amazon:hover,
.mblk .mblk-btn-amazon:focus-visible {
	background: #F7CA00;
	border-color: #E7B900;
	transform: translateY(-1px);
	box-shadow: 0 18px 34px rgba(240, 190, 0, .38);
	color: #0F1111;
}
.mblk .mblk-btn-amazon:focus-visible {
	outline: 2px solid #0F1111;
	outline-offset: 3px;
}
.mblk .mblk-btn-amazon .mblk-btn-text { line-height: 1.1; }
.mblk .mblk-btn-smile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 10px;
	width: clamp(48px, 30%, 78px);
	color: #0F1111;
	opacity: .88;
}
.mblk .mblk-btn-smile svg { width: 100%; height: 100%; }
.mblk .mblk-btn-amazon.mblk-btn-large .mblk-btn-smile { height: 12px; }

.mblk .mblk-btn-normal { padding: 14px 26px; font-size: 15px; }
.mblk .mblk-btn-large  { padding: 18px 34px; font-size: 17px; }

.mblk .mblk-btn-icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}
.mblk .mblk-btn-icon svg {
	width: 100%;
	height: 100%;
}

/* ================== 3. FOOTER (dark violet) ================== */

.mblk-footer {
	position: relative;
	overflow: hidden;
	margin-top: clamp(48px, 6vw, 90px);
	padding: clamp(56px, 6vw, 84px) 0 28px;
	color: var(--mblk-footer-text);
	background:
		radial-gradient(ellipse at 18% -10%, rgba(148, 102, 212, .28), transparent 46%),
		radial-gradient(ellipse at 92% 0%,   rgba(198, 166, 75, .16),  transparent 40%),
		linear-gradient(180deg, var(--mblk-footer-bg-2) 0%, var(--mblk-footer-bg-3) 100%);
	border-top: 1px solid rgba(244, 238, 252, .06);
	font-family: inherit;
}
.mblk-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(244, 238, 252, .020) 1px, transparent 1px),
		linear-gradient(90deg, rgba(244, 238, 252, .015) 1px, transparent 1px);
	background-size: 34px 34px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), transparent 84%);
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), transparent 84%);
	pointer-events: none;
}
.mblk-footer .mblk-footer-glow {
	position: absolute;
	inset: -20% -10% auto auto;
	width: 320px;
	height: 320px;
	background: radial-gradient(circle at 60% 40%, rgba(198, 166, 75, .35), transparent 62%);
	filter: blur(20px);
	pointer-events: none;
}

.mblk-footer .mblk-footer-shell {
	position: relative;
	z-index: 1;
}
.mblk-footer .mblk-footer-topline {
	width: 88px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--mblk-violet), var(--mblk-footer-title-accent));
	margin: 0 0 26px;
}
.mblk-footer .mblk-footer-grid {
	display: grid;
	grid-template-columns: minmax(260px, 1.45fr) minmax(150px, 0.85fr) minmax(180px, 0.85fr) minmax(210px, 1fr);
	gap: clamp(24px, 3vw, 44px);
	align-items: start;
}
.mblk-footer h2, .mblk-footer h3 { font-family: inherit; color: var(--mblk-footer-text); }

/* v1.1.1 — defensive hardening against horizontal overflow on very narrow
   viewports: (a) belt-and-suspenders box-sizing on every grid child, and
   (b) min-width: 0 so a long unbreakable string inside a grid item
   (email, VAT, address) cannot force the column wider than its track. */
.mblk-footer .mblk-footer-col {
        box-sizing: border-box;
        min-width: 0;
}

.mblk-footer .mblk-footer-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 18px;
}
.mblk-footer .mblk-footer-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px; height: 52px;
	border-radius: 16px;
	background: linear-gradient(135deg, var(--mblk-violet) 0%, #5a3aa0 100%);
	color: rgba(244, 238, 252, .95);
	box-shadow: 0 12px 30px rgba(148, 102, 212, .32);
}
.mblk-footer .mblk-footer-logo .mblk-brand-svg {
	width: 30px; height: 22px;
}
.mblk-footer .mblk-footer-brand-text { display: flex; flex-direction: column; line-height: 1.15; }
.mblk-footer .mblk-footer-brand-text strong { font-size: 19px; font-weight: 800; letter-spacing: -.01em; color: var(--mblk-footer-text); }
.mblk-footer .mblk-footer-brand-text em { color: var(--mblk-footer-muted); font-size: 13px; font-style: normal; margin-top: 3px; }

.mblk-footer .mblk-footer-title {
	margin: 0 0 10px;
	font-size: clamp(24px, 2.6vw, 30px);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.1;
}
.mblk-footer .mblk-footer-desc {
	margin: 0 0 18px;
	max-width: 460px;
	color: var(--mblk-footer-muted);
	font-size: 14.5px;
	line-height: 1.6;
}
.mblk-footer .mblk-footer-trust {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(148, 102, 212, .14);
	border: 1px solid rgba(148, 102, 212, .28);
	color: var(--mblk-footer-text);
	font-size: 13px;
	line-height: 1.35;
}
.mblk-footer .mblk-footer-trust-dot {
	width: 8px; height: 8px; border-radius: 999px;
	background: var(--mblk-footer-title-accent);
	box-shadow: 0 0 0 3px rgba(198, 166, 75, .28);
}

.mblk-footer .mblk-footer-links-col h3,
.mblk-footer .mblk-footer-support-col h3,
.mblk-footer .mblk-footer-company-col h3 {
	margin: 6px 0 14px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mblk-footer-title-accent);
	font-family: "Roboto", "Raleway", sans-serif;
}
.mblk-footer .mblk-footer-links-col ul {
	margin: 0; padding: 0; list-style: none;
	display: grid; gap: 10px;
}
.mblk-footer .mblk-footer-links-col a {
	color: var(--mblk-footer-muted);
	text-decoration: none;
	font-size: 14.5px;
	line-height: 1.4;
	transition: color var(--mblk-transition), transform var(--mblk-transition);
	display: inline-flex; align-items: center; gap: 4px;
}
.mblk-footer .mblk-footer-links-col a:hover,
.mblk-footer .mblk-footer-links-col a:focus-visible {
	color: var(--mblk-footer-text);
	transform: translateX(2px);
	outline: none;
}

.mblk-footer .mblk-footer-contact { list-style: none; margin: 0; padding: 0; }
.mblk-footer .mblk-footer-contact li { display: grid; gap: 2px; }
.mblk-footer .mblk-footer-contact-label {
	font-family: "Roboto", "Raleway", sans-serif;
	color: var(--mblk-footer-title-accent);
	font-size: 11px; font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.mblk-footer .mblk-footer-contact a {
	color: var(--mblk-footer-text);
	text-decoration: none;
	font-size: 15px;
	overflow-wrap: anywhere;
	word-break: break-word;
	transition: color var(--mblk-transition);
}
.mblk-footer .mblk-footer-contact a:hover { color: var(--mblk-violet-soft); }

.mblk-footer .mblk-footer-company-box {
	padding: 18px 18px;
	border-radius: 18px;
	background: rgba(20, 8, 42, .55);
	border: 1px solid var(--mblk-footer-border);
	backdrop-filter: blur(4px);
}
.mblk-footer .mblk-footer-company-box strong {
	display: block;
	color: var(--mblk-footer-text);
	font-size: 15px;
	margin-bottom: 8px;
}
.mblk-footer .mblk-footer-company-box p {
	margin: 0 0 8px;
	color: var(--mblk-footer-muted);
	font-size: 13px;
	line-height: 1.55;
	overflow-wrap: anywhere;
}
.mblk-footer .mblk-footer-company-box p:last-child { margin: 0; }
.mblk-footer .mblk-footer-vat {
	color: var(--mblk-footer-title-accent) !important;
	font-family: "Roboto", "Raleway", sans-serif;
	font-weight: 700;
	letter-spacing: .04em;
	overflow-wrap: anywhere;
	word-break: break-all;
}

.mblk-footer .mblk-footer-legal {
	margin: 34px 0 0;
	padding: 14px 16px;
	border-radius: 14px;
	background: rgba(148, 102, 212, .08);
	border: 1px solid rgba(148, 102, 212, .16);
	color: var(--mblk-footer-muted);
	font-size: 12.5px;
	line-height: 1.55;
}

.mblk-footer .mblk-footer-bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--mblk-footer-border);
	color: var(--mblk-footer-muted);
	font-size: 12.5px;
	line-height: 1.4;
}
.mblk-footer .mblk-footer-dot { color: var(--mblk-footer-title-accent); }
.mblk-footer .mblk-footer-tag { color: var(--mblk-footer-muted); }

/* ================== 4. ARTICLES + AUTHOR ================== */

.mblk-articoli {
	padding: clamp(48px, 6vw, 84px) 0;
	background: linear-gradient(180deg, var(--mblk-surface-alt) 0%, var(--mblk-surface) 100%);
}

.mblk .mblk-article-card {
	width: 100%;
	display: flex;
}
.mblk .mblk-article-link {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: var(--mblk-surface);
	border: 1px solid var(--mblk-border);
	border-radius: var(--mblk-radius-card);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	box-shadow: var(--mblk-shadow-sm);
	transition: transform var(--mblk-transition), box-shadow var(--mblk-transition), border-color var(--mblk-transition);
}
.mblk .mblk-article-link:hover,
.mblk .mblk-article-link:focus-visible {
	transform: translateY(-3px);
	box-shadow: var(--mblk-shadow-md);
	border-color: rgba(148, 102, 212, .34);
	outline: none;
}
.mblk .mblk-article-image {
	position: relative;
	width: 100%;
	aspect-ratio: 1.55 / 1;
	overflow: hidden;
	background: linear-gradient(135deg, var(--mblk-violet-100) 0%, var(--mblk-violet-050) 60%, #fff 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.mblk .mblk-article-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 260ms ease;
}
.mblk .mblk-article-link:hover .mblk-article-image img,
.mblk .mblk-article-link:focus-visible .mblk-article-image img {
	transform: scale(1.045);
}
.mblk .mblk-article-image::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 40%;
	background: linear-gradient(180deg, transparent, rgba(45, 41, 38, .08));
	pointer-events: none;
}
.mblk .mblk-article-fallback {
	position: relative;
	z-index: 1;
	width: 72px;
	height: 72px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--mblk-surface);
	color: var(--mblk-violet);
	font-weight: 800;
	font-size: 28px;
	border: 1px solid var(--mblk-border);
	box-shadow: var(--mblk-shadow-sm);
}
.mblk .mblk-article-body {
	display: flex;
	flex-direction: column;
	padding: 20px;
	flex: 1 1 auto;
}
.mblk .mblk-article-title {
	margin: 0 0 8px;
	color: var(--mblk-ink);
	font-size: clamp(16px, 1.6vw, 20px);
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: -0.015em;
}
.mblk .mblk-article-byline {
	display: block;
	margin: 0 0 10px;
	color: var(--mblk-violet);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.35;
}
.mblk .mblk-article-excerpt {
	margin: 0 0 14px;
	color: var(--mblk-text);
	font-size: 14px;
	line-height: 1.55;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.mblk .mblk-article-more {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--mblk-violet);
	font-weight: 800;
	font-size: 14px;
	line-height: 1;
}
.mblk .mblk-article-more span {
	color: var(--mblk-gold);
	transition: transform var(--mblk-transition);
	font-size: 16px;
}
.mblk .mblk-article-link:hover .mblk-article-more span,
.mblk .mblk-article-link:focus-visible .mblk-article-more span {
	transform: translateX(3px);
}

.mblk .mblk-articles-empty {
	padding: 40px 24px;
	border: 1px dashed var(--mblk-border);
	border-radius: var(--mblk-radius-card);
	color: var(--mblk-muted);
	text-align: center;
	background: var(--mblk-surface);
}

/* Author block — integrated inside the articles section (v1.1.0).
   Framed together with the carousel by .mblk-articles-frame. */

.mblk .mblk-articles-frame {
	padding: clamp(18px, 2.4vw, 30px) clamp(18px, 2.4vw, 30px) clamp(24px, 3vw, 36px);
	background: linear-gradient(180deg, var(--mblk-surface) 0%, var(--mblk-surface-alt) 100%);
	border: 1px solid var(--mblk-border);
	border-radius: 28px;
	box-shadow: var(--mblk-shadow-sm);
}
.mblk .mblk-articles-frame .mblk-carousel { padding-bottom: 44px; }

.mblk .mblk-author-inline {
	margin-top: clamp(20px, 3vw, 34px);
	padding-top: 0;
}
.mblk .mblk-author-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, var(--mblk-border) 22%, var(--mblk-border) 78%, transparent 100%);
	margin: 0 0 clamp(18px, 2.2vw, 26px);
}
.mblk .mblk-author-inline .mblk-author-eyebrow {
	font-family: "Roboto", "Raleway", sans-serif;
	color: var(--mblk-violet);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.mblk .mblk-author-row {
	display: grid;
	grid-template-columns: 96px 1fr;
	gap: clamp(20px, 3vw, 32px);
	align-items: start;
}
.mblk .mblk-author-inline .mblk-author-avatar {
	width: 96px;
	height: 96px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--mblk-violet) 0%, var(--mblk-violet-strong) 100%);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 32px;
	letter-spacing: -.02em;
	box-shadow: 0 14px 30px rgba(148, 102, 212, .32);
	font-family: "Frank Ruhl Libre", "Raleway", serif;
}
.mblk .mblk-author-inline .mblk-author-body { min-width: 0; }
.mblk .mblk-author-inline .mblk-author-name {
	margin: 0 0 8px;
	color: var(--mblk-ink);
	font-size: clamp(19px, 2vw, 22px);
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: -.02em;
}
.mblk .mblk-author-inline .mblk-author-lede {
	margin: 0 0 10px;
	color: var(--mblk-ink);
	font-size: 15px;
	line-height: 1.55;
	font-weight: 600;
}
.mblk .mblk-author-inline .mblk-author-bio {
	margin: 0 0 16px;
	color: var(--mblk-text);
	font-size: 14px;
	line-height: 1.6;
}
.mblk .mblk-author-inline .mblk-author-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.mblk .mblk-author-inline .mblk-author-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--mblk-surface);
	color: var(--mblk-violet);
	border: 1px solid var(--mblk-border);
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	transition: background var(--mblk-transition), color var(--mblk-transition), transform var(--mblk-transition), border-color var(--mblk-transition);
}
.mblk .mblk-author-inline .mblk-author-link:hover,
.mblk .mblk-author-inline .mblk-author-link:focus-visible {
	background: var(--mblk-violet);
	color: #fff;
	border-color: var(--mblk-violet);
	transform: translateY(-1px);
	outline: none;
}
.mblk .mblk-author-inline .mblk-author-link:hover .mblk-ext-arrow,
.mblk .mblk-author-inline .mblk-author-link:focus-visible .mblk-ext-arrow {
	color: #fff;
}

/* ================== Responsive ================== */

@media (max-width: 1080px) {
	.mblk .mblk-arrow-prev { left: 6px; }
	.mblk .mblk-arrow-next { right: 6px; }
}

@media (max-width: 980px) {
	.mblk-footer .mblk-footer-grid {
		grid-template-columns: 1fr 1fr;
	}
	.mblk-footer .mblk-footer-brand-col {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.mblk .mblk-section-head {
		align-items: flex-start;
		gap: 8px;
	}
	.mblk .mblk-section-link {
		padding-left: 0;
	}
	.mblk .mblk-carousel-track { gap: 14px; }
	.mblk .mblk-slide {
		flex-basis: 100%;
	}
	.mblk .mblk-arrow {
		width: 38px; height: 38px; font-size: 26px;
	}
	.mblk .mblk-btn-normal { padding: 12px 22px; font-size: 14.5px; }
	.mblk .mblk-btn-large  { padding: 15px 28px; font-size: 16px; }

	.mblk-footer .mblk-footer-grid {
		grid-template-columns: 1fr;
	}
	.mblk .mblk-author-row {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.mblk .mblk-author-inline .mblk-author-avatar {
		width: 72px; height: 72px; font-size: 26px;
	}
}

/* Motion-safety */
@media (prefers-reduced-motion: reduce) {
	.mblk .mblk-carousel-track,
	.mblk .mblk-review-card,
	.mblk .mblk-article-link,
	.mblk .mblk-btn,
	.mblk .mblk-arrow,
	.mblk .mblk-article-image img,
	.mblk .mblk-article-more span,
	.mblk .mblk-section-link {
		transition: none !important;
	}
}