/* Formato móvil compacto inspirado en la jerarquía visual de Facebook.
 * Se limita a la portada (.szhi) y no modifica la vista de escritorio.
 */

/* 0.4.8: neutraliza el antiguo aumento triple en pantallas de teléfono. */
@media (min-width: 761px) and (max-width: 930px), (min-width: 761px) and (hover: none) and (pointer: coarse) {
	.szhi .szhi-hero-copy {
		padding: 34px 22px !important;
	}

	.szhi .szhi-hero-copy > span,
	.szhi .szhi-title > span,
	.szhi .szhi-account-copy > span,
	.szhi .szhi-cta > span,
	.szhi .szhi-intro p span,
	.szhi .szhi-pet-card p span {
		font-size: 39px !important;
		line-height: 1.35 !important;
	}

	.szhi .szhi-hero h1 {
		font-size: 78px !important;
		font-weight: 600 !important;
		line-height: 1.08 !important;
		letter-spacing: .01em !important;
		white-space: nowrap !important;
		color: #fffaf0 !important;
		text-shadow: 0 3px 12px rgba(0, 0, 0, .48), 0 1px 0 rgba(214, 177, 98, .55) !important;
	}

	.szhi .szhi-hero p {
		font-size: 51px !important;
		line-height: 1.45 !important;
	}

	.szhi .szhi-hero a,
	.szhi .szhi-account-copy > a,
	.szhi .szhi-service a,
	.szhi .szhi-plans article > a,
	.szhi .szhi-cta a {
		min-height: 132px !important;
		padding: 30px 48px !important;
		font-size: 48px !important;
		line-height: 1.25 !important;
	}

	/* El CTA principal conserva la escala grande, con acabado dorado visible. */
	.szhi .szhi-hero a,
	.szhi .szhi-hero a:last-child {
		border: 3px solid #efd28a !important;
		border-radius: 24px !important;
		background: linear-gradient(145deg, #e7c66f 0%, #c79a3f 100%) !important;
		box-shadow: 0 12px 28px rgba(48, 25, 12, .34), inset 0 1px 0 rgba(255, 255, 255, .48) !important;
		color: #3c2718 !important;
		text-decoration: none !important;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .35) !important;
	}

	.szhi .szhi-intro {
		display: block !important;
		padding: 48px 44px 52px !important;
	}

	.szhi .szhi-intro > div {
		display: none !important;
	}

	.szhi .szhi-intro p {
		display: flex !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.szhi .szhi-intro p span {
		margin-bottom: 22px !important;
		text-align: center !important;
		letter-spacing: .12em !important;
	}

	.szhi .szhi-intro p strong {
		display: block !important;
		width: 100% !important;
		margin: 0 0 24px !important;
		font-size: 60px !important;
		line-height: 1.18 !important;
		letter-spacing: -.01em !important;
		text-align: center !important;
	}

	.szhi .szhi-intro p em {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		text-align: left !important;
	}

	.szhi .szhi-intro p em,
	.szhi .szhi-access em,
	.szhi .szhi-process p,
	.szhi .szhi-pet-card p em,
	.szhi .szhi-account-copy > p,
	.szhi .szhi-account-copy > div em,
	.szhi .szhi-service p,
	.szhi .szhi-feed-card p,
	.szhi .szhi-plan-grid p,
	.szhi .szhi-plan-grid ul,
	.szhi .szhi-compare span,
	.szhi .szhi-compare strong {
		font-size: 45px !important;
		line-height: 1.45 !important;
	}

	/* Accesos: título tipo publicación y descripción inmediatamente debajo. */
	.szhi .szhi-access {
		gap: 24px !important;
	}

	.szhi .szhi-access > a {
		min-height: 246px !important;
		padding: 34px 38px !important;
		gap: 28px !important;
	}

	.szhi .szhi-access > a > span {
		width: 120px !important;
		height: 120px !important;
		flex: 0 0 120px !important;
		font-size: 58px !important;
	}

	.szhi .szhi-access strong {
		font-size: 54px !important;
		line-height: 1.25 !important;
	}

	.szhi .szhi-access em {
		margin-top: 9px !important;
	}

	.szhi .szhi-access > a > b {
		width: 80px !important;
		height: 80px !important;
		flex: 0 0 80px !important;
	}

	.szhi .szhi-access > a > b .szhi-icon {
		width: 42px !important;
		height: 42px !important;
	}

	.szhi .szhi-process,
	.szhi .szhi-movement,
	.szhi .szhi-plans {
		padding: 42px !important;
	}

	.szhi .szhi-title h2 {
		font-size: 81px !important;
		line-height: 1.18 !important;
	}

	.szhi .szhi-process article {
		padding: 38px 24px !important;
	}

	.szhi .szhi-process h3,
	.szhi .szhi-pet-card p strong {
		font-size: 54px !important;
		line-height: 1.25 !important;
	}

	.szhi .szhi-account {
		gap: 42px !important;
		padding: 42px !important;
	}

	.szhi .szhi-account-copy h2 {
		font-size: 81px !important;
		line-height: 1.12 !important;
	}

	.szhi .szhi-service h3,
	.szhi .szhi-feed-card h3 {
		font-size: 54px !important;
		line-height: 1.25 !important;
	}

	/* Carrusel proporcionado: fotografía completa y tarjeta sin altura excesiva. */
	.szhi .szhi-movement {
		padding-top: 44px !important;
		padding-bottom: 48px !important;
	}

	.szhi .szhi-movement .szhi-carousel-shell {
		margin-top: 38px !important;
	}

	.szhi .szhi-feed-card {
		min-height: 0 !important;
	}

	.szhi .szhi-feed-photo {
		height: 620px !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-color: #f4eadc !important;
	}

	.szhi .szhi-feed-card > div {
		padding: 38px !important;
	}

	.szhi .szhi-feed-photo span,
	.szhi .szhi-feed-card > div > a {
		font-size: 45px !important;
	}

	.szhi .szhi-plan-grid article {
		padding: 50px 44px !important;
	}

	.szhi .szhi-plan-grid h3 {
		font-size: 81px !important;
	}

	.szhi .szhi-plan-grid h3 span {
		font-size: 51px !important;
		line-height: 1.3 !important;
		text-align: right !important;
	}

	.szhi .szhi-plan-grid .is-elite > b,
	.szhi .szhi-plan-grid .is-elite > .szhi-founder-count {
		font-size: 45px !important;
		line-height: 1.3 !important;
	}

	.szhi .szhi-plan-grid .is-elite > .szhi-founder-rule {
		padding: 32px 38px !important;
		font-size: 42px !important;
		line-height: 1.5 !important;
	}

	.szhi .szhi-cta {
		padding: 62px 44px !important;
	}

	.szhi .szhi-cta h2 {
		font-size: 84px !important;
		line-height: 1.16 !important;
	}
}

@media (max-width: 760px) {
	.szhi,
	.szhi * {
		box-sizing: border-box;
		max-width: 100%;
	}

	.szhi {
		width: calc(100% - 8px) !important;
		margin-right: 4px !important;
		margin-left: 4px !important;
		overflow-x: hidden !important;
	}

	.szhi .szhi-hero-copy {
		width: 100% !important;
		max-width: 100% !important;
		padding: 32px 22px !important;
	}

	.szhi .szhi-hero-copy > span,
	.szhi .szhi-title > span,
	.szhi .szhi-account-copy > span,
	.szhi .szhi-cta > span,
	.szhi .szhi-intro p span,
	.szhi .szhi-pet-card p span {
		font-size: 14px !important;
		line-height: 1.35 !important;
	}

	.szhi .szhi-hero h1 {
		font-size: clamp(38px, 12vw, 48px) !important;
		line-height: 1.04 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	.szhi .szhi-hero p,
	.szhi .szhi-intro p em,
	.szhi .szhi-access em,
	.szhi .szhi-process p,
	.szhi .szhi-pet-card p em,
	.szhi .szhi-account-copy > p,
	.szhi .szhi-account-copy > div em,
	.szhi .szhi-service p,
	.szhi .szhi-feed-card p,
	.szhi .szhi-plan-grid p,
	.szhi .szhi-plan-grid ul,
	.szhi .szhi-compare span,
	.szhi .szhi-compare strong {
		font-size: 17px !important;
		line-height: 1.48 !important;
	}

	.szhi .szhi-hero a,
	.szhi .szhi-account-copy > a,
	.szhi .szhi-service a,
	.szhi .szhi-plans article > a,
	.szhi .szhi-cta a {
		min-height: 50px !important;
		padding: 12px 18px !important;
		font-size: 17px !important;
		line-height: 1.3 !important;
	}

	.szhi .szhi-intro {
		padding: 28px 22px 30px !important;
	}

	.szhi .szhi-intro p span { margin-bottom: 10px !important; }
	.szhi .szhi-intro p strong {
		margin-bottom: 12px !important;
		font-size: 28px !important;
		line-height: 1.18 !important;
	}

	.szhi .szhi-access { gap: 14px !important; }
	.szhi .szhi-access > a {
		min-height: 132px !important;
		padding: 22px 72px 22px 22px !important;
	}
	.szhi .szhi-access > a > span {
		right: 20px !important;
		width: 90px !important;
		height: 90px !important;
	}
	.szhi .szhi-access strong { font-size: 22px !important; }
	.szhi .szhi-access > a > b {
		right: 16px !important;
		bottom: 14px !important;
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
	}

	.szhi .szhi-process,
	.szhi .szhi-movement,
	.szhi .szhi-plans,
	.szhi .szhi-account {
		padding: 22px 18px !important;
	}

	.szhi .szhi-title h2,
	.szhi .szhi-account-copy h2,
	.szhi .szhi-plan-grid h3 {
		font-size: clamp(28px, 9vw, 36px) !important;
		line-height: 1.15 !important;
	}

	.szhi .szhi-process article {
		padding: 18px 12px 70px !important;
	}
	.szhi .szhi-process article:last-child { padding-bottom: 18px !important; }
	.szhi .szhi-process h3,
	.szhi .szhi-pet-card p strong,
	.szhi .szhi-service h3,
	.szhi .szhi-feed-card h3 {
		font-size: 23px !important;
		line-height: 1.25 !important;
	}
	.szhi .szhi-process article:not(:last-child)::after {
		width: 46px !important;
		height: 46px !important;
		font-size: 28px !important;
	}

	.szhi .szhi-feed-photo { height: 300px !important; }
	.szhi .szhi-feed-card > div { padding: 20px !important; }
	.szhi .szhi-feed-photo span,
	.szhi .szhi-feed-card > div > a { font-size: 16px !important; }

	.szhi .szhi-plan-grid article { padding: 28px 22px !important; }
	.szhi .szhi-plan-grid h3 span { font-size: 20px !important; }
	.szhi .szhi-plan-grid .is-elite > b,
	.szhi .szhi-plan-grid .is-elite > .szhi-founder-count { font-size: 16px !important; }
	.szhi .szhi-plan-grid .is-elite > .szhi-founder-rule {
		padding: 16px !important;
		font-size: 16px !important;
	}

	.szhi .szhi-cta { padding: 34px 22px !important; }
	.szhi .szhi-cta h2 {
		margin: 14px auto 22px !important;
		font-size: 28px !important;
		line-height: 1.25 !important;
	}
}

/* 0.4.6 — Acabado limpio sin destellos rojos ni textos subrayados. */
@media (min-width: 761px) and (max-width: 930px), (min-width: 761px) and (hover: none) and (pointer: coarse) {
	.szhi .szhi-access > a,
	.szhi .szhi-access > a:hover,
	.szhi .szhi-access > a:focus,
	.szhi .szhi-access > a:active,
	.szhi .szhi-access > a strong,
	.szhi .szhi-access > a em,
	.szhi .szhi-access > a p {
		text-decoration: none !important;
	}

	.szhi .szhi-access > a {
		border: 1px solid #e5d7c3 !important;
		background: #fff !important;
		box-shadow: 0 12px 28px rgba(66, 38, 21, .10) !important;
	}

	.szhi .szhi-access > a::after {
		display: none !important;
		content: none !important;
	}

	.szhi .szhi-hero a,
	.szhi .szhi-account-copy > a,
	.szhi .szhi-plans article > a,
	.szhi .szhi-cta a,
	.szhi .szhi-feed-card > div > a {
		border: 1px solid #d3aa55 !important;
		background: linear-gradient(145deg, #ddb95f 0%, #c79a3f 100%) !important;
		box-shadow: 0 12px 25px rgba(66, 38, 21, .18) !important;
	}

	.szhi .szhi-cta a:last-child {
		border: 1px solid rgba(198, 161, 91, .55) !important;
		background: linear-gradient(145deg, #3b2116 0%, #28150e 100%) !important;
		box-shadow: 0 12px 25px rgba(20, 10, 6, .22) !important;
	}
}

/* 0.4.4 — Simplificación visual solicitada tras revisión en dispositivo. */
@media (min-width: 761px) and (max-width: 930px), (min-width: 761px) and (hover: none) and (pointer: coarse) {
	/* Destello vino sobrio en la base de cada acceso. */
	.szhi .szhi-access > a {
		box-shadow: 0 9px 26px rgba(66, 38, 21, .08), 0 10px 18px -14px rgba(112, 16, 38, .9) !important;
	}

	.szhi .szhi-access > a::after {
		content: "" !important;
		position: absolute !important;
		z-index: 1 !important;
		left: 16% !important;
		right: 16% !important;
		bottom: -2px !important;
		height: 9px !important;
		border-radius: 50% !important;
		background: radial-gradient(ellipse at center, rgba(128, 18, 43, .72) 0%, rgba(128, 18, 43, .24) 45%, transparent 76%) !important;
		filter: blur(3px) !important;
		pointer-events: none !important;
	}

	/* Ruta limpia: solo texto y flechas editoriales. */
	.szhi .szhi-process > div:last-child {
		display: flex !important;
		margin-top: 34px !important;
		flex-direction: column !important;
		gap: 0 !important;
	}

	.szhi .szhi-process article {
		position: relative !important;
		padding: 22px 18px 92px !important;
		border: 0 !important;
		background: transparent !important;
	}

	.szhi .szhi-process article:last-child {
		padding-bottom: 22px !important;
	}

	.szhi .szhi-process article:not(:last-child)::after {
		content: "↓" !important;
		display: grid !important;
		position: absolute !important;
		top: auto !important;
		right: 50% !important;
		bottom: 10px !important;
		width: 62px !important;
		height: 62px !important;
		transform: translateX(50%) !important;
		place-items: center !important;
		border: 1px solid rgba(185, 141, 62, .55) !important;
		border-radius: 50% !important;
		background: linear-gradient(145deg, #fffaf1, #f2dfbb) !important;
		box-shadow: 0 8px 20px rgba(111, 73, 31, .14) !important;
		color: #9f722b !important;
		font-family: Arial, sans-serif !important;
		font-size: 42px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
	}

	.szhi .szhi-process h3 {
		margin: 0 !important;
		font-size: 54px !important;
		line-height: 1.2 !important;
	}

	/* Mi Shihtzulandia: un solo mensaje, sin tarjeta ni lista repetida. */
	.szhi .szhi-account {
		display: block !important;
		padding: 44px 42px !important;
	}

	.szhi .szhi-account-copy > p {
		margin: 22px 0 34px !important;
		font-size: 45px !important;
		line-height: 1.48 !important;
	}

	/* Los dos planes se perciben como opciones independientes. */
	.szhi .szhi-plan-grid {
		gap: 38px !important;
	}

	/* El mensaje final acompaña al lema, sin competir con él. */
	.szhi .szhi-cta h2 {
		max-width: 100% !important;
		margin: 20px auto 34px !important;
		font-size: 39px !important;
		font-weight: 700 !important;
		line-height: 1.35 !important;
		letter-spacing: .06em !important;
	}
}

/* 0.4.3 — Portada móvil más ligera: accesos compactos con iconos en marca de agua. */
@media (min-width: 761px) and (max-width: 930px), (min-width: 761px) and (hover: none) and (pointer: coarse) {
	.szhi .szhi-access {
		gap: 18px !important;
	}

	.szhi .szhi-access > a {
		position: relative !important;
		display: block !important;
		min-height: 190px !important;
		padding: 28px 118px 28px 34px !important;
		overflow: hidden !important;
	}

	.szhi .szhi-access > a > span {
		position: absolute !important;
		top: 50% !important;
		right: 42px !important;
		width: 148px !important;
		height: 148px !important;
		transform: translateY(-50%) !important;
		border: 0 !important;
		background: transparent !important;
		color: #b48b3f !important;
		opacity: .10 !important;
		pointer-events: none !important;
	}

	.szhi .szhi-access > a > span .szhi-icon {
		width: 100% !important;
		height: 100% !important;
		stroke-width: 1.35 !important;
	}

	.szhi .szhi-access > a > p {
		position: relative !important;
		z-index: 2 !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.szhi .szhi-access > a > b {
		position: absolute !important;
		right: 26px !important;
		bottom: 22px !important;
		z-index: 3 !important;
		width: 68px !important;
		height: 68px !important;
		min-width: 68px !important;
	}

	.szhi .szhi-access em {
		display: -webkit-box !important;
		overflow: hidden !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
	}

	.szhi .szhi-intro {
		padding-top: 40px !important;
		padding-bottom: 44px !important;
	}

	.szhi .szhi-process article {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.szhi .szhi-plan-grid article {
		padding-top: 42px !important;
		padding-bottom: 42px !important;
	}

	.szhi .szhi-plan-grid ul {
		margin-top: 24px !important;
		margin-bottom: 28px !important;
	}
}

/* Prioridad final 0.4.4: conserva el espacio completo de las flechas. */
@media (min-width: 761px) and (max-width: 930px), (min-width: 761px) and (hover: none) and (pointer: coarse) {
	.szhi .szhi-process article {
		padding: 22px 18px 92px !important;
	}

	.szhi .szhi-process article:last-child {
		padding-bottom: 22px !important;
	}
}

@media (min-width: 931px) and (hover: hover) and (pointer: fine) {
	.szhi .szhi-account > .szhi-account-copy:only-child {
		grid-column: 1 / -1;
	}
}

/* 0.4.5 — Sistema tipográfico y separación uniforme de la portada móvil. */
@media (min-width: 761px) and (max-width: 930px), (min-width: 761px) and (hover: none) and (pointer: coarse) {
	/* Una sola familia para títulos, textos y controles. */
	.szhi,
	.szhi h1,
	.szhi h2,
	.szhi h3,
	.szhi strong,
	.szhi p,
	.szhi em,
	.szhi li,
	.szhi a,
	.szhi button {
		font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	}

	/* El encabezado conserva su jerarquía principal. */
	.szhi .szhi-hero {
		width: auto !important;
		margin: 28px 26px 0 !important;
	}

	.szhi .szhi-hero h1 {
		font-size: 78px !important;
		font-weight: 750 !important;
	}

	/* Títulos de sección: patrón exacto de MI SHIHTZULANDIA. */
	.szhi .szhi-intro p > span,
	.szhi .szhi-intro p > strong,
	.szhi .szhi-access strong,
	.szhi .szhi-title > span,
	.szhi .szhi-title h2,
	.szhi .szhi-process h3,
	.szhi .szhi-account-copy > span,
	.szhi .szhi-feed-card h3,
	.szhi .szhi-cta > span,
	.szhi .szhi-cta h2 {
		color: #a77a32 !important;
		font-size: 39px !important;
		font-style: normal !important;
		font-weight: 850 !important;
		line-height: 1.35 !important;
		letter-spacing: .14em !important;
		text-transform: uppercase !important;
	}

	.szhi .szhi-title h2,
	.szhi .szhi-intro p > strong,
	.szhi .szhi-process h3,
	.szhi .szhi-feed-card h3,
	.szhi .szhi-cta h2 {
		margin-top: 12px !important;
	}

	/* Texto corrido: patrón del párrafo de Mi Shihtzulandia. */
	.szhi .szhi-hero p,
	.szhi .szhi-intro p > em,
	.szhi .szhi-access em,
	.szhi .szhi-account-copy > p,
	.szhi .szhi-feed-card p,
	.szhi .szhi-plan-grid p,
	.szhi .szhi-plan-grid ul,
	.szhi .szhi-plan-grid li,
	.szhi .szhi-plan-grid .is-elite > .szhi-founder-rule {
		font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
		font-size: 45px !important;
		font-style: normal !important;
		font-weight: 400 !important;
		line-height: 1.48 !important;
		letter-spacing: 0 !important;
	}

	/* Cada apartado empieza y termina en su propio cuadro. */
	.szhi .szhi-intro,
	.szhi .szhi-access,
	.szhi .szhi-process,
	.szhi .szhi-account,
	.szhi .szhi-movement,
	.szhi .szhi-plans,
	.szhi .szhi-cta {
		margin: 28px 26px 0 !important;
	}

	.szhi .szhi-intro,
	.szhi .szhi-process,
	.szhi .szhi-account,
	.szhi .szhi-movement,
	.szhi .szhi-plans {
		border: 1px solid #e5d7c3 !important;
		border-radius: 22px !important;
		background: #fffdf9 !important;
		box-shadow: 0 12px 30px rgba(66, 38, 21, .09) !important;
	}

	/* La introducción deja de montarse sobre la fotografía. */
	.szhi .szhi-intro {
		position: relative !important;
		z-index: 1 !important;
		padding: 42px !important;
	}

	/* Los accesos mantienen tarjetas individuales y un borde vino visible. */
	.szhi .szhi-access {
		padding: 0 !important;
		background: transparent !important;
	}

	.szhi .szhi-access > a {
		border: 1px solid #e5d7c3 !important;
		border-bottom: 7px solid #7b182b !important;
		border-radius: 19px !important;
		background: #fff !important;
		box-shadow: 0 12px 28px rgba(66, 38, 21, .10), 0 7px 18px rgba(123, 24, 43, .18) !important;
	}

	.szhi .szhi-access > a::after {
		height: 13px !important;
		bottom: -6px !important;
		background: radial-gradient(ellipse at center, rgba(145, 24, 49, .88) 0%, rgba(123, 24, 43, .42) 48%, transparent 78%) !important;
	}

	/* Aire claro entre las dos opciones de membresía. */
	.szhi .szhi-plan-grid {
		display: grid !important;
		gap: 58px !important;
		margin-top: 38px !important;
	}

	.szhi .szhi-plan-grid article {
		box-shadow: 0 13px 28px rgba(66, 38, 21, .11) !important;
	}

	/* Botones dorados con terminación rojo vino marcada. */
	.szhi .szhi-hero a,
	.szhi .szhi-account-copy > a,
	.szhi .szhi-plans article > a,
	.szhi .szhi-cta a,
	.szhi .szhi-feed-card > div > a {
		border: 1px solid #d3aa55 !important;
		border-bottom: 10px solid #7b182b !important;
		background: linear-gradient(180deg, #ddb95f 0%, #c89b43 88%, #8a1b31 100%) !important;
		box-shadow: 0 12px 25px rgba(66, 38, 21, .18), 0 8px 16px rgba(123, 24, 43, .20) !important;
	}

	.szhi .szhi-cta a:last-child {
		border-color: rgba(198, 161, 91, .55) !important;
		border-bottom-color: #8d1c34 !important;
		background: linear-gradient(180deg, #3b2116 0%, #2b160f 88%, #7b182b 100%) !important;
	}

	.szhi .szhi-cta {
		margin-bottom: 30px !important;
	}
}

/* Prioridad final 0.4.6. */
@media (min-width: 761px) and (max-width: 930px), (min-width: 761px) and (hover: none) and (pointer: coarse) {
	.szhi .szhi-access > a,
	.szhi .szhi-access > a:hover,
	.szhi .szhi-access > a:focus,
	.szhi .szhi-access > a:active,
	.szhi .szhi-access > a strong,
	.szhi .szhi-access > a em,
	.szhi .szhi-access > a p {
		text-decoration: none !important;
	}

	.szhi .szhi-access > a {
		border: 1px solid #e5d7c3 !important;
		background: #fff !important;
		box-shadow: 0 12px 28px rgba(66, 38, 21, .10) !important;
	}

	.szhi .szhi-access > a::after {
		display: none !important;
		content: none !important;
	}

	.szhi .szhi-hero a,
	.szhi .szhi-account-copy > a,
	.szhi .szhi-plans article > a,
	.szhi .szhi-cta a,
	.szhi .szhi-feed-card > div > a {
		border: 1px solid #d3aa55 !important;
		background: linear-gradient(145deg, #ddb95f 0%, #c79a3f 100%) !important;
		box-shadow: 0 12px 25px rgba(66, 38, 21, .18) !important;
	}

	.szhi .szhi-cta a:last-child {
		border: 1px solid rgba(198, 161, 91, .55) !important;
		background: linear-gradient(145deg, #3b2116 0%, #28150e 100%) !important;
		box-shadow: 0 12px 25px rgba(20, 10, 6, .22) !important;
	}
}
