/**
 * Component foundation.
 *
 * Palette, spacing, radius, and text styles resolve through theme.json variables.
 * Comments mark values that Page 01 draws without a matching variable.
 */

.br-button {

	/* Component-local raw exception: Button Hover/Pressed has no semantic token. */
	--br-button-primary-hover: #063552;
	--br-button-primary-pressed: #052f48;
	--br-button-secondary-hover: #ebf0f2;
	--br-button-secondary-pressed: #dae2e7;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 13px var(--wp--preset--spacing--lg);
	border: 1.5px solid transparent;
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--brand-primary);
	color: var(--wp--preset--color--text-inverse);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: 600;
	letter-spacing: 0;
	line-height: var(--wp--custom--type--label-large--line-height);
	text-align: center;
	text-decoration: none;
	white-space: normal;
	cursor: pointer;
	transition: background-color var(--br-motion-duration) ease;
}

.br-button--secondary {
	padding-block: 11.5px;
	border-color: var(--wp--preset--color--brand-primary);
	background: var(--wp--preset--color--surface-base);
	color: var(--wp--preset--color--brand-primary);
}

.br-button:focus-visible {
	outline: 2px solid var(--wp--preset--color--brand-primary);
	outline-offset: 2px;
	box-shadow:
		0 0 0 2px var(--wp--preset--color--surface-base),
		0 0 0 4px var(--wp--preset--color--brand-primary);
}

.br-button--secondary:focus-visible {
	border-color: var(--wp--preset--color--brand-accent);
}

.br-button:disabled,
.br-button[aria-disabled="true"] {
	background: var(--wp--preset--color--surface-muted);
	color: var(--wp--preset--color--text-secondary);
	cursor: not-allowed;
	opacity: 0.6;
}

.br-button--secondary:disabled,
.br-button--secondary[aria-disabled="true"] {
	border-color: var(--wp--preset--color--border-default);
	background: var(--wp--preset--color--surface-base);
}

.br-button:hover {
	color: var(--wp--preset--color--text-inverse);
}

.br-button--primary:hover:not(:disabled, [aria-disabled="true"]) {
	background: var(--br-button-primary-hover);
}

.br-button--primary:active:not(:disabled, [aria-disabled="true"]) {
	background: var(--br-button-primary-pressed);
}

.br-button--secondary:hover:not(:disabled, [aria-disabled="true"]) {
	border-color: var(--wp--preset--color--brand-primary);
	background: var(--br-button-secondary-hover);
	color: var(--wp--preset--color--brand-primary);
}

.br-button--secondary:active:not(:disabled, [aria-disabled="true"]) {
	background: var(--br-button-secondary-pressed);
	color: var(--wp--preset--color--brand-primary);
}

.br-nav-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--2-xs);
	border: 2px solid transparent;
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: var(--wp--custom--type--label-large--font-weight);
	letter-spacing: var(--wp--custom--type--label-large--letter-spacing);
	line-height: var(--wp--custom--type--label-large--line-height);
	text-decoration: none;
}

.br-nav-link:hover {
	color: var(--wp--preset--color--brand-accent);
}

.br-nav-link:focus-visible {
	border-color: var(--wp--preset--color--brand-primary);
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.br-nav-link[aria-current="page"] {
	color: var(--wp--preset--color--brand-primary);
	font-weight: 600;
}

.br-nav-link[aria-current="page"]::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background: var(--wp--preset--color--brand-accent);
}

.br-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--2-xs) var(--wp--preset--spacing--sm);
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--brand-primary-light);
	color: var(--wp--preset--color--brand-primary);

	/* Component-local: badge copy is 11/16 semibold, not one of the 10 text styles. */
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 16px;
	text-transform: uppercase;
	white-space: normal;
}

.br-badge--coming-soon {
	background: var(--wp--preset--color--brand-accent-light);
	color: var(--wp--preset--color--brand-accent-strong);
}

.br-badge--location {
	background: var(--wp--preset--color--surface-subtle);
	color: var(--wp--preset--color--text-secondary);
}

