/* Vital Choice — component styles layered over theme.json tokens. */

:root {
	--vc-radius: 10px;
	--vc-radius-lg: 14px;
	--vc-shadow: 0 1px 2px rgba(15, 39, 64, .06), 0 8px 24px rgba(15, 39, 64, .06);
	--vc-transition: 160ms ease;
}

body { -webkit-font-smoothing: antialiased; }

/* ---------- Eyebrow label ---------- */
.is-style-eyebrow {
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
	margin-bottom: .5rem;
}

/* Eyebrow + heading that share the blue rule down the left. */
.vc-ruled { position: relative; padding-left: 1rem; }
.vc-ruled::before {
	content: "";
	position: absolute;
	left: 0; top: .15em; bottom: .15em;
	width: 4px; border-radius: 2px;
	background: var(--wp--preset--color--primary);
}

/* ---------- Section rhythm ---------- */
.vc-section { padding-block: var(--wp--preset--spacing--50); }
.vc-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--40);
	flex-wrap: wrap;
}
.vc-section-head .vc-seeall {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	white-space: nowrap;
}

/* ---------- Cards ---------- */
.is-style-card,
.vc-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--vc-radius-lg);
	overflow: hidden;
	transition: box-shadow var(--vc-transition), transform var(--vc-transition);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.vc-card:hover { box-shadow: var(--vc-shadow); transform: translateY(-2px); }
.vc-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.vc-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vc-card__body { padding: 1.25rem 1.25rem 1.5rem; display: flex; flex-direction: column; gap: .6rem; flex: 1; }
.vc-card__body > :last-child { margin-top: auto; }
/* Read Review + buy button stack in the card footer. Side by side they do not
   survive a narrow column — "Check Latest Price" breaks across two lines and
   the pair goes uneven. A review with no buy link just keeps Read Review, so
   the grid stays tidy either way. */
.vc-card__actions { padding-top: .5rem; }
.vc-card__actions > * { margin-top: 0; }
.vc-card__actions > .vc-buy-inline { align-self: stretch; }
.vc-card__actions .vc-btn {
	align-self: stretch;
	justify-content: center;
	padding: .7rem 1rem;
	font-size: .8125rem;
}
/* Core pins the read-more link to width:fit-content, which defeats stretch. */
.vc-card__actions > .wp-block-read-more { width: auto; }
/* .vc-buy-inline is a row wrapper; grow its button to fill the card. */
.vc-card__actions .vc-buy-inline .vc-btn--buy { flex: 1; }
/* Cards with no Read Review (the mixed archives) still need the button spaced
   off the line above it. */
.vc-card__body > .vc-buy-inline { padding-top: .5rem; }
.vc-card__body > .vc-buy-inline .vc-btn--buy {
	flex: 1;
	justify-content: center;
	padding: .7rem 1rem;
	font-size: .8125rem;
}

.vc-card__title { font-size: 1.0625rem; font-weight: 700; line-height: 1.3; margin: 0; }
.vc-card__title a { color: inherit; }
.vc-card__excerpt { font-size: .9375rem; color: var(--wp--preset--color--muted); line-height: 1.6; margin: 0; }

/* Editor's choice ribbon */
.vc-badge {
	position: absolute; top: .75rem; left: .75rem; z-index: 2;
	background: var(--wp--preset--color--primary);
	color: #fff;
	font-size: .6875rem; font-weight: 700;
	letter-spacing: .08em; text-transform: uppercase;
	padding: .4rem .75rem; border-radius: 999px;
}

/* ---------- Star rating ---------- */
.vc-rating { display: flex; align-items: center; gap: .5rem; font-size: .875rem; font-weight: 600; }
.vc-rating__score { color: var(--wp--preset--color--contrast); }
/* Five stars in grey with a gold copy clipped to the score, so half steps are exact. */
.vc-rating__stars {
	position: relative;
	display: inline-block;
	color: #D6DDE5;
	letter-spacing: .08em;
	line-height: 1;
}
.vc-rating__stars::before {
	content: "★★★★★";
	position: absolute;
	inset: 0 auto 0 0;
	width: var(--vc-fill, 0%);
	overflow: hidden;
	white-space: nowrap;
	color: var(--wp--preset--color--star);
	letter-spacing: .08em;
}

