/**
 * Product hero — responsive (screen). Loads after elementor-post-{id}.css.
 * Heroes: 8282f00/263a9fb (products) | d995ec2/4f11765 (newsroom) | e5d1a23 (other ways).
 * 481–1024: image left 50% + panel right 50% | ≤767: top spacing | ≤480: hide image, full-width panel.
 * Newsroom product hero: same split through 1280px (fixes ~1169px gap).
 */

/* Tablet / small tablet — two columns */
@media screen and (max-width: 1024px) and (min-width: 481px) {

	html body.elementor-page .elementor .e-con.elementor-element-8282f00,
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		--flex-wrap-mobile: nowrap !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner,
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con-inner {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		width: 100% !important;
		--flex-wrap-mobile: nowrap !important;
	}

	/* Image column — always left; ID varies */
	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb),
	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb),
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con:not(.elementor-element-4f11765),
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con-inner > .e-con:not(.elementor-element-4f11765) {
		order: 1 !important;
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
		--width: 50% !important;
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		align-self: stretch !important;
		min-height: 320px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-8282f00 .elementor-hidden-mobile.e-con:not(.elementor-element-263a9fb),
	html body.elementor-page .elementor .e-con.elementor-element-8282f00 .elementor-hidden-phone.e-con:not(.elementor-element-263a9fb),
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 .elementor-hidden-mobile.e-con:not(.elementor-element-4f11765),
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 .elementor-hidden-phone.e-con:not(.elementor-element-4f11765) {
		display: flex !important;
		visibility: visible !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb) > .elementor-motion-effects-container,
	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb) > .elementor-motion-effects-container,
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con:not(.elementor-element-4f11765) > .elementor-motion-effects-container,
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con-inner > .e-con:not(.elementor-element-4f11765) > .elementor-motion-effects-container {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb):not(.elementor-motion-effects-element-type-background),
	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb) > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb):not(.elementor-motion-effects-element-type-background),
	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb) > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con:not(.elementor-element-4f11765):not(.elementor-motion-effects-element-type-background),
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con:not(.elementor-element-4f11765) > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con-inner > .e-con:not(.elementor-element-4f11765):not(.elementor-motion-effects-element-type-background),
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con-inner > .e-con:not(.elementor-element-4f11765) > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		min-height: 100% !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}

	/* Colored panel — always right (DOM may list it first) */
	html body.elementor-page .elementor .e-con.elementor-element-263a9fb,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 {
		order: 2 !important;
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
		--width: 50% !important;
		min-height: 320px !important;
		align-self: stretch !important;
		--padding-top: 32px !important;
		--padding-bottom: 32px !important;
		--padding-left: 16px !important;
		--padding-right: 16px !important;
		padding: 32px 16px !important;
		margin: 0 !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .elementor-element-b6c65e6 .elementor-heading-title,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .elementor-element-9f6f5fa .elementor-heading-title {
		font-size: 40px !important;
	}
}

/* Newsroom product hero — narrow desktop (1025–1280): same 50/50 split as tablet */
@media screen and (max-width: 1280px) and (min-width: 1025px) {

	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00,
	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb),
	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb) {
		order: 1 !important;
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
		--width: 50% !important;
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		align-self: stretch !important;
		min-height: 320px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb) > .elementor-motion-effects-container,
	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb) > .elementor-motion-effects-container {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
	}

	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb):not(.elementor-motion-effects-element-type-background),
	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb) > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb):not(.elementor-motion-effects-element-type-background),
	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb) > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		min-height: 100% !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}

	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-263a9fb {
		order: 2 !important;
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
		--width: 50% !important;
		min-height: 320px !important;
		align-self: stretch !important;
		--padding-top: 32px !important;
		--padding-bottom: 32px !important;
		--padding-left: 16px !important;
		--padding-right: 16px !important;
		padding: 32px 16px !important;
		margin: 0 !important;
		overflow: hidden !important;
		justify-content: center !important;
	}

	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-263a9fb > .e-con-inner {
		justify-content: center !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	html body.bsl-newsroom-section.elementor-page .elementor .e-con.elementor-element-263a9fb .elementor-element-b6c65e6 .elementor-heading-title {
		font-size: 40px !important;
	}
}