.br-social-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--md);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--surface-base);
	color: var(--wp--preset--color--text-secondary);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: var(--wp--custom--type--label-large--font-weight);
	letter-spacing: var(--wp--custom--type--label-large--letter-spacing);
	line-height: var(--wp--custom--type--label-large--line-height);
	cursor: pointer;
}

.br-social-tab[aria-selected="true"] {
	border-color: transparent;
	background: var(--wp--preset--color--brand-primary);
	color: var(--wp--preset--color--text-inverse);
}

.br-social-tab:focus-visible {
	outline: 2px solid var(--wp--preset--color--brand-primary);
	outline-offset: 2px;
}

.br-section-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 800px;
}

.br-section-header--relaxed {
	gap: var(--wp--preset--spacing--md);
}

.br-section-header--standard {
	gap: var(--wp--preset--spacing--sm);
}

.br-section-header--compact {
	gap: var(--wp--preset--spacing--xs);
}

.br-section-header__eyebrow {
	margin: 0;
	color: var(--wp--preset--color--brand-accent);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--label-overline--font-size);
	font-weight: var(--wp--custom--type--label-overline--font-weight);
	letter-spacing: var(--wp--custom--type--label-overline--letter-spacing);
	line-height: var(--wp--custom--type--label-overline--line-height);
}

.br-section-header__title {
	margin: 0;
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--h-2--font-size);
	font-weight: var(--wp--custom--type--h-2--font-weight);
	letter-spacing: var(--wp--custom--type--h-2--letter-spacing);
	line-height: var(--wp--custom--type--h-2--line-height);
}

.br-section-header__description {
	margin: 0;
	color: var(--wp--preset--color--text-secondary);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--body-large--font-size);
	font-weight: var(--wp--custom--type--body-large--font-weight);
	letter-spacing: var(--wp--custom--type--body-large--letter-spacing);
	line-height: var(--wp--custom--type--body-large--line-height);
}

.br-field {

	/* Component-local: label stack is 6px and the required mark sits 2px away. */
	--br-field-stack-gap: 6px;
	--br-field-required-gap: 2px;

	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--br-field-stack-gap);
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	min-inline-size: 0;
}

.br-field__label {
	display: flex;
	gap: var(--br-field-required-gap);
	align-items: flex-start;
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: var(--wp--custom--type--label-large--font-weight);
	letter-spacing: var(--wp--custom--type--label-large--letter-spacing);
	line-height: var(--wp--custom--type--label-large--line-height);
}

.br-field__required {
	color: var(--wp--preset--color--brand-accent);
}

.br-field__control {
	width: 100%;
	min-height: 48px;
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md);
	border: 1px solid var(--wp--preset--color--border-control);
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--surface-base);
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--body-base--font-size);
	font-weight: var(--wp--custom--type--body-base--font-weight);

	/* Component-local: field text is 15px with a 22px line, not Body/Base 24px. */

	line-height: 22px;
}

.br-field__control::placeholder {
	color: var(--wp--preset--color--text-secondary);
	opacity: 1;
}

.br-field__control--empty {
	color: var(--wp--preset--color--text-secondary);
}

.br-field__message {
	margin: 0;
	color: var(--wp--preset--color--text-secondary);
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--label-small--font-size);
	font-weight: 400;
	letter-spacing: 0;
	line-height: var(--wp--custom--type--label-small--line-height);
}