/* ---------- Buttons ---------- */
.vc-btn {
	display: inline-flex; align-items: center; gap: .5rem;
	background: var(--wp--preset--color--primary); color: #fff;
	font-size: .875rem; font-weight: 600;
	padding: .8rem 1.4rem; border-radius: 999px;
	text-decoration: none; transition: background var(--vc-transition);
	align-self: flex-start;
}
.vc-btn:hover { background: var(--wp--preset--color--primary-dark); color: #fff; text-decoration: none; }
.vc-btn--dark { background: var(--wp--preset--color--navy); }
.vc-btn--dark:hover { background: var(--wp--preset--color--navy-deep); }

/* ---------- Header ---------- */
.vc-header {
	background: var(--wp--preset--color--navy);
	color: #fff;
	padding-block: 1rem;
}
.vc-header a { color: #fff; text-decoration: none; }
.vc-header .wp-block-navigation { gap: 1.75rem; }
.vc-header .wp-block-navigation-item__content { opacity: .88; padding-block: .25rem; }
.vc-header .wp-block-navigation-item__content:hover { opacity: 1; }
.vc-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
	opacity: 1;
	box-shadow: inset 0 -2px 0 0 var(--wp--preset--color--primary);
}
.vc-logo { display: inline-flex; align-items: center; gap: .6rem; }
.vc-logo__mark { flex: none; }
.vc-logo__text { display: flex; flex-direction: column; line-height: 1; }
.vc-logo__name { font-weight: 800; font-size: 1.0625rem; letter-spacing: .04em; text-transform: uppercase; }
.vc-logo__sub {
	font-size: .625rem; font-weight: 600; letter-spacing: .38em;
	text-transform: uppercase; color: var(--wp--preset--color--primary); margin-top: .18rem;
}

/* ---------- Hero ---------- */
.vc-hero { position: relative; background: var(--wp--preset--color--navy); color: #fff; overflow: hidden; }
.vc-hero__inner { position: relative; z-index: 2; padding-block: var(--wp--preset--spacing--60); max-width: 34rem; }
.vc-hero h1 { color: #fff; margin: 0 0 1rem; }
.vc-hero p { color: rgba(255,255,255,.82); font-size: 1.0625rem; margin: 0 0 1.75rem; }
.vc-hero .is-style-eyebrow { color: #7FC0FF; }
.vc-hero__media { position: absolute; inset: 0 0 0 42%; z-index: 1; }
.vc-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.vc-hero__media::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(90deg, var(--wp--preset--color--navy) 0%, rgba(14,36,56,.85) 28%, rgba(14,36,56,0) 62%);
}
@media (max-width: 781px) {
	.vc-hero__media { inset: 0; opacity: .28; }
	.vc-hero__media::after { background: linear-gradient(180deg, rgba(14,36,56,.7), rgba(14,36,56,.95)); }
	.vc-hero__inner { max-width: none; }
}

/* ---------- Category band ---------- */
.vc-catband { background: var(--wp--preset--color--soft-blue); padding-block: var(--wp--preset--spacing--40); }
.vc-catband__grid {
	display: flex; gap: 1.5rem; flex-wrap: wrap;
	justify-content: flex-end; align-items: flex-start;
}
@media (max-width: 781px) { .vc-catband__grid { justify-content: flex-start; } }
.vc-cat {
	display: flex; flex-direction: column; align-items: center; gap: .6rem;
	width: 7.5rem; text-align: center; text-decoration: none;
	font-size: .8125rem; font-weight: 600; color: var(--wp--preset--color--contrast);
}
.vc-cat__icon {
	width: 3.25rem; height: 3.25rem; border-radius: 50%;
	border: 1.5px solid rgba(46,143,240,.45);
	display: grid; place-items: center; background: transparent;
	color: var(--wp--preset--color--contrast);
	transition: background var(--vc-transition), border-color var(--vc-transition), color var(--vc-transition);
}
.vc-cat:hover { text-decoration: none; }
.vc-cat:hover .vc-cat__icon {
	background: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: #fff;
}

/* ---------- Article meta ---------- */
.vc-catlabel {
	font-size: .6875rem; font-weight: 700; letter-spacing: .1em;
	text-transform: uppercase; color: var(--wp--preset--color--primary);
}
.vc-catlabel a { color: inherit; }
.vc-date {
	display: flex; align-items: center; gap: .4rem;
	font-size: .8125rem; color: var(--wp--preset--color--muted);
	border-top: 1px solid var(--wp--preset--color--border);
	padding-top: .85rem; margin-top: .25rem;
}

/* ---------- Mission band ---------- */
.vc-mission { background: var(--wp--preset--color--navy-deep); color: #fff; }
.vc-mission__inner {
	display: flex; align-items: center; justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--40); flex-wrap: wrap;
}
.vc-mission h2 { color: #fff; font-size: 1.5rem; margin: .15rem 0 .5rem; }
.vc-mission p { color: rgba(255,255,255,.72); font-size: .9375rem; margin: 0; max-width: 34rem; }
.vc-mission .is-style-eyebrow { color: #7FC0FF; }
.vc-mission__lead { display: flex; gap: 1rem; align-items: flex-start; }

/* ---------- Footer ---------- */
.vc-footer { background: var(--wp--preset--color--navy-deep); color: rgba(255,255,255,.7); }
.vc-footer a { color: rgba(255,255,255,.78); text-decoration: none; }
.vc-footer a:hover { color: #fff; text-decoration: none; }
.vc-footer__top {
	display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
	flex-wrap: wrap; padding-block: var(--wp--preset--spacing--40);
}
.vc-footer__nav { display: flex; gap: 1.5rem; flex-wrap: wrap; font-size: .875rem; }
.vc-footer__social { display: flex; gap: 1rem; }
.vc-footer__social a { display: grid; place-items: center; }
.vc-footer__bottom {
	border-top: 1px solid rgba(255,255,255,.1);
	padding-block: 1.25rem var(--wp--preset--spacing--30);
	display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
	font-size: .75rem;
}
.vc-footer__legal { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.vc-disclosure { font-size: .75rem; color: rgba(255,255,255,.55); text-align: center; padding-bottom: var(--wp--preset--spacing--30); }

/* ---------- Editor parity ---------- */
.editor-styles-wrapper .vc-hero__media { position: relative; inset: auto; }

/* Calendar glyph before post dates in cards. */
.vc-date::before {
	content: "";
	width: 14px; height: 14px; flex: none;
	background-color: currentColor;
	-webkit-mask: var(--vc-cal) center / contain no-repeat;
	mask: var(--vc-cal) center / contain no-repeat;
}
:root {
	--vc-cal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
}

/* Query Loop grids need the card to fill its track. */
.wp-block-post-template.is-layout-grid > li { display: flex; }
.wp-block-post-template.is-layout-grid > li > .vc-card { width: 100%; }
.vc-card .wp-block-post-featured-image { margin: 0; height: 100%; }
.vc-card .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.vc-card .wp-block-post-title { font-size: 1.0625rem; font-weight: 700; line-height: 1.3; margin: 0; }
.vc-card .wp-block-post-excerpt__excerpt { font-size: .9375rem; color: var(--wp--preset--color--muted); line-height: 1.6; margin: 0; }
.vc-card .wp-block-post-excerpt { margin: 0; }
.vc-card .wp-block-read-more { margin-top: .5rem; }


/* Header search — bare magnifier to match the rest of the nav. */
.vc-header .wp-block-search__button {
	background: transparent;
	border: 0;
	color: #fff;
	padding: .35rem;
	min-width: 0;
	opacity: .88;
}
.vc-header .wp-block-search__button:hover { background: transparent; opacity: 1; }
.vc-header .wp-block-search__button svg { fill: currentColor; width: 22px; height: 22px; }
.vc-header .wp-block-search__inside-wrapper { background: transparent; border: 0; }
.vc-header .wp-block-search__input {
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 999px;
	color: #fff;
	padding: .5rem .9rem;
}
.vc-header .wp-block-search__input::placeholder { color: rgba(255,255,255,.5); }

/* ---------- Overflow guards ---------- */
/* The expanding search must never widen the header row. */
.vc-header .wp-block-search { width: auto; margin: 0; }
.vc-header .wp-block-search__input { max-width: min(14rem, 40vw); }
.vc-header .wp-block-group { min-width: 0; }
.vc-header .wp-block-navigation { min-width: 0; }

/* Long words in cards must wrap rather than push the grid wider. */
.vc-card__title, .wp-block-post-title { overflow-wrap: anywhere; }

@media (max-width: 781px) {
	.vc-section-head { align-items: flex-start; }
	.vc-mission__inner, .vc-footer__top { justify-content: flex-start; }
	.vc-cat { width: 6rem; }
}

/* ---------- Editable call-to-action buttons ---------- */
/* Core buttons carry the label as editable text; the arrow is decoration. */
.vc-arrow .wp-block-button__link { display: inline-flex; align-items: center; gap: .55rem; }
.vc-arrow .wp-block-button__link::after {
	content: "→";
	font-size: 1em;
	line-height: 1;
	transition: transform var(--vc-transition);
}
.vc-arrow .wp-block-button__link:hover::after { transform: translateX(2px); }

/* Mission band: the shield sits beside the text, and must not shrink. */
.vc-mission__icon { flex: none; margin-top: .35rem; }
.vc-mission__lead { align-items: flex-start !important; }
.vc-mission .wp-block-buttons { margin: 0; }

/* =======================================================
   Article reading experience
   ======================================================= */

/* Reading progress ------------------------------------ */
.vc-progress {
	position: fixed;
	inset: 0 0 auto 0;
	height: 3px;
	z-index: 90;
	background: transparent;
	pointer-events: none;
}
.vc-progress__fill {
	display: block;
	height: 100%;
	width: 100%;
	transform: scaleX(0);
	transform-origin: 0 50%;
	background: var(--wp--preset--color--primary);
	transition: transform 80ms linear;
}

/* Header ---------------------------------------------- */
.vc-article { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60); }
.vc-article__head { margin-bottom: var(--wp--preset--spacing--40); }

.vc-chips .wp-block-post-terms__separator { display: none; }
.vc-chips a {
	display: inline-block;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--soft-blue);
	border-radius: 999px;
	padding: .35rem .75rem;
	margin: 0 .4rem .75rem 0;
	text-decoration: none;
}
.vc-chips a:hover { background: var(--wp--preset--color--primary); color: #fff; text-decoration: none; }

.vc-article__title {
	font-size: clamp(2rem, 1.3rem + 2.6vw, 3rem);
	line-height: 1.12;
	letter-spacing: -.025em;
	margin: 0 0 1rem;
}

.vc-meta {
	gap: .75rem;
	align-items: center;
	font-size: .875rem;
	color: var(--wp--preset--color--muted);
}
.vc-meta .wp-block-post-date { margin: 0; }
.vc-meta .wp-block-post-date a,
.vc-meta .wp-block-post-date time { color: inherit; text-decoration: none; }
.vc-meta > * + *::before {
	content: "·";
	margin-right: .75rem;
	color: var(--wp--preset--color--muted);
	opacity: .65;
}
.vc-readtime { white-space: nowrap; }

/* Cover ----------------------------------------------- */
.vc-article__cover { margin: 0 0 var(--wp--preset--spacing--50); }
.vc-article__cover img { border-radius: var(--vc-radius-lg); width: 100%; }

/* Prose ------------------------------------------------ */
/* Hold body copy to a comfortable measure; let media run wider. */
.vc-prose > :not(.alignwide):not(.alignfull):not(.wp-block-table) {
	max-width: 40rem;
	margin-inline: auto;
}
.vc-prose {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: #1F3A52;
}
.vc-prose > * + * { margin-top: 1.4em; }

.vc-prose > p:first-of-type {
	font-size: 1.1875rem;
	line-height: 1.65;
	color: var(--wp--preset--color--contrast);
}

.vc-prose h2 {
	font-size: 1.6rem;
	margin-top: 2em;
	margin-bottom: .1em;
	letter-spacing: -.02em;
}
.vc-prose h3 {
	font-size: 1.2rem;
	margin-top: 1.7em;
	margin-bottom: .1em;
}
.vc-prose h2 + *, .vc-prose h3 + * { margin-top: .7em; }

.vc-prose a {
	color: var(--wp--preset--color--primary);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .18em;
	text-decoration-color: rgba(46,143,240,.4);
}
.vc-prose a:hover { text-decoration-color: currentColor; }

.vc-prose ul, .vc-prose ol { padding-left: 1.25rem; }
.vc-prose li + li { margin-top: .5em; }
.vc-prose ul li::marker { color: var(--wp--preset--color--primary); }
.vc-prose ol li::marker { color: var(--wp--preset--color--muted); font-weight: 600; }

.vc-prose blockquote {
	border-left: 3px solid var(--wp--preset--color--primary);
	padding: .2rem 0 .2rem 1.5rem;
	margin-inline: auto;
	font-size: 1.1875rem;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast);
}
.vc-prose blockquote p { margin: 0; }

.vc-prose .wp-block-table { margin-inline: auto; max-width: 46rem; }
.vc-prose table { border-collapse: collapse; width: 100%; font-size: .9375rem; }
.vc-prose th, .vc-prose td {
	border: 1px solid var(--wp--preset--color--border);
	padding: .7rem .9rem;
	text-align: left;
}
.vc-prose thead th {
	background: var(--wp--preset--color--surface);
	font-weight: 700;
	font-size: .8125rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}
.vc-prose tbody tr:nth-child(even) { background: #FBFCFD; }

.vc-prose img { border-radius: var(--vc-radius); }
.vc-prose hr {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--border);
	margin-block: 2.5em;
}

/* Previous / next -------------------------------------- */
.vc-postnav {
	gap: 1rem;
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--border);
	max-width: 40rem;
	margin-inline: auto;
}
.vc-postnav__item {
	flex: 1 1 14rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--vc-radius-lg);
	padding: .9rem 1.1rem;
	transition: box-shadow var(--vc-transition), border-color var(--vc-transition);
}
.vc-postnav__item:hover { box-shadow: var(--vc-shadow); border-color: #CFDAE5; }
.vc-postnav__item .post-navigation-link__label {
	display: block;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	margin-bottom: .3rem;
}
.vc-postnav__item a {
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
	font-size: .9375rem;
	line-height: 1.35;
	text-decoration: none;
}
.vc-postnav__item a:hover { color: var(--wp--preset--color--primary); }
.vc-postnav__item--next { text-align: right; }

/* Related --------------------------------------------- */
.vc-related {
	margin-top: var(--wp--preset--spacing--60);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--border);
}
.vc-related .vc-ruled { margin-bottom: var(--wp--preset--spacing--30); }


/* A missing previous/next neighbour must not leave an empty bordered box. */
.vc-postnav__item:not(:has(a)) { display: none; }

/* Review verdict row + disclosure ---------------------- */
.vc-verdict { gap: .9rem; align-items: center; margin-top: .9rem; }
.vc-verdict .vc-rating { font-size: 1rem; }
.vc-verdict .vc-rating__stars { font-size: 1.15rem; }
.vc-verdict .vc-badge { position: static; }

/* Buy CTA ---------------------------------------------- */
/* Green, so the one commercial action on the page never reads as
   another blue editorial link. */
.vc-btn--buy {
	background: #1B8A4B;
	font-size: .9375rem;
	padding: .85rem 1.5rem;
}
.vc-btn--buy:hover { background: #156E3B; }
.vc-btn__arrow { transition: transform var(--vc-transition); }
.vc-btn--buy:hover .vc-btn__arrow { transform: translateX(3px); }

/* Compact CTA — in the verdict row it sits straight after the score, in a
   card it shares the footer with "Read Review". */
.vc-buy-inline { display: flex; }
.vc-verdict .vc-buy-inline .vc-btn--buy { padding: .7rem 1.25rem; }

/* Full offer panel closing the review. */
.vc-buy {
	max-width: 40rem;
	margin: var(--wp--preset--spacing--50) auto 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--30);
	flex-wrap: wrap;
	background: var(--wp--preset--color--soft-blue);
	border: 1px solid #CFE4F8;
	border-radius: var(--vc-radius-lg);
	padding: 1.5rem 1.6rem;
}
.vc-buy__text { flex: 1 1 18rem; }
.vc-buy__text .is-style-eyebrow { margin-bottom: .35rem; }
.vc-buy__title {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--wp--preset--color--contrast);
}
.vc-buy__note {
	margin: .4rem 0 0;
	font-size: .875rem;
	color: var(--wp--preset--color--muted);
	line-height: 1.6;
}
.vc-buy__action { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; }
.vc-buy__fine {
	font-size: .75rem;
	color: var(--wp--preset--color--muted);
	max-width: 13rem;
	line-height: 1.5;
}

@media (max-width: 781px) {
	/* On a narrow verdict row the button drops to its own line — full width,
	   so it stays the obvious next step rather than a stray chip. */
	.vc-verdict .vc-buy-inline { width: 100%; }
	.vc-verdict .vc-buy-inline .vc-btn--buy { flex: 1; justify-content: center; }
	.vc-buy { flex-direction: column; align-items: stretch; }
	/* Stacked, the basis above would be read as a height and open a gap. */
	.vc-buy__text { flex: 0 1 auto; }
	.vc-buy__action { align-items: stretch; }
	/* .vc-btn pins itself to flex-start; stacked, the button spans the panel. */
	.vc-buy__action .vc-btn--buy { align-self: stretch; justify-content: center; }
	.vc-buy__fine { max-width: none; }
}

.vc-disclosure-box {
	max-width: 40rem;
	margin: var(--wp--preset--spacing--50) auto 0;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--vc-radius-lg);
	padding: 1.25rem 1.4rem;
}
.vc-disclosure-box p:last-child {
	margin: 0;
	font-size: .875rem;
	color: var(--wp--preset--color--muted);
	line-height: 1.6;
}