/* ≤767 — header clearance + inner top space (screen, hero pages only) */
@media screen and (max-width: 767px) {

	html body.elementor-page:has(.elementor-element-8282f00) .elementor .e-con.elementor-element-8282f00,
	html body.elementor-page:has(.elementor-element-d995ec2) .elementor .e-con.elementor-element-d995ec2 {
		margin-top: 60px !important;
		--margin-top: 60px !important;
	}

	html body.elementor-page:has(.elementor-element-8282f00) .elementor .e-con.elementor-element-263a9fb,
	html body.elementor-page:has(.elementor-element-d995ec2) .elementor .e-con.elementor-element-4f11765 {
		margin-top: 0 !important;
		--margin-top: 0px !important;
		--padding-top: 60px !important;
		padding-top: 60px !important;
	}

	/* Other ways — single hero bar */
	html body.elementor-page:has(.elementor-element-e5d1a23) .elementor .e-con.elementor-element-e5d1a23 {
		margin-top: 60px !important;
		--margin-top: 60px !important;
		--padding-top: 60px !important;
		padding-top: 60px !important;
	}

	/* Business Banking (post 2455) — centered hero content */
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 > .e-con-inner {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
	}

	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-a2c979c,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-a2c979c > .e-con-inner,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-d4c9fba,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-d4c9fba > .e-con-inner {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		--width: 100% !important;
		align-items: center !important;
		margin-bottom: 0 !important;
	}

	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-a2c979c {
		order: -1 !important;
	}

	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-d4c9fba,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-d4c9fba > .e-con-inner {
		align-items: center !important;
	}

	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-b6c65e6,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-b6c65e6 .elementor-widget-container,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-b6c65e6 .elementor-heading-title,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-3ffa2b0,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-3ffa2b0 .elementor-widget-container,
	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-3ffa2b0 .elementor-widget-container p {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		align-self: center !important;
		--align-self: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-11022ab {
		width: 100% !important;
		max-width: 120px !important;
		min-width: 0 !important;
		margin: 0 auto 16px !important;
		text-align: center !important;
		align-self: center !important;
		--align-self: center !important;
	}

	html body.page-id-2455.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-11022ab img {
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: 100% !important;
		max-height: 90px !important;
		height: auto !important;
		margin: 0 auto !important;
		object-fit: contain !important;
		object-position: unset !important;
	}
}

/* Phone — hide image column, centered panel */
@media screen and (max-width: 480px) {

	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con:not(.elementor-element-263a9fb),
	html body.elementor-page .elementor .e-con.elementor-element-8282f00 > .e-con-inner > .e-con:not(.elementor-element-263a9fb),
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con:not(.elementor-element-4f11765),
	html body.elementor-page .elementor .e-con.elementor-element-d995ec2 > .e-con-inner > .e-con:not(.elementor-element-4f11765) {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		min-height: 0 !important;
		max-width: 0 !important;
		flex: 0 0 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		order: 0 !important;
	}

	html body.elementor-page:has(.elementor-element-8282f00) .elementor .e-con.elementor-element-263a9fb,
	html body.elementor-page:has(.elementor-element-d995ec2) .elementor .e-con.elementor-element-4f11765 {
		order: 1 !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		--width: 100% !important;
		min-height: auto !important;
		--padding-bottom: 32px !important;
		--padding-left: 20px !important;
		--padding-right: 20px !important;
		padding-bottom: 32px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		align-items: center !important;
		text-align: center !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .elementor-element-b6c65e6,
	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .elementor-element-b6c65e6 .elementor-heading-title,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .elementor-element-9f6f5fa,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .elementor-element-9f6f5fa .elementor-heading-title {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .elementor-element-b6c65e6 .elementor-heading-title,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .elementor-element-9f6f5fa .elementor-heading-title {
		font-size: 40px !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .e-con.elementor-element-a9c84ed,
	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .e-con.elementor-element-a9c84ed > .e-con-inner,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .e-con.elementor-element-247f5eb,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .e-con.elementor-element-247f5eb > .e-con-inner {
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .e-con.elementor-element-3091478,
	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .e-con.elementor-element-3091478 > .e-con-inner,
	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .e-con.elementor-element-a7ac0f1,
	html body.elementor-page .elementor .e-con.elementor-element-263a9fb .e-con.elementor-element-a7ac0f1 > .e-con-inner,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .e-con.elementor-element-bf0e6cb,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .e-con.elementor-element-bf0e6cb > .e-con-inner,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .e-con.elementor-element-f24d288,
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .e-con.elementor-element-f24d288 > .e-con-inner {
		justify-content: center !important;
	}

	/* Newsroom — top badge icon above title on phone */
	html body.elementor-page .elementor .e-con.elementor-element-4f11765 .elementor-element-03f08bb {
		width: 100% !important;
		max-width: 120px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}

	/* Other ways — stacked centered hero on phone */
	html body.elementor-page:has(.elementor-element-e5d1a23) .elementor .e-con.elementor-element-e5d1a23 {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		min-height: auto !important;
		--padding-bottom: 32px !important;
		--padding-left: 20px !important;
		--padding-right: 20px !important;
		padding-bottom: 32px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-a2c979c,
	html body.elementor-page .elementor .e-con.elementor-element-e5d1a23 .e-con.elementor-element-d4c9fba {
		width: 100% !important;
		max-width: 100% !important;
		align-items: center !important;
		--width: 100% !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-b6c65e6,
	html body.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-b6c65e6 .elementor-heading-title,
	html body.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-3ffa2b0 {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-b6c65e6 .elementor-heading-title {
		font-size: 40px !important;
	}

	html body.elementor-page .elementor .e-con.elementor-element-e5d1a23 .elementor-element-11022ab {
		width: 100% !important;
		max-width: 120px !important;
		margin: 0 auto 16px !important;
		text-align: center !important;
	}
}