.br-field__control:focus-visible {
	padding: 11.5px var(--wp--preset--spacing--md);
	border-width: 2px;
	border-color: var(--wp--preset--color--brand-primary);
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.br-field--error .br-field__label,
.br-field--error .br-field__message {
	color: var(--wp--preset--color--feedback-error);
}

.br-field--error .br-field__control {
	border-color: var(--wp--preset--color--feedback-error);
}

.br-field__control:disabled {
	border-color: var(--wp--preset--color--border-default);
	background: var(--wp--preset--color--surface-subtle);
}

.br-field__select-wrap {
	position: relative;
	width: 100%;
}

.br-field__select-wrap .br-field__control {
	padding-right: calc(var(--wp--preset--spacing--md) + 18px + var(--wp--preset--spacing--xs));
	appearance: none;
}

.br-field__select-wrap .br-icon {
	position: absolute;
	top: 50%;
	right: var(--wp--preset--spacing--md);
	transform: translateY(-50%);
	pointer-events: none;
}

.br-field__control--textarea {
	min-height: 120px;
	resize: vertical;
}

.br-file__zone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--sm);
	min-height: 153px;
	padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--lg) var(--wp--preset--spacing--lg);
	border: 1px dashed var(--wp--preset--color--border-control);
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--surface-base);
	color: var(--wp--preset--color--icon-default);
	text-align: center;
}

.br-file__zone--selected,
.br-file__zone--uploading {
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--wp--preset--spacing--xs);
	padding: var(--wp--preset--spacing--lg);
	border-style: solid;
	text-align: left;
}

.br-file__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--2-xs);
	justify-content: center;
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--custom--type--label-large--font-size);
	line-height: var(--wp--custom--type--label-large--line-height);
}

.br-file__choose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 2px;
	background: transparent;
	color: var(--wp--preset--color--brand-primary);
	font-family: inherit;
	font-size: inherit;
	font-weight: 600;
	line-height: inherit;
	text-align: inherit;
	cursor: pointer;
	appearance: none;
}

.br-file__choose:hover,
.br-file__choose:active {
	background: transparent;
}

.br-file__choose:focus-visible {
	outline: 2px solid var(--wp--preset--color--brand-primary);
	outline-offset: 2px;
}

.br-file__choose:disabled {
	cursor: not-allowed;
}

.br-file[data-state="drag-over"] .br-file__zone {
	border-width: 2px;
	border-color: var(--wp--preset--color--brand-primary);
	background: var(--wp--preset--color--brand-primary-light);
}

.br-file[data-state="error"] .br-file__zone {
	border-color: var(--wp--preset--color--feedback-error);
}

.br-file[data-state="disabled"] .br-file__label,
.br-file[data-state="disabled"] .br-file__choose,
.br-file[data-state="disabled"] .br-file__zone {
	border-color: var(--wp--preset--color--border-default);
	background: var(--wp--preset--color--surface-subtle);
	color: var(--wp--preset--color--text-secondary);
}

.br-file[data-state="disabled"] .br-file__zone {
	border-style: dashed;
}

.br-file__title {
	margin: 0;
	color: var(--wp--preset--color--brand-primary);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: 600;
	line-height: var(--wp--custom--type--label-large--line-height);
}

.br-file__name {
	margin: 0;
	min-width: 0;
	overflow: hidden;
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: 400;
	line-height: var(--wp--custom--type--label-large--line-height);
	text-overflow: ellipsis;
}

.br-file__row {
	display: flex;
	gap: var(--wp--preset--spacing--xs);
	align-items: center;
	width: 100%;
	min-width: 0;
}

.br-file__remove {
	min-width: 44px;
	min-height: 44px;
	padding: var(--wp--preset--spacing--sm);
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--feedback-error);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: var(--wp--custom--type--label-large--font-weight);
	line-height: var(--wp--custom--type--label-large--line-height);
	cursor: pointer;
}

.br-form-alert {
	display: flex;
	gap: 10px;
	align-items: center;
	width: 100%;
	max-width: 100%;
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md);
	border: 1px solid var(--wp--preset--color--brand-primary);
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--brand-primary-light);
	color: var(--wp--preset--color--brand-primary);
}

.br-form-alert--error {
	border-color: var(--wp--preset--color--feedback-error);
	background: var(--wp--preset--color--feedback-error-subtle);
	color: var(--wp--preset--color--feedback-error);
}

.br-form-alert--success {
	border-color: var(--wp--preset--color--feedback-success);
	background: var(--wp--preset--color--feedback-success-subtle);
	color: var(--wp--preset--color--feedback-success);
}

.br-form-alert__icon {
	color: currentcolor;
}

.br-form-alert__message {
	margin: 0;
	min-width: 0;
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: var(--wp--custom--type--label-large--font-weight);
	letter-spacing: var(--wp--custom--type--label-large--letter-spacing);
	line-height: var(--wp--custom--type--label-large--line-height);
}

.br-store-card,
.br-offer-card {
	container-type: inline-size;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--lg);
	background: var(--wp--preset--color--surface-base);
	color: var(--wp--preset--color--text-primary);
}

.br-store-card--compact {
	max-width: 400px;
}

.br-store-card--detailed {
	max-width: 560px;
}

.br-store-card__media,
.br-offer-card__media {
	display: grid;
	overflow: hidden;
	background: var(--wp--preset--color--surface-subtle);
}

.br-store-card__media > img,
.br-offer-card__media > img,
.br-store-card__media > picture,
.br-offer-card__media > picture,
.br-offer-card__placeholder {
	width: 100%;
	height: 100%;
	grid-area: 1 / 1;
	object-fit: cover;
}

.br-offer-card__placeholder {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--xs);
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--md);
	background: var(--wp--preset--color--brand-primary-light);
	color: var(--wp--preset--color--text-secondary);
	text-align: center;
}

.br-offer-card__placeholder-label {
	font-size: var(--wp--custom--type--body-small--font-size);
	font-weight: 600;
	line-height: var(--wp--custom--type--body-small--line-height);
}

.br-store-card--compact .br-store-card__media {
	aspect-ratio: 2 / 1;
}

.br-store-card--detailed .br-store-card__media {
	aspect-ratio: 558 / 314;
	max-height: 350px;
}

.br-store-card--coming-soon.br-store-card--detailed .br-store-card__media {
	opacity: 0.7;
}

.br-store-card--compact .br-store-card__body {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--xs);
	align-items: flex-start;

	/* Component-local: compact card content uses 20px inline padding. */
	padding: var(--wp--preset--spacing--md) 20px;
}

.br-store-card--detailed .br-store-card__body {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--md);
	align-items: stretch;
	padding: 20px var(--wp--preset--spacing--lg) var(--wp--preset--spacing--lg);
}

.br-store-card__title {
	margin: 0;
	color: var(--wp--preset--color--text-primary);
	overflow-wrap: anywhere;
}

.br-store-card--compact .br-store-card__title {

	/* Component-local compact title. It is not a text style. */
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.br-store-card--detailed .br-store-card__title {
	font-size: var(--wp--custom--type--h-3--font-size);
	font-weight: var(--wp--custom--type--h-3--font-weight);

	/* Component-local: detailed title uses 28px leading, not H3 32px. */
	line-height: 28px;
}

.br-store-card__description,
.br-store-card__meta-text {
	margin: 0;
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--custom--type--body-small--font-size);
	font-weight: var(--wp--custom--type--body-small--font-weight);
	line-height: var(--wp--custom--type--body-small--line-height);
	overflow-wrap: anywhere;
}

.br-store-card--detailed .br-store-card__description {
	font-size: var(--wp--custom--type--body-base--font-size);
	font-weight: var(--wp--custom--type--body-base--font-weight);
	line-height: 20px;
}

.br-store-card__note {
	margin: 0;
	padding-top: var(--wp--preset--spacing--2-xs);
	color: var(--wp--preset--color--brand-accent);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: 600;
	line-height: var(--wp--custom--type--label-large--line-height);
}

.br-store-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--md);
	align-items: center;
	padding-top: var(--wp--preset--spacing--xs);
}

.br-store-card__action {
	color: var(--wp--preset--color--brand-primary);
	font-size: var(--wp--custom--type--label-large--font-size);
	font-weight: 600;
	line-height: var(--wp--custom--type--label-large--line-height);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.br-store-card__action--quiet {
	font-weight: 500;
	text-decoration: none;
}

.br-store-card__separator {
	color: var(--wp--preset--color--text-secondary);
}

.br-store-card__rule {
	width: 100%;
	height: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--border-default);
}

.br-store-card__meta {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--sm);
	margin: 0;
	padding: 0;
	list-style: none;
}

.br-store-card__meta-item {
	display: flex;
	gap: var(--wp--preset--spacing--sm);
	align-items: flex-start;
}

.br-store-card__meta-link {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.br-store-card__meta-link:hover {
	color: var(--wp--preset--color--brand-accent);
}

.br-store-card__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--sm);
	padding-top: var(--wp--preset--spacing--xs);
}

.br-store-card__buttons .br-button {
	flex: 1 1 10rem;
}

.br-store-card--open.br-store-card--compact:hover {
	box-shadow:
		0 1px 4px rgb(from var(--wp--preset--color--surface-overlay) r g b / 4%),
		0 4px 16px rgb(from var(--wp--preset--color--surface-overlay) r g b / 8%);
}

.br-offer-card--teaser.br-offer-card--horizontal,
.br-offer-card--featured.br-offer-card--horizontal {
	max-width: 800px;
}

.br-offer-card--teaser.br-offer-card--vertical {
	max-width: 350px;
}

.br-offer-card--featured.br-offer-card--vertical {
	max-width: 342px;
}

.br-offer-card--standard.br-offer-card--vertical {
	max-width: 280px;
}

.br-offer-card__layout {
	display: flex;
	align-items: stretch;
	min-width: 0;
}

.br-offer-card--vertical .br-offer-card__layout {
	flex-direction: column;
}

.br-offer-card__media {
	background: var(--wp--preset--color--brand-primary);
}

.br-offer-card--horizontal .br-offer-card__media {
	flex: 0 0 320px;
	width: 320px;
}

.br-offer-card--teaser.br-offer-card--vertical .br-offer-card__media {
	height: 180px;
}

.br-offer-card--featured.br-offer-card--vertical .br-offer-card__media {
	height: 140px;
}

.br-offer-card--standard.br-offer-card--vertical .br-offer-card__media {
	height: 160px;
}

.br-offer-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: var(--wp--preset--spacing--xs);
	align-items: flex-start;
	min-width: 0;
	padding: var(--wp--preset--spacing--md) 20px;
}

.br-offer-card--featured.br-offer-card--horizontal .br-offer-card__body {
	gap: 20px;
	padding: var(--wp--preset--spacing--2-xl);
}

.br-offer-card--featured.br-offer-card--vertical .br-offer-card__body {
	padding: 20px;
}

.br-offer-card--standard.br-offer-card--vertical .br-offer-card__body {
	padding: var(--wp--preset--spacing--md);
}

.br-offer-card__title {
	margin: 0;
	color: var(--wp--preset--color--text-primary);

	/* Component-local offer title. It is not a text style. */

	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	overflow-wrap: anywhere;
}

.br-offer-card__type {
	display: inline-flex;
	padding: var(--wp--preset--spacing--2-xs) var(--wp--preset--spacing--xs);
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--brand-primary-light);
	color: var(--wp--preset--color--brand-primary);
	font-size: var(--wp--custom--type--label-small--font-size);
	font-weight: var(--wp--custom--type--label-small--font-weight);
	letter-spacing: 0;
	line-height: var(--wp--custom--type--label-small--line-height);
}

.br-offer-card__validity {
	margin: 0;
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--custom--type--body-small--font-size);
	font-weight: var(--wp--custom--type--body-small--font-weight);
	line-height: var(--wp--custom--type--body-small--line-height);
}

.br-offer-card--vertical .br-button {
	width: 100%;
}

@container (max-width: 640px) {

	.br-offer-card--horizontal .br-offer-card__layout {
		flex-direction: column;
	}

	.br-offer-card--horizontal .br-offer-card__media {
		flex-basis: auto;
		width: 100%;
		height: 160px;
	}

	.br-offer-card--horizontal .br-offer-card__body {
		padding: var(--wp--preset--spacing--md);
	}

	.br-offer-card--featured.br-offer-card--horizontal .br-offer-card__body {
		gap: var(--wp--preset--spacing--xs);
		padding: 20px;
	}
}