/* =========================================================================
   Surplus section (SurplusProperty.ca). Renders under data-brand="surplus",
   so --color-accent is navy and --color-accent-2 is gold. Blue hero + navy
   bands per the Surplus Home comp.
   ========================================================================= */

/* Hero — blue gradient (evokes the aerial photo in the comp) */
.shero { background: linear-gradient(135deg, #1b4a8a, #2f6fb0); color: #fff; }
.shero__inner { text-align: center; max-width: 820px; margin-inline: auto; }
.shero__title { color: #fff; font-size: var(--text-display); line-height: var(--lh-display); letter-spacing: var(--tracking-tight); margin-bottom: var(--space-4); }
.shero__lede { color: rgba(255,255,255,.9); font-size: var(--text-lg); max-width: 52ch; margin: 0 auto var(--space-6); }
.shero__actions { display: flex; gap: var(--space-3); justify-content: center; }
.shero__actions .btn { background: var(--navy-700); border-color: var(--navy-700); }
.shero__actions .btn--ghost { background: #fff; color: var(--navy-700); border-color: #fff; }

/* Section wash (light band behind the listings) */
.section--wash { background: var(--color-bg-subtle); }

/* .scard / .scard-grid / .surplus-list — migrated to src/css/main.css (Tailwind @layer components). */

/* Advertise CTA row */
.advertise { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6);
	background: var(--color-bg-muted); border-radius: var(--radius-lg); padding: var(--space-8); margin-block: var(--space-8); }
.advertise h2 { font-family: var(--font-display); font-size: 2.25rem; font-weight: var(--weight-medium); letter-spacing: -0.02em; line-height: 1; margin-bottom: var(--space-1); }
.advertise p { color: var(--color-text-secondary); margin: 0; font-size: 1rem; }
.advertise .btn { flex-shrink: 0; }

/* Navy band — compact centered CTA matching Surplus Home footer band */
.sband { background: var(--navy-700); color: #fff; }
.sband__inner { text-align: center; }
.sband__title { color: #fff; font-family: var(--font-display); font-size: var(--text-h2); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); line-height: var(--lh-h2); margin-bottom: var(--space-3); }
.sband__copy { color: rgba(255,255,255,.9); margin: 0 auto var(--space-5); max-width: 40ch; font-size: var(--text-lg); line-height: var(--lh-lg); }
.sband__inner .btn--ghost {
	background: #fff;
	color: var(--navy-700);
	border-color: #fff;
	min-height: 44px;
	padding-inline: var(--space-6);
}

/* Home teaser — [ots_surplus_for_sale] styles live under
   .page-template-template-surplus-home (Figma 350:21417). */

/* .surplus-list* — migrated to src/css/main.css (Tailwind @layer components). */

/* ---- Surplus FAQs (Figma 350:21649 desktop · 404:5346 mobile) -----------
   Scoped to .page-template-template-surplus-faq only.
   Header / footer are theme chrome — not restyled here.
   ----------------------------------------------------------------------- */
.page-template-template-surplus-faq .site-main {
	background: #fafaf6;
}

.page-template-template-surplus-faq .page {
	max-width: none;
	padding: 0;
	padding-inline: 0;
}

.page-template-template-surplus-faq .page__content {
	max-width: none;
	margin-inline: 0;
	padding-inline: 80px;
	padding-bottom: 80px;
	padding-top: 32px;
}

.page-template-template-surplus-faq .prose {
	color: #1a1816;
}

.page-template-template-surplus-faq .prose > * + * {
	margin-top: 0;
}

/* Hero — pad 64/80/32, gap 12, centered */
.page-template-template-surplus-faq .page__content > h1 {
	margin: 0 0 12px;
	padding: 64px 0 0;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 3.8125rem; /* 61 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em; /* -1.83 */
	line-height: 1;
	text-align: center;
}

.page-template-template-surplus-faq .page__content > p.has-text-align-center {
	margin: 0;
	padding: 0 0 32px;
	color: #5c544a;
	font-size: 1.3125rem; /* 21 */
	font-weight: var(--weight-regular);
	line-height: 1.3; /* 27.3 */
	text-align: center;
}

/* Accordion list — max 890, gap 16 */
.page-template-template-surplus-faq .wp-block-accordion {
	max-width: 890px;
	margin: 0 auto 16px;
}

.page-template-template-surplus-faq .wp-block-accordion:last-of-type {
	margin-bottom: 0;
}

.page-template-template-surplus-faq .wp-block-accordion-item {
	background: #fff;
	border: 1px solid #e7e2d7;
	border-radius: 10px;
	overflow: hidden;
}

.page-template-template-surplus-faq .wp-block-accordion-heading {
	margin: 0;
}

/* Header row — pad 16/24, title Inter 600 16 */
.page-template-template-surplus-faq .wp-block-accordion-heading__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 59px;
	padding: 16px 24px;
	margin: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #1a1816;
	cursor: pointer;
	font-family: var(--font-sans);
	font-size: 1rem; /* 16 */
	font-weight: var(--weight-semibold);
	line-height: 1.2; /* 19.2 */
	text-align: left;
	letter-spacing: normal;
}

.page-template-template-surplus-faq .wp-block-accordion-heading__toggle:hover,
.page-template-template-surplus-faq .wp-block-accordion-heading__toggle:focus {
	background: transparent;
}

.page-template-template-surplus-faq .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
	text-decoration: none;
}

.page-template-template-surplus-faq .wp-block-accordion-heading__toggle:focus-visible {
	outline: 2px solid #19305b;
	outline-offset: -2px;
}

.page-template-template-surplus-faq .wp-block-accordion-heading__toggle-title {
	flex: 1 1 auto;
	min-width: 0;
}

/* + / – icons — Figma: closed #5c544a · open #19305b, Inter Tight 500 27 */
.page-template-template-surplus-faq .wp-block-accordion-heading__toggle-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	color: #5c544a;
	font-size: 0;
	font-weight: var(--weight-medium);
	line-height: 1;
	transform: none;
}

.page-template-template-surplus-faq .wp-block-accordion-heading__toggle-icon::before {
	content: '+';
	color: inherit;
	font-family: var(--font-display);
	font-size: 1.6875rem; /* 27 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.02em; /* -0.54 */
	line-height: 1;
}

.page-template-template-surplus-faq .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon,
.page-template-template-surplus-faq .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
	color: #19305b;
	transform: none;
}

.page-template-template-surplus-faq .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon::before {
	content: '–';
}

/* Body — pad 0/24/24, Inter 400 16 / lh 24, #5c544a */
.page-template-template-surplus-faq .wp-block-accordion-panel {
	padding: 0 24px 24px;
}

.page-template-template-surplus-faq .wp-block-accordion-panel > *:first-child {
	margin-top: 0;
}

.page-template-template-surplus-faq .wp-block-accordion-panel p {
	margin: 0;
	color: #5c544a;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-regular);
	line-height: 1.5; /* 24 */
}

.page-template-template-surplus-faq .wp-block-accordion-panel p + p {
	margin-top: 10px;
}

/* Mobile — Figma 404:5346 */
@media (max-width: 900px) {
	.page-template-template-surplus-faq .page__content {
		padding-inline: 24px;
		padding-bottom: 48px;
		padding-top: 8px;
	}

	.page-template-template-surplus-faq .page__content > h1 {
		padding-top: 48px;
		font-size: 2.5rem; /* 40 */
		letter-spacing: -0.03em; /* -1.2 */
	}

	.page-template-template-surplus-faq .page__content > p.has-text-align-center {
		padding-bottom: 0;
		margin-bottom: 32px;
		font-size: 1.1875rem; /* 19 */
		line-height: 1.3; /* ~24.7 */
	}

	.page-template-template-surplus-faq .wp-block-accordion {
		max-width: none;
		margin-bottom: 16px;
	}

	.page-template-template-surplus-faq .wp-block-accordion-heading__toggle {
		padding: 16px 20px;
	}

	.page-template-template-surplus-faq .wp-block-accordion-panel {
		padding: 0 20px 20px;
	}
}

/* ---- Surplus Contact (Figma 350:21662 desktop · 404:5824 mobile) ---------
   Scoped to .page-template-template-surplus-contact only.
   Header / footer are theme chrome — not restyled here.
   (Mobile node is labeled FAQs in Figma but is the Contact frame.)
   ----------------------------------------------------------------------- */
.page-template-template-surplus-contact .site-main {
	background: #fafaf6;
}

.page-template-template-surplus-contact .page {
	max-width: none;
	padding: 0;
	padding-inline: 0;
}

.page-template-template-surplus-contact .page__content {
	max-width: none;
	margin-inline: 0;
}

.page-template-template-surplus-contact .prose {
	color: #1a1816;
    max-width: 1440px;
    margin: 0 auto;
}

.page-template-template-surplus-contact .prose > * + * {
	margin-top: 0;
}

.page-template-template-surplus-contact .tces-js-style-encoded {
	display: none !important;
}

/* Hero — pad 64/48/32, gap 12 */
.page-template-template-surplus-contact .page__content > h1 {
	margin: 0 0 12px;
	padding: 0;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 3.8125rem; /* 61 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em; /* -1.83 */
	line-height: 1;
}

.page-template-template-surplus-contact .page__content > p.wp-block-paragraph:first-of-type {
	margin: 0;
	padding: 0 0 32px;
	max-width: 100%;
	color: #5c544a;
	font-size: 1.3125rem; /* 21 */
	line-height: 1.3; /* 27.3 */
}

/* Columns — gap 48, pad 48 / 80 */
.page-template-template-surplus-contact .wp-block-columns {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	margin: 0;
	padding: 0 48px 80px;
}

.page-template-template-surplus-contact .wp-block-column {
	margin: 0;
}

/* Form card — white, border #e7e2d7, r16, pad 32 */
.page-template-template-surplus-contact .wp-block-column:first-child {
	flex: 1 1 859px;
	max-width: 859px;
	padding: 32px;
	background: #fff;
	border: 1px solid #e7e2d7;
	border-radius: 16px;
	box-shadow: none;
}

.page-template-template-surplus-contact .wp-block-column h2 {
	margin: 0 0 16px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 1.6875rem; /* 27 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.02em; /* -0.54 */
	line-height: 1;
}

/* Contact info column */
.page-template-template-surplus-contact .wp-block-column:last-child {
	flex: 0 1 437px;
	max-width: 437px;
}

.page-template-template-surplus-contact .wp-block-column:last-child > h2 {
	margin-bottom: 16px;
}

.page-template-template-surplus-contact .wp-block-column:last-child > p {
	margin: 0;
}

.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(1),
.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(3) {
	margin-top: 16px;
	margin-bottom: 4px;
	color: #6e665a;
	font-size: 0.75rem;
	font-weight: var(--weight-regular);
	line-height: 1.5;
}

.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(1) {
	margin-top: 0;
}

.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(2),
.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(4) {
	color: #1a1816;
	font-size: 1rem;
	line-height: 1.5;
}

.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(2) a {
	color: #1a1816;
	font-weight: var(--weight-regular);
	text-decoration: none;
}

.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(2) a:hover {
	color: #19305b;
	text-decoration: underline;
}

/* “Buying a property?” callout — bg #f2f3f5, r14, pad 16 */
.page-template-template-surplus-contact .tb-container {
	margin-top: 16px;
	padding: 16px;
	background: #f2f3f5 !important;
	border: 0;
	border-radius: 14px;
}

.page-template-template-surplus-contact .tb-container h3 {
	margin: 0 0 8px;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	letter-spacing: 0;
}

.page-template-template-surplus-contact .tb-container h3 strong {
	font-weight: inherit;
}

.page-template-template-surplus-contact .tb-container p {
	margin: 0;
	color: #5c544a;
	font-size: 0.75rem;
	line-height: 1.5;
}

/* Ninja Forms */
.page-template-template-surplus-contact .nf-form-cont {
	margin: 0;
}

.page-template-template-surplus-contact .nf-form-title,
.page-template-template-surplus-contact .nf-before-form,
.page-template-template-surplus-contact .nf-after-form {
	display: none;
}

.page-template-template-surplus-contact .nf-field-container {
	margin-bottom: 16px;
}

.page-template-template-surplus-contact .nf-field-label label,
.page-template-template-surplus-contact .nf-label-span {
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	margin-bottom: 5px;
}

.page-template-template-surplus-contact .nf-field-element input[type="text"],
.page-template-template-surplus-contact .nf-field-element input[type="email"],
.page-template-template-surplus-contact .nf-field-element input[type="tel"],
.page-template-template-surplus-contact .nf-field-element input[type="url"],
.page-template-template-surplus-contact .nf-field-element input[type="number"],
.page-template-template-surplus-contact .nf-field-element select,
.page-template-template-surplus-contact .nf-field-element textarea,
.page-template-template-surplus-contact .ninja-forms-field {
	width: 100%;
	min-height: 48px;
	padding: 12px;
	background: #fff;
	border: 1px solid #d8d1c2;
	border-radius: 8px;
	box-shadow: none;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 1rem;
	line-height: 1.5;
}

.page-template-template-surplus-contact .nf-field-element textarea,
.page-template-template-surplus-contact textarea.ninja-forms-field {
	min-height: 120px;
	resize: vertical;
}

.page-template-template-surplus-contact .nf-field-element input::placeholder,
.page-template-template-surplus-contact .nf-field-element textarea::placeholder {
	color: #6e665a;
	opacity: 1;
}

.page-template-template-surplus-contact .nf-field-element input:focus,
.page-template-template-surplus-contact .nf-field-element select:focus,
.page-template-template-surplus-contact .nf-field-element textarea:focus {
	outline: none;
	border-color: #19305b;
	box-shadow: 0 0 0 3px color-mix(in srgb, #19305b 18%, transparent);
}

.page-template-template-surplus-contact .nf-field-element select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M4 6.5L7.4641 1.5H0.5359L4 6.5Z' fill='%231a1816'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 8px 8px;
	padding-right: 36px;
}

.page-template-template-surplus-contact .submit-container,
.page-template-template-surplus-contact .nf-field-container.submit-container {
	margin-top: 0;
	margin-bottom: 0;
}

.page-template-template-surplus-contact .nf-field-element input[type="button"],
.page-template-template-surplus-contact .nf-field-element input[type="submit"],
.page-template-template-surplus-contact input[type="button"].ninja-forms-field,
.page-template-template-surplus-contact .nf-element[type="button"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 43px;
	padding: 12px 20px;
	background: #19305b !important;
	border: 1px solid #19305b !important;
	border-radius: 8px;
	color: #fafaf6;
	cursor: pointer;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	transition: background var(--duration) var(--ease), border-color var(--duration) var(--ease);
}

.page-template-template-surplus-contact .nf-field-element input[type="button"]:hover,
.page-template-template-surplus-contact .nf-field-element input[type="submit"]:hover,
.page-template-template-surplus-contact input[type="button"].ninja-forms-field:hover {
	background: var(--navy-800);
	border-color: var(--navy-800);
	color: #fafaf6;
}

.page-template-template-surplus-contact .tb-container h3::before {
	display: none !important;
}

/* ---- Contact mobile (Figma 404:5824) ---- */
@media (max-width: 900px) {
	.page-template-template-surplus-contact .page__content > h1 {
		padding: 20px 0 0 0;
		font-size: 2.5rem; /* 40 */
		letter-spacing: -0.03em; /* -1.2 */
	}

	.page-template-template-surplus-contact .page__content > p.wp-block-paragraph:first-of-type {
		margin-bottom: 0;
		padding: 0;
		max-width: none;
		font-size: 1.1875rem; /* 19 */
		line-height: 1.3;
	}

	.page-template-template-surplus-contact .wp-block-columns {
		flex-direction: column;
		gap: 0;
		padding: 0;
	}

	.page-template-template-surplus-contact .wp-block-column {
		flex-basis: 100% !important;
		width: 100%;
		max-width: none;
	}

	/* Form as full-bleed white band */
	.page-template-template-surplus-contact .wp-block-column:first-child {
		padding: 48px 24px;
		border: 0;
		border-radius: 0;
		background: #fff;
	}

	.page-template-template-surplus-contact .wp-block-column h2 {
		margin-bottom: 32px;
		font-size: 1.4375rem; /* 23 */
		letter-spacing: -0.03em; /* -0.69 */
	}

	.page-template-template-surplus-contact .wp-block-column:last-child {
		padding: 48px 24px;
	}

	.page-template-template-surplus-contact .wp-block-column:last-child > h2 {
		margin-bottom: 24px;
	}

	.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(1),
	.page-template-template-surplus-contact .wp-block-column:last-child > p:nth-of-type(3) {
		margin-top: 16px;
		margin-bottom: 3px;
	}

	.page-template-template-surplus-contact .tb-container {
		margin-top: 16px;
		padding: 16px !important;
	}

	.page-template-template-surplus-contact .nf-form-content .nf-row,
	.page-template-template-surplus-contact .nf-form-fields-wrap .nf-field-container {
		width: 100% !important;
		max-width: 100%;
	}

	.page-template-template-surplus-contact .nf-field-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.page-template-template-surplus-contact .nf-field-element input[type="text"],
	.page-template-template-surplus-contact .nf-field-element input[type="email"],
	.page-template-template-surplus-contact .nf-field-element input[type="tel"],
	.page-template-template-surplus-contact .nf-field-element input[type="url"],
	.page-template-template-surplus-contact .nf-field-element input[type="number"],
	.page-template-template-surplus-contact .nf-field-element select,
	.page-template-template-surplus-contact .nf-field-element textarea,
	.page-template-template-surplus-contact .ninja-forms-field {
		min-height: 50px;
		padding: 13px 14px;
	}

	.page-template-template-surplus-contact .nf-field-element textarea,
	.page-template-template-surplus-contact textarea.ninja-forms-field {
		min-height: 120px;
	}

	.page-template-template-surplus-contact .nf-field-element input[type="button"],
	.page-template-template-surplus-contact .nf-field-element input[type="submit"],
	.page-template-template-surplus-contact input[type="button"].ninja-forms-field,
	.page-template-template-surplus-contact .nf-element[type="button"] {
		min-height: 45px;
		padding: 13px 20px;
		color: #fff7f0;
	}
}

/* ---- Surplus Advertising (Figma 350:21758 desktop · 404:6114 mobile) -----
   Scoped to .page-template-template-surplus-advertising only.
   Header / footer are theme chrome — not restyled here.
   ----------------------------------------------------------------------- */
.page-template-template-surplus-advertising .site-main {
	background: #fafaf6;
}

.page-template-template-surplus-advertising .page {
	padding: 0;
	max-width: none;
	padding-inline: 0;
}

.page-template-template-surplus-advertising .page__content {
	max-width: none;
	margin-inline: 0;
}

.page-template-template-surplus-advertising .prose {
	color: #1a1816;
}

.page-template-template-surplus-advertising .prose > * + * {
	margin-top: 0;
}

.page-template-template-surplus-advertising .page__content > p:empty {
	display: none;
}

/* Shared column reset */
.page-template-template-surplus-advertising .wp-block-columns {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	margin: 0;
}

.page-template-template-surplus-advertising .wp-block-column {
	margin: 0;
}

/* ---- Hero (350:21758) — pad-left 48, space-between, image flush right ---- */
.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child {
	align-items: center;
	justify-content: space-between;
	gap: 48px;
	min-height: 600px;
	padding: 0 0 0 48px;
	max-width: 1540px;
	margin: 0 0 0 auto;
}
@media (min-width: 1441px) {
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child {
		max-width: 1510px;
		margin: 0 auto;
	}
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:first-child {
		padding-left: 30px;
	}
}
@media (min-width: 1541px) {
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child {
		margin: 0 0 0 auto;
	}
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:first-child {
		padding-left: 10px;
	}
}
@media (min-width: 1641px) {
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child {
		margin: 0 auto;
	}
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:first-child {
		padding-left: 40px;
	}
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:first-child {
	flex: 0 1 664px;
	max-width: 664px;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:last-child {
	flex: 0 1 599px;
	max-width: 599px;
	width: 100%;
}

/* Stack gap 32: title → lede → CTAs */
.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child h1 {
	margin: 0 0 32px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 5rem; /* 80 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em; /* -2.4 */
	line-height: 1;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:first-child > p {
	margin: 0 0 32px;
	max-width: 50ch;
	color: #5c544a;
	font-size: 1.3125rem; /* 21 */
	line-height: 1.3; /* 27.3 */
}

.page-template-template-surplus-advertising .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
	padding-top: 8px;
}

.page-template-template-surplus-advertising .wp-block-button {
	margin: 0;
}

.page-template-template-surplus-advertising .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	padding: 12px 24px;
	border-radius: 8px;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	text-decoration: none;
	transition: background var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease);
}

.page-template-template-surplus-advertising .wp-block-button__link strong {
	font-weight: inherit;
}

/* Hero primary / ghost */
.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-button:first-child .wp-block-button__link {
	background: #19305b;
	border: 1px solid #19305b;
	color: #fafaf6;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-button:first-child .wp-block-button__link:hover {
	background: var(--navy-800);
	border-color: var(--navy-800);
	color: #fafaf6;
	text-decoration: none;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-button:last-child .wp-block-button__link {
	background: #fff;
	border: 1px solid #d8d1c2;
	color: #1a1816;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-button:last-child .wp-block-button__link:hover {
	background: #fafaf6;
	border-color: #c9c0ae;
	text-decoration: none;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-image {
	margin: 0;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-image img {
	display: block;
	width: 100%;
	height: 600px;
	object-fit: cover;
	border-radius: 0;
}

/* ---- Why advertise / Props (pad 64/48, bg #f2f3f5, gap 48) ---- */
.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) {
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
	background: #f2f3f5;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 64px 48px;
	flex-basis: 100% !important;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) h2 {
	margin: 0 0 48px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 2.9375rem; /* 47 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em; /* -1.41 */
	line-height: 1;
}

/* Feature row — gap 16 */
.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns {
	display: flex;
	gap: 16px;
	align-items: stretch;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns > .wp-block-column {
	flex: 1 1 0;
	min-width: 0;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns > .wp-block-column > .wp-block-columns {
	display: flex;
	gap: 16px;
	height: 100%;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
	flex: 1 1 0;
	min-width: 0;
	padding-right: 16px;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) .wp-block-image {
	display: inline-grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin: 0 0 16px;
	background: #fafaf6;
	border-radius: 12px;
	overflow: hidden;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) .wp-block-image img {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) h3 {
	margin: 0 0 16px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 1.6875rem; /* 27 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.02em; /* -0.54 */
	line-height: 1;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) p {
	margin: 0;
	color: #5c544a;
	font-size: 1rem;
	line-height: 1.5;
}

/* ---- CTA band (pad 64/80, navy #19305b, stack gap 16) ---- */
.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) {
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
	padding: 64px 80px;
	background: #19305b;
	text-align: center;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) > .wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	flex-basis: 100% !important;
	max-width: none;
	margin-inline: auto;
	gap: 0;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) h2 {
	margin: 0 0 16px;
	color: #fafaf6;
	font-family: var(--font-display);
	font-size: 2.9375rem; /* 47 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em;
	line-height: 1;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) p {
	margin: 0 0 16px;
	color: #fafaf6;
	font-size: 1.3125rem; /* 21 */
	line-height: 1.3;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) .wp-block-buttons {
	justify-content: center;
	padding-top: 8px;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) .wp-block-button__link {
	background: #fff;
	border: 1px solid #fff;
	color: #19305b;
}

.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) .wp-block-button__link:hover {
	background: #fafaf6;
	border-color: #fafaf6;
	color: var(--navy-800);
	text-decoration: none;
}

/* ---- Advertising tablet / mobile (Figma 404:6114) ---- */
@media (max-width: 900px) {
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		min-height: 0;
		padding: 0;
		text-align: left;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column {
		flex-basis: 100% !important;
		width: 100%;
		max-width: none;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:first-child {
		padding: 40px 20px;
		max-width: 100%;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child h1 {
		margin-bottom: 24px;
		font-size: 3rem; /* 48 */
		letter-spacing: -0.03em; /* -1.44 */
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:first-child > p {
		margin-bottom: 24px;
		max-width: none;
		font-size: 1.1875rem; /* 19 */
		line-height: 1.3; /* 24.7 */
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding-top: 0;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-button,
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-button__link {
		width: 100%;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-button__link {
		min-height: 51px;
		padding: 16px;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child .wp-block-image img {
		width: 100%;
		height: 100%;
		max-height: none;
		aspect-ratio: auto;
		margin-inline: 0;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) {
		padding: 48px 24px;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) h2 {
		margin-bottom: 32px;
		font-size: 2.0625rem; /* 33 */
		letter-spacing: -0.03em; /* -0.99 */
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns,
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns > .wp-block-column > .wp-block-columns {
		flex-direction: column;
		gap: 24px;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
		padding-right: 0;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) h3 {
		font-size: 1.4375rem; /* 23 */
		letter-spacing: -0.03em; /* -0.69 */
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) {
		padding: 80px 20px;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) h2 {
		margin-bottom: 20px;
		font-size: 2.0625rem; /* 33 */
		color: #fff7f0;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) p {
		margin-bottom: 20px;
		font-size: 1.1875rem; /* 19 */
		color: #fff7f0;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) .wp-block-buttons {
		width: 100%;
		padding-top: 0;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) .wp-block-button,
	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) .wp-block-button__link {
		width: 100%;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(3) .wp-block-button__link {
		min-height: 45px;
		padding: 13px 20px;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:first-child > .wp-block-column:last-child {
		max-width: 100%;
	}

	.page-template-template-surplus-advertising .page__content > .wp-block-columns:nth-child(2) > .wp-block-column {
		padding: 0;
	}
}

/* ---- Surplus Properties for Sale (Figma 350:21544 · 404:4806 mobile) ----
   Scoped to .page-template-template-surplus-sale only.
   Does not restyle shared .scard / .surplus-list used by sold or home.
   Header / footer are theme chrome — not restyled here.
   ----------------------------------------------------------------------- */
.page-template-template-surplus-sale .site-main {
	background: #fafaf6;
}

.page-template-template-surplus-sale .surplus-list--sale {
	max-width: 1440px;
	margin-inline: auto;
	padding: 48px 48px 0;
}

/* Breadcrumb — Inter 12, gap 8 */
.page-template-template-surplus-sale .surplus-list--sale .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	color: #6e665a;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	line-height: 1.5;
}

.page-template-template-surplus-sale .surplus-list--sale .breadcrumb a {
	color: #6e665a;
	text-decoration: none;
}

.page-template-template-surplus-sale .surplus-list--sale .breadcrumb a:hover {
	color: #19305b;
}

.page-template-template-surplus-sale .surplus-list--sale .breadcrumb__current {
	color: #1a1816;
}

/* Page header — title 61 / sub 16; header bottom pad 32 */
.page-template-template-surplus-sale .surplus-list__head {
	margin: 0;
}

.page-template-template-surplus-sale .surplus-list__head h1 {
	margin: 0 0 12px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 3.8125rem; /* 61 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em; /* -1.83 */
	line-height: 1;
}

.page-template-template-surplus-sale .surplus-list__sub {
	margin: 0;
	color: #5c544a;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-regular);
	line-height: 1.5;
}

/* Toolbar — filters left, sort right; gap 8; pad-bottom 24 */
.page-template-template-surplus-sale .surplus-list__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 48px 0 24px;
}

.page-template-template-surplus-sale .surplus-list__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.page-template-template-surplus-sale .surplus-list__filter.pill,
.page-template-template-surplus-sale .surplus-list__filter,
.page-template-template-surplus-sale .surplus-list__sort.pill,
.page-template-template-surplus-sale .surplus-list__sort {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 12px;
	margin: 0;
	border: 1px solid #d8d1c2;
	border-radius: 8px;
	background: #fff;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-regular);
	line-height: 1.5;
	cursor: pointer;
}

.page-template-template-surplus-sale .surplus-list__filter-caret {
	display: inline-block;
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	margin-left: 0;
	background: currentColor;
	opacity: 1;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transition: transform var(--duration, 0.15s) var(--ease, ease);
}

.page-template-template-surplus-sale .surplus-list__filter-wrap {
	position: relative;
}

.page-template-template-surplus-sale .surplus-list__filter.is-active,
.page-template-template-surplus-sale .surplus-list__sort.is-active,
.page-template-template-surplus-sale .surplus-list__filter-wrap.is-open .surplus-list__filter,
.page-template-template-surplus-sale .surplus-list__filter-wrap.is-open .surplus-list__sort {
	border-color: #19305b;
	color: #19305b;
}

.page-template-template-surplus-sale .surplus-list__filter-wrap.is-open .surplus-list__filter-caret {
	transform: rotate(180deg);
}

.page-template-template-surplus-sale .surplus-list__menu {
	position: absolute;
	z-index: 30;
	top: calc(100% + 6px);
	left: 0;
	min-width: max(100%, 220px);
	max-height: 280px;
	margin: 0;
	padding: 6px;
	overflow: auto;
	list-style: none;
	background: #fff;
	border: 1px solid #d8d1c2;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(26, 24, 22, 0.12);
}

@media (max-width: 640px) {
	.page-template-template-surplus-sale .surplus-list__menu {
		min-width: fit-content;
	}
}

.page-template-template-surplus-sale .surplus-list__toolbar > .surplus-list__filter-wrap:last-child .surplus-list__menu {
	left: auto;
	right: 0;
}

.page-template-template-surplus-sale .surplus-list__menu[hidden] {
	display: none !important;
}

.page-template-template-surplus-sale .surplus-list__menu [role="option"] {
	display: block;
	padding: 8px 12px;
	border-radius: 6px;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	font-weight: var(--weight-regular);
	line-height: 1.4;
	cursor: pointer;
	white-space: nowrap;
}

.page-template-template-surplus-sale .surplus-list__menu [role="option"]:hover,
.page-template-template-surplus-sale .surplus-list__menu [role="option"]:focus {
	background: #f2f3f5;
	outline: none;
}

.page-template-template-surplus-sale .surplus-list__menu [role="option"].is-selected {
	background: #e7eaf3;
	color: #19305b;
	font-weight: var(--weight-medium);
}

.page-template-template-surplus-sale .scard.is-filtered-out {
	display: none !important;
}

.page-template-template-surplus-sale .surplus-list__filter-empty {
	margin: 0;
	color: #5c544a;
	font-size: 1rem;
	line-height: 1.5;
	padding: 40px 0 32px;
	text-align: center;
}

.page-template-template-surplus-sale .surplus-list__filter-empty[hidden],
.page-template-template-surplus-sale .surplus-list__more[hidden] {
	display: none !important;
}

/* Grid — row 24 / col 16; bottom pad 48 */
.page-template-template-surplus-sale .scard-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px 16px;
	margin: 0;
	padding-bottom: 48px;
}

/* For-sale cards — border #e7e2d7, r12; media 170; body pad 16 / gap 4 */
.page-template-template-surplus-sale .scard {
	background: #fff;
	border: 1px solid #e7e2d7;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: none;
}

.page-template-template-surplus-sale .scard__media {
	height: 170px;
	aspect-ratio: auto;
	background: #efebe0;
	border: none;
}

.page-template-template-surplus-sale .scard__media:has(.scard__noimg) {
	border: 1.5px dashed #8a8275;
}

.page-template-template-surplus-sale .scard__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px;
}

.page-template-template-surplus-sale .scard__loc {
	margin: 0 0 8px 0;
	color: #6e665a;
	font-family: var(--font-mono);
	font-size: 0.75rem;
	font-weight: var(--weight-medium);
	letter-spacing: 0.04em; /* 0.48 */
	line-height: 1;
	text-transform: uppercase;
}

.page-template-template-surplus-sale .scard__title {
	margin: 0;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	letter-spacing: 0;
	line-height: 1.2;
}

.page-template-template-surplus-sale .scard__title a {
	color: inherit;
	text-decoration: none;
}

.page-template-template-surplus-sale .scard__title a:hover {
	color: #19305b;
	text-decoration: underline;
}

.page-template-template-surplus-sale .scard__price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-family: var(--font-mono);
	font-size: 1rem;
	font-weight: var(--weight-medium);
	letter-spacing: -0.02em;
	line-height: 1;
}

.page-template-template-surplus-sale .scard__price strong {
	color: #19305b;
	font-weight: var(--weight-medium);
}

.page-template-template-surplus-sale .scard__method {
	color: #6e665a;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	font-weight: var(--weight-regular);
	letter-spacing: 0;
	line-height: 1.5;
}

.page-template-template-surplus-sale .scard__link {
	margin: 0;
	color: #19305b;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	text-decoration: none;
	margin-top: 8px;
}

.page-template-template-surplus-sale .scard__link:hover {
	text-decoration: underline;
}

/* Load more — navy; desktop centered; pad 12/24 */
.page-template-template-surplus-sale .surplus-list__more {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0 0 64px;
}

.page-template-template-surplus-sale .surplus-list__more .btn {
	min-width: auto;
	min-height: 43px;
	padding: 12px 24px;
	border: 1px solid #19305b;
	border-radius: 8px;
	background: #19305b;
	color: #fafaf6;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
}

.page-template-template-surplus-sale .surplus-list__more .btn:hover {
	background: var(--navy-800);
	border-color: var(--navy-800);
	color: #fafaf6;
	text-decoration: none;
}

.page-template-template-surplus-sale .empty-state {
	padding-bottom: 64px;
	color: #5c544a;
}

/* ---- For-sale mobile (Figma 404:4806) ---- */
@media (max-width: 900px) {
	.page-template-template-surplus-sale .surplus-list--sale {
		padding: 48px 24px 0;
	}

	.page-template-template-surplus-sale .surplus-list--sale .breadcrumb {
		margin-bottom: 24px;
	}

	.page-template-template-surplus-sale .surplus-list__head {
		margin-bottom: 24px;
	}

	.page-template-template-surplus-sale .surplus-list__head h1 {
		margin-bottom: 24px;
		font-size: 2.5rem; /* 40 */
		letter-spacing: -0.03em; /* -1.2 */
	}

	.page-template-template-surplus-sale .surplus-list__toolbar {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
		margin-bottom: 20px;
	}

	.page-template-template-surplus-sale .surplus-list__filters {
		-webkit-overflow-scrolling: touch;
	}

	.page-template-template-surplus-sale .surplus-list__toolbar > .surplus-list__filter-wrap:last-child {
		width: fit-content;
	}

	.page-template-template-surplus-sale .surplus-list__sort {
		justify-content: space-between;
		width: 100%;
	}

	.page-template-template-surplus-sale .scard-grid {
		grid-template-columns: 1fr;
		gap: 16px;
		padding-bottom: 48px;
	}

	.page-template-template-surplus-sale .scard__media {
		height: 170px;
	}

	.page-template-template-surplus-sale .surplus-list__more {
		padding: 0 0 48px;
	}

	.page-template-template-surplus-sale .surplus-list__more .btn {
		width: 100%;
		min-width: 0;
		padding: 12px 20px;
	}

	.page-template-template-surplus-sale .surplus-list__toolbar > .surplus-list__filter-wrap:last-child .surplus-list__menu {
		left: 0;
	}
}

/* ---- Surplus Properties Sold (Figma 350:21693 desktop · 404:5948 mobile) -
   Scoped to .page-template-template-surplus-sold only.
   Does not restyle shared .scard / .surplus-list used by for-sale or home.
   Header / footer are theme chrome — not restyled here.
   ----------------------------------------------------------------------- */
.page-template-template-surplus-sold .site-main {
	background: #fafaf6;
}

.page-template-template-surplus-sold .surplus-list--sold {
	max-width: 1440px;
	margin-inline: auto;
	padding: 48px 48px 0;
}

/* Breadcrumb — Inter 12, gap 8 */
.page-template-template-surplus-sold .surplus-list--sold .breadcrumb {
	gap: 8px;
	margin: 0 0 12px;
	color: #6e665a;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	line-height: 1.5;
}

.page-template-template-surplus-sold .surplus-list--sold .breadcrumb a {
	color: #6e665a;
	text-decoration: none;
}

.page-template-template-surplus-sold .surplus-list--sold .breadcrumb a:hover {
	color: #19305b;
}

.page-template-template-surplus-sold .surplus-list--sold .breadcrumb__current {
	color: #1a1816;
}

/* Page header — title 61 / sub 16; 32px to filters */
.page-template-template-surplus-sold .surplus-list__head {
	margin: 0 0 32px;
}

.page-template-template-surplus-sold .surplus-list__head h1 {
	margin: 0 0 12px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 3.8125rem; /* 61 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em; /* -1.83 */
	line-height: 1;
}

.page-template-template-surplus-sold .surplus-list__sub {
	margin: 0;
	color: #5c544a;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-regular);
	line-height: 1.5;
}

/* Filters — gap 8, pad-bottom 24; chips r8 (not pill) */
.page-template-template-surplus-sold .surplus-list__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 24px;
}

.page-template-template-surplus-sold .surplus-list__filter.pill,
.page-template-template-surplus-sold .surplus-list__filter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid #d8d1c2;
	border-radius: 8px;
	background: #fff;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-regular);
	line-height: 1.5;
}

.page-template-template-surplus-sold .surplus-list__filter-caret {
	display: inline-block;
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	margin-left: 0;
	background: currentColor;
	opacity: 1;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transition: transform var(--duration, 0.15s) var(--ease, ease);
}

.page-template-template-surplus-sold .surplus-list__filter-wrap {
	position: relative;
}

.page-template-template-surplus-sold .surplus-list__filter.is-active,
.page-template-template-surplus-sold .surplus-list__filter-wrap.is-open .surplus-list__filter {
	border-color: #19305b;
	color: #19305b;
}

.page-template-template-surplus-sold .surplus-list__filter.is-active .surplus-list__filter-caret,
.page-template-template-surplus-sold .surplus-list__filter-wrap.is-open .surplus-list__filter-caret {
	opacity: 1;
}

.page-template-template-surplus-sold .surplus-list__filter-wrap.is-open .surplus-list__filter-caret {
	transform: rotate(180deg);
}

.page-template-template-surplus-sold .surplus-list__menu {
	position: absolute;
	z-index: 30;
	top: calc(100% + 6px);
	left: 0;
	min-width: max(100%, 220px);
	max-height: 280px;
	margin: 0;
	padding: 6px;
	overflow: auto;
	list-style: none;
	background: #fff;
	border: 1px solid #d8d1c2;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(26, 24, 22, 0.12);
}

.page-template-template-surplus-sold .surplus-list__menu[hidden] {
	display: none !important;
}

.page-template-template-surplus-sold .surplus-list__menu [role="option"] {
	display: block;
	padding: 8px 12px;
	border-radius: 6px;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	font-weight: var(--weight-regular);
	line-height: 1.4;
	cursor: pointer;
	white-space: nowrap;
}

.page-template-template-surplus-sold .surplus-list__menu [role="option"]:hover,
.page-template-template-surplus-sold .surplus-list__menu [role="option"]:focus {
	background: #f2f3f5;
	outline: none;
}

.page-template-template-surplus-sold .surplus-list__menu [role="option"].is-selected {
	background: #e7eaf3;
	color: #19305b;
	font-weight: var(--weight-medium);
}

.page-template-template-surplus-sold .scard.is-filtered-out {
	display: none !important;
}

.page-template-template-surplus-sold .surplus-list__filter-empty {
	margin: 0;
	color: #5c544a;
	font-size: 1rem;
	line-height: 1.5;
	padding: 40px 0 32px;
	text-align: center;
}

.page-template-template-surplus-sold .surplus-list__filter-empty[hidden],
.page-template-template-surplus-sold .surplus-list__more[hidden] {
	display: none !important;
}

/* Grid — row 24 / col 16; bottom pad 64 */
.page-template-template-surplus-sold .scard-grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 24px 16px;
	margin: 0;
	padding-bottom: 64px;
}

/* Sold cards — border #e7e2d7, r12; media 160; body pad 16 / gap 4 */
.page-template-template-surplus-sold .scard--sold {
	background: #fff;
	border: 1px solid #e7e2d7;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: none;
}

.page-template-template-surplus-sold .scard--sold .scard__media {
	height: 160px;
	aspect-ratio: auto;
	background: #efebe0;
	border: none;
}

.page-template-template-surplus-sold .scard--sold .scard__media:has(.scard__noimg) {
	border: 1.5px dashed #8a8275;
}

.page-template-template-surplus-sold .scard--sold .scard__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px;
}

.page-template-template-surplus-sold .scard--sold .scard__loc {
	margin: 0 0 8px 0;
	color: #6e665a;
	font-family: var(--font-mono);
	font-size: 0.75rem;
	font-weight: var(--weight-medium);
	letter-spacing: 0.04em; /* 0.48 */
	line-height: 1;
	text-transform: uppercase;
}

.page-template-template-surplus-sold .scard--sold .scard__title {
	margin: 0;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	letter-spacing: 0;
	line-height: 1.2;
	margin-top: 6px;
}

.page-template-template-surplus-sold .scard--sold .scard__price {
	margin: 0;
	font-family: var(--font-mono);
	font-size: 1rem;
	font-weight: var(--weight-medium);
	letter-spacing: -0.02em;
	line-height: 1;
}

.page-template-template-surplus-sold .scard--sold .scard__price strong {
	color: #19305b;
	font-weight: var(--weight-medium);
}

.page-template-template-surplus-sold .scard--sold .scard__method {
	color: #6e665a;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	font-weight: var(--weight-regular);
	letter-spacing: 0;
	line-height: 1.5;
}

/* Load more — navy chip; desktop centered */
.page-template-template-surplus-sold .surplus-list__more {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0 0 64px;
}

.page-template-template-surplus-sold .surplus-list__more .btn {
	min-width: auto;
	min-height: 43px;
	padding: 12px 20px;
	border: 1px solid #19305b;
	border-radius: 8px;
	background: #19305b;
	color: #fafaf6;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
}

.page-template-template-surplus-sold .surplus-list__more .btn:hover {
	background: var(--navy-800);
	border-color: var(--navy-800);
	color: #fafaf6;
	text-decoration: none;
}

.page-template-template-surplus-sold .empty-state {
	padding-bottom: 64px;
	color: #5c544a;
}

/* ---- Sold mobile (Figma 404:5948) ---- */
@media (max-width: 900px) {
	.page-template-template-surplus-sold .surplus-list--sold {
		padding: 48px 24px 0;
	}

	.page-template-template-surplus-sold .surplus-list--sold .breadcrumb {
		margin-bottom: 24px;
	}

	.page-template-template-surplus-sold .surplus-list__head {
		margin-bottom: 24px;
	}

	.page-template-template-surplus-sold .surplus-list__head h1 {
		margin-bottom: 24px;
		font-size: 2.5rem; /* 40 */
		letter-spacing: -0.03em; /* -1.2 */
	}

	.page-template-template-surplus-sold .surplus-list__filters {
		flex-wrap: nowrap;
		margin-bottom: 20px;
		-webkit-overflow-scrolling: touch;
	}

	.page-template-template-surplus-sold .scard-grid {
		grid-template-columns: 1fr;
		gap: 16px;
		padding-bottom: 48px;
	}

	.page-template-template-surplus-sold .scard--sold .scard__media {
		height: 170px;
	}

	.page-template-template-surplus-sold .surplus-list__more {
		padding: 0 0 48px;
	}

	.page-template-template-surplus-sold .surplus-list__more .btn {
		width: 100%;
		min-width: 0;
	}
}

/* ---- Surplus Home (Figma 350:21417 desktop · 356:3404 mobile) -----------
   Scoped to .page-template-template-surplus-home only.
   Header / footer are theme chrome — not restyled here.
   ----------------------------------------------------------------------- */
.page-template-template-surplus-home .site-main {
	background: #fafaf6;
}

.page-template-template-surplus-home .page {
	max-width: none;
	padding: 0;
}

.page-template-template-surplus-home .page__content {
	max-width: none;
	margin-inline: 0;
}

.page-template-template-surplus-home .prose {
	color: #1a1816;
}

.page-template-template-surplus-home .prose > * + * {
	margin-top: 0;
}

.page-template-template-surplus-home .page__content > p:empty {
	display: none;
}

.page-template-template-surplus-home .wp-block-columns {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	margin: 0;
	max-width: 1440px;
}

.page-template-template-surplus-home .wp-block-column {
	margin: 0;
}

.page-template-template-surplus-home .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
}

.page-template-template-surplus-home .wp-block-button {
	margin: 0;
}

.page-template-template-surplus-home .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	padding: 12px 24px;
	border-radius: 8px;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-semibold);
	line-height: 1;
	text-decoration: none;
	transition: background var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease);
}

.page-template-template-surplus-home .wp-block-button__link strong {
	font-weight: inherit;
}

/* ---- 1. Hero — Figma 350:21417: stretched photo + 10% #1a1816 wash ---- */
.page-template-template-surplus-home .page__content > .wp-block-columns:first-child {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	max-width: 100vw;
	min-height: 700px;
	margin-inline: calc(50% - 50vw);
	padding: 80px 48px;
	overflow: hidden;
	background: #1a1816;
	color: #fafaf6;
	text-align: center;
}

/* static so absolute hero image positions against the full-bleed columns, not this 890px text column */
.page-template-template-surplus-home .page__content > .wp-block-columns:first-child > .wp-block-column {
	position: static;
	width: 100%;
	max-width: 750px;
	flex-basis: 100% !important;
	margin-inline: auto;
	text-align: center;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-image {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100% !important;
	max-width: none !important;
	height: 100%;
	margin: 0;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-image img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

/* Figma fill: SOLID #1a1816 @ 10% over the photo */
.page-template-template-surplus-home .page__content > .wp-block-columns:first-child::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: rgba(26, 24, 22, 0.1);
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child h1,
.page-template-template-surplus-home .page__content > .wp-block-columns:first-child p,
.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-buttons {
	position: relative;
	z-index: 2;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child h1 {
	margin: 0 0 24px;
	color: #fafaf6;
	font-family: var(--font-display);
	font-size: 3.8125rem; /* 61 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em; /* -1.83 */
	line-height: 1;
	text-align: center;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child p {
	margin: 0 auto;
	max-width: 664px;
	color: #fafaf6;
	font-family: var(--font-sans);
	font-size: 1rem; /* 16 */
	font-weight: var(--weight-regular);
	line-height: 1.5; /* 24 */
	text-align: center;
}

/* itemSpacing 24 + hb paddingTop 8 → 32 to CTAs; CTA gap 12 */
.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-buttons {
	justify-content: center;
	gap: 12px;
	margin-top: 32px;
	padding-top: 0;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-button:first-child .wp-block-button__link {
	min-height: 43px;
	padding: 12px 24px;
	background: #19305b;
	border: 1px solid #19305b;
	border-radius: 8px;
	color: #fafaf6;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-button:first-child .wp-block-button__link:hover {
	background: var(--navy-800);
	border-color: var(--navy-800);
	color: #fafaf6;
	text-decoration: none;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-button:last-child .wp-block-button__link {
	min-height: 43px;
	padding: 12px 24px;
	background: #fff;
	border: 1px solid #d8d1c2;
	border-radius: 8px;
	color: #1a1816;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-button:last-child .wp-block-button__link:hover {
	background: #fafaf6;
	border-color: #d8d1c2;
	color: #1a1816;
	text-decoration: none;
}

/* ---- 2. This is not a tax sale ---- */
.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) {
	margin-inline: auto;
	background: #f2f3f5;
	width: 100%;
	max-width: 100%;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column {
	width: 100%;
	max-width: 1440px;
	margin-inline: auto;
	padding: 64px 48px;
	flex-basis: 100% !important;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > h2 {
	margin: 0 0 8px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 2.9375rem; /* 47 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em;
	line-height: 1;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > p {
	margin: 0 0 48px;
	max-width: 563px;
	color: #5c544a;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-regular);
	line-height: 1.5;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns > .wp-block-column {
	padding-right: 24px;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) .wp-block-image {
	display: inline-grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin: 0 0 16px;
	background: #fafaf6;
	border-radius: 12px;
	overflow: hidden;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) .wp-block-image img {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) h3 {
	margin: 0 0 16px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 1.6875rem; /* 27 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.02em;
	line-height: 1;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns p {
	margin: 0;
	color: #5c544a;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-regular);
	line-height: 1.5;
}

/* ---- 3. Properties for sale ---- */
.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(3) {
	margin-inline: auto;
	padding: 64px 48px;
}
@media (max-width: 900px) {
	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(3) {
		padding: 0;
	}
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(3) > .wp-block-column {
	width: 100%;
	flex-basis: 100% !important;
}

.page-template-template-surplus-home .surplus-forsale {
	margin: 0;
}

.page-template-template-surplus-home .surplus-forsale__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 32px;
}

.page-template-template-surplus-home .surplus-forsale__intro {
	width: 100%;
}

.page-template-template-surplus-home .surplus-forsale__title {
	margin: 0 0 8px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 2.9375rem; /* 47 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em;
	line-height: 1;
}

.page-template-template-surplus-home .surplus-forsale__sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0;
	color: #5c544a;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-regular);
	line-height: 1.5;
}

.page-template-template-surplus-home .surplus-forsale__all,
.page-template-template-surplus-home .page__content .surplus-forsale__all {
	flex: 0 0 auto;
	color: #19305b;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.page-template-template-surplus-home .surplus-forsale__all:hover {
	color: var(--navy-800);
	text-decoration: underline;
}

.page-template-template-surplus-home .surplus-forsale__all--bottom {
	display: none;
	margin-top: 32px;
	text-align: center;
}

.page-template-template-surplus-home .scard-grid,
.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(3) .scard-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin: 0;
}

.page-template-template-surplus-home .scard {
	background: #fff;
	border: 1px solid #e7e2d7;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: none;
}

.page-template-template-surplus-home .scard__media {
	display: block;
	height: 180px;
	aspect-ratio: auto;
	border-radius: 0;
	background: #efebe0;
	border: none;
	overflow: hidden;
}

.page-template-template-surplus-home .scard__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-template-template-surplus-home .scard__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px;
}

.page-template-template-surplus-home .scard__loc {
	margin: 0 0 8px 0;
	color: #6e665a;
	font-family: var(--font-mono);
	font-size: 0.75rem; /* 12 */
	font-weight: var(--weight-medium);
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
}

.page-template-template-surplus-home .scard__title {
	margin: 0;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	letter-spacing: 0;
	line-height: 1.2;
}

.page-template-template-surplus-home .scard__title a {
	color: inherit;
	text-decoration: none;
}

.page-template-template-surplus-home .scard__title a:hover {
	color: #19305b;
	text-decoration: underline;
}

.page-template-template-surplus-home .scard__price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-family: var(--font-mono);
	font-size: 1rem;
	font-weight: var(--weight-medium);
	letter-spacing: -0.02em;
	line-height: 1;
}

.page-template-template-surplus-home .scard__price strong {
	color: #19305b;
	font-weight: var(--weight-medium);
}

.page-template-template-surplus-home .scard__method {
	color: #6e665a;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	font-weight: var(--weight-regular);
	letter-spacing: 0;
	line-height: 1.5;
}

.page-template-template-surplus-home .scard__link {
	margin: 0;
	color: #19305b;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	text-decoration: none;
}

.page-template-template-surplus-home .scard__link:hover {
	color: var(--navy-800);
	text-decoration: underline;
}

/* ---- 4. Advertise banner ---- */
.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) {
	align-items: center;
	gap: 32px;
	margin: 0 auto 64px;
	padding: 32px;
	background: #f2f3f5;
	border-radius: 16px;
	max-width: 1340px;
}
@media (max-width: 1440px) {
	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) {
		margin: 0 48px 64px;
	}
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) h2 {
	margin: 0 0 4px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 2.25rem; /* 36 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.02em;
	line-height: 1;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) p {
	margin: 0;
	color: #5c544a;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-regular);
	line-height: 1.5;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) .wp-block-buttons {
	justify-content: flex-end;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) .wp-block-button__link {
	background: #19305b;
	border: 1px solid #19305b;
	color: #fafaf6;
	white-space: nowrap;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) .wp-block-button__link:hover {
	background: var(--navy-800);
	border-color: var(--navy-800);
	color: #fafaf6;
	text-decoration: none;
}

/* ---- 5. Find your next parcel (navy CTA) ---- */
.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) {
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
	padding: 64px 80px;
	background: #19305b;
	text-align: center;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) > .wp-block-column {
	width: 100%;
	max-width: 640px;
	flex-basis: 100% !important;
	margin-inline: auto;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) h2 {
	margin: 0 0 16px;
	color: #fafaf6;
	font-family: var(--font-display);
	font-size: 2.9375rem; /* 47 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em;
	line-height: 1;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) p {
	margin: 0 0 16px;
	color: #fafaf6;
	font-family: var(--font-sans);
	font-size: 1.3125rem; /* 21 */
	font-weight: var(--weight-regular);
	line-height: 1.3;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) .wp-block-buttons {
	justify-content: center;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) .wp-block-button__link {
	background: #fff;
	border: 1px solid #fff;
	color: #19305b;
}

.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) .wp-block-button__link:hover {
	background: #fafaf6;
	border-color: #fafaf6;
	color: var(--navy-800);
	text-decoration: none;
}

/* Mobile — Figma 356:3404 */
@media (max-width: 900px) {
	.page-template-template-surplus-home .page__content > .wp-block-columns:first-child > .wp-block-column {
		text-align: left;
		max-width: 100%;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:first-child {
		padding: 48px 24px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:first-child h1 {
		font-size: 40px;
		text-align: left;
		margin-bottom: 16px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:first-child p {
		font-size: 19px;
		text-align: left;
		margin-left: 0;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		margin-top: 16px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-button,
	.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-button__link {
		width: 100%;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:first-child .wp-block-button__link {
		min-height: 51px;
		padding: 16px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) {
		padding: 48px 24px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > h2 {
		font-size: 33px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column > .wp-block-columns > .wp-block-column {
		padding-right: 0;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) h3 {
		font-size: 23px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(3) {
		padding: 48px 24px;
	}

	.page-template-template-surplus-home .surplus-forsale__title {
		font-size: 33px;
	}

	.page-template-template-surplus-home .surplus-forsale__all--top {
		display: none;
	}

	.page-template-template-surplus-home .surplus-forsale__all--bottom {
		display: block;
	}

	.page-template-template-surplus-home .scard-grid,
	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(3) .scard-grid {
		grid-template-columns: 1fr;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) {
		flex-direction: column;
		align-items: flex-start;
		width: 100vw;
		max-width: 100vw;
		margin-inline: calc(50% - 50vw);
		margin-bottom: 0;
		padding: 48px 24px;
		border-radius: 0;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) > .wp-block-column {
		flex-basis: 100% !important;
		width: 100%;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) h2 {
		font-size: 28px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) .wp-block-buttons {
		justify-content: flex-start;
		width: 100%;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) .wp-block-button,
	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(4) .wp-block-button__link {
		width: 100%;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) {
		padding: 80px 24px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) h2 {
		margin-bottom: 16px;
		color: #fff7f0;
		font-size: 33px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) p {
		color: #fff7f0;
		font-size: 19px;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) .wp-block-button,
	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(5) .wp-block-button__link {
		width: 100%;
	}

	.page-template-template-surplus-home .page__content > .wp-block-columns:nth-child(2) > .wp-block-column {
		padding: 0;
	}
}
/* ---- Surplus Newsletter Confirmation (Figma 350:21830 desktop · 404:6447 / 404:6357 mobile) ----
   Also targets .page-newsletter-confirmation so it works if the page still uses
   template-surplus-newsletter.php or the default page template.
   ----------------------------------------------------------------------- */
.page-template-template-surplus-newsletter-confirmation .site-main,
.page-newsletter-confirmation .site-main {
	background: #fafaf6;
}

.page-template-template-surplus-newsletter-confirmation .page,
.page-newsletter-confirmation .page {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: min(68vh, 720px);
	padding-block: 7.5rem; /* Figma State pad-y 120 */
	padding-inline: var(--gutter);
}

.page-template-template-surplus-newsletter-confirmation .page__content,
.page-newsletter-confirmation .page__content {
	width: 100%;
	max-width: 620px;
	margin-inline: auto;
	text-align: center;
}

.page-template-template-surplus-newsletter-confirmation .prose,
.page-newsletter-confirmation .prose {
	color: var(--color-text);
}

.page-template-template-surplus-newsletter-confirmation .prose > * + *,
.page-newsletter-confirmation .prose > * + * {
	margin-top: 0;
}

/* Check icon — Figma desktop 72 */
.page-template-template-surplus-newsletter-confirmation .page__content > .wp-block-image,
.page-newsletter-confirmation .page__content > .wp-block-image {
	margin: 0 0 16px;
	text-align: center;
}

.page-template-template-surplus-newsletter-confirmation .page__content > .wp-block-image figure,
.page-newsletter-confirmation .page__content > .wp-block-image figure {
	margin: 0 auto;
}

.page-template-template-surplus-newsletter-confirmation .page__content > .wp-block-image img,
.page-newsletter-confirmation .page__content > .wp-block-image img {
	display: block;
	width: 72px !important;
	height: auto !important;
	margin-inline: auto;
}

/* Title — Figma desktop Inter Tight Medium 61 */
.page-template-template-surplus-newsletter-confirmation .page__content > h1,
.page-newsletter-confirmation .page__content > h1 {
	margin: 0 0 16px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 3.8125rem;
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em;
	line-height: 1;
	text-align: center;
}

/* Lede — Figma desktop Inter 21 / 27.3 */
.page-template-template-surplus-newsletter-confirmation .page__content > p,
.page-newsletter-confirmation .page__content > p {
	margin: 0 auto 16px;
	max-width: 40ch;
	color: #5c544a;
	font-size: 1.3125rem;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
}

/* CTA */
.page-template-template-surplus-newsletter-confirmation .wp-block-buttons,
.page-newsletter-confirmation .wp-block-buttons {
	display: flex;
	justify-content: center;
	margin: 16px 0 0;
}

.page-template-template-surplus-newsletter-confirmation .wp-block-button,
.page-newsletter-confirmation .wp-block-button {
	margin: 0;
}

.page-template-template-surplus-newsletter-confirmation .wp-block-button__link,
.page-newsletter-confirmation .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	padding: 12px 24px;
	background: var(--navy-700);
	border: 1px solid var(--navy-700);
	border-radius: 8px;
	color: #fff;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	text-decoration: none;
	transition: background var(--duration) var(--ease), border-color var(--duration) var(--ease);
}

.page-template-template-surplus-newsletter-confirmation .wp-block-button__link strong,
.page-newsletter-confirmation .wp-block-button__link strong {
	font-weight: inherit;
}

.page-template-template-surplus-newsletter-confirmation .wp-block-button__link:hover,
.page-newsletter-confirmation .wp-block-button__link:hover {
	background: var(--navy-800);
	border-color: var(--navy-800);
	color: #fff;
	text-decoration: none;
}

/* Mobile — Figma Success Banner 404:6447 (390 frame) */
@media (max-width: 640px) {
	.page-template-template-surplus-newsletter-confirmation .page,
	.page-newsletter-confirmation .page {
		min-height: 0;
		align-items: stretch;
		padding: 150px 24px;
	}

	.page-template-template-surplus-newsletter-confirmation .page__content,
	.page-newsletter-confirmation .page__content {
		max-width: none;
	}

	/* Icon 56 */
	.page-template-template-surplus-newsletter-confirmation .page__content > .wp-block-image,
	.page-newsletter-confirmation .page__content > .wp-block-image {
		margin: 0 0 24px;
	}

	.page-template-template-surplus-newsletter-confirmation .page__content > .wp-block-image img,
	.page-newsletter-confirmation .page__content > .wp-block-image img {
		width: 56px !important;
	}

	/* Title Inter Tight Medium 33 / ls -0.99 */
	.page-template-template-surplus-newsletter-confirmation .page__content > h1,
	.page-newsletter-confirmation .page__content > h1 {
		margin: 0 0 12px;
		font-size: 33px;
		line-height: 33px;
		letter-spacing: -0.03em;
	}

	/* Lede Inter 16 / 24 — then 24px to CTA */
	.page-template-template-surplus-newsletter-confirmation .page__content > p,
	.page-newsletter-confirmation .page__content > p {
		margin: 0 0 24px;
		max-width: none;
		font-size: 16px;
		line-height: 24px;
	}

	.page-template-template-surplus-newsletter-confirmation .wp-block-buttons,
	.page-newsletter-confirmation .wp-block-buttons {
		display: block;
		width: 100%;
		margin: 0;
	}

	.page-template-template-surplus-newsletter-confirmation .wp-block-button,
	.page-newsletter-confirmation .wp-block-button {
		display: block;
		width: 100%;
	}

	/* Full-bleed CTA — Figma Button h=45, pad 13/24 */
	.page-template-template-surplus-newsletter-confirmation .wp-block-button__link,
	.page-newsletter-confirmation .wp-block-button__link {
		width: 100%;
		min-height: 45px;
		padding: 13px 20px;
	}
}

/* ---- Surplus Newsletter (Figma Hero 350:21794 · Benefits 350:21804 desktop;
         Hero 411:6568 · Benefits 411:6522 mobile) ---------------------------------
   Targets template + .page-surplus-newsletter (slug under surplus context).
   Hero markup lives in the first .wp-block-columns block.
   ----------------------------------------------------------------------- */
.page-template-template-surplus-newsletter .site-main,
.page-surplus-newsletter .site-main {
	background: #fafaf6;
}

.page-template-template-surplus-newsletter .page__head,
.page-surplus-newsletter .page__head {
	display: none;
}

.page-template-template-surplus-newsletter .page__content,
.page-surplus-newsletter .page__content {
	max-width: none;
	margin-inline: 0;
}

.page-template-template-surplus-newsletter .prose,
.page-surplus-newsletter .prose {
	color: var(--color-text);
}

.page-template-template-surplus-newsletter .prose > * + *,
.page-surplus-newsletter .prose > * + * {
	margin-top: 0;
}

.page-newsletter-confirmation .page__content > p.has-text-align-center:first-of-type {
	margin: 0 auto 48px;
	max-width: 38ch;
	color: #5c544a;
	line-height: 1.3;
	text-align: center;
}

/* Hero — Figma 350:21794 pad 80, content stack gap 48 (title block → signup) */
.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1),
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) {
	width: 100vw;
	max-width: 100vw;
	margin: 0;
	margin-inline: calc(50% - 50vw);
	padding: 80px 80px;
	background: #fafaf6;
}

/* Hero title — Inter Tight Medium 80 / ls -2.4 */
.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) h1,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) h1 {
	margin: 0 0 16px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 5rem;
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em;
	line-height: 1;
	text-align: center;
}

/* Lede — Inter 21 / 27.3 #5c544a; 48px to form */
.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) > .wp-block-column > p:first-of-type,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) > .wp-block-column > p:first-of-type {
	margin: 0 auto 48px;
	max-width: 664px;
	color: #5c544a;
	font-size: 1.3125rem;
	line-height: 1.3;
	text-align: center;
}

/* Subscribe row — Figma Signup gap 8, field 529 + btn ~127 inside ~664 */
.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	width: 100%;
	max-width: 664px;
	margin: 0 auto 16px;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .field,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .field {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	min-height: 48px;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #d9d3c6;
	border-radius: 8px;
	box-shadow: none;
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 24px;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .field::placeholder,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .field::placeholder {
	color: #6e665a;
	opacity: 1;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .field:focus,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .field:focus {
	outline: none;
	border-color: var(--navy-700);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--navy-700) 18%, transparent);
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .btn,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .btn {
	flex: 0 0 auto;
	width: fit-content;
	min-height: 43px;
	padding: 12px 20px;
	background: var(--navy-700);
	border: 1px solid var(--navy-700);
	border-radius: 8px;
	color: #fafaf6;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .btn:hover,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .btn:hover {
	background: var(--navy-800);
	border-color: var(--navy-800);
}

/* Free. Unsubscribe anytime. — Inter 12 / 18 */
.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) > .wp-block-column > p:last-of-type,
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) > .wp-block-column > p:last-of-type {
	margin: 0;
	color: #6e665a;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

/* Benefits — Figma 350:21804 bg #f2f3f5, pad 64/48/80, gap 48 */
.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(2),
.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(2) {
	width: 100vw;
	max-width: 100vw;
	margin: 0;
	margin-inline: calc(50% - 50vw);
	background: #f2f3f5;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column {
	width: 100%;
	flex-basis: 100% !important;
	max-width: 1440px;
	padding: 64px 48px 80px;
	margin: 0 auto;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns h2,
.page-surplus-newsletter .page__content > .wp-block-columns h2 {
	margin: 0 0 48px;
	color: #1a1816;
	font-family: var(--font-display);
	font-size: 2.9375rem; /* 47 */
	font-weight: var(--weight-medium);
	letter-spacing: -0.03em;
	line-height: 1;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px 16px;
	align-items: start;
	margin-bottom: 0;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
	margin: 0;
	flex-basis: auto !important;
	width: auto;
}

.page-template-template-surplus-newsletter .page__content .wp-block-list,
.page-surplus-newsletter .page__content .wp-block-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Benefit items — check 27 navy + title/desc gap 4; item gap 24 */
.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li {
	position: relative;
	margin: 0 0 24px;
	padding-left: 39px; /* 27 check + 12 gap */
	color: #1a1816;
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: var(--weight-semibold);
	line-height: 1.2;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li:last-child,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li:last-child {
	margin-bottom: 0;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li::before,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	width: 27px;
	height: 27px;
	color: #19305b;
	font-family: var(--font-display);
	font-size: 27px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1;
	background: none;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li strong,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li strong {
	font-weight: inherit;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list .wp-block-list,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list .wp-block-list {
	margin: 4px 0 0;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list .wp-block-list > li,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list .wp-block-list > li {
	margin: 0;
	padding: 0;
	color: #5c544a;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list .wp-block-list > li::before,
.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list .wp-block-list > li::before {
	content: none;
}

.page-template-template-surplus-newsletter .page__content > p:empty,
.page-surplus-newsletter .page__content > p:empty {
	display: none;
}

@media (max-width: 900px) {
	.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns,
	.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	/* Benefits pad 48/24 */
	.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(2),
	.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(2) {
		padding: 48px 24px;
		background: #f2f3f5;
	}
	.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column, .page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column {
		padding: 0;
	}
}

/* Mobile — Figma Hero 411:6568 · Benefits 411:6522 */
@media (max-width: 640px) {
	/* Hero pad 48 / 24 */
	.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1),
	.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) {
		padding: 48px 23px;
	}

	/* Title 48 / ls -1.44 */
	.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) h1,
	.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) h1 {
		margin-bottom: 16px;
		font-size: 48px;
		line-height: 48px;
		letter-spacing: -0.03em;
	}

	/* Lede 19 / 24.7; 32px to form stack */
	.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) > .wp-block-column > p:first-of-type,
	.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) > .wp-block-column > p:first-of-type {
		margin-bottom: 32px;
		max-width: none;
		font-size: 19px;
		line-height: 24.7px;
	}

	/* Stacked field → button → note, gap 20 */
	.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form,
	.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		max-width: none;
		margin-bottom: 20px;
	}

	.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .field,
	.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .field {
		padding: 12px;
	}

	.page-template-template-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .btn,
	.page-surplus-newsletter .page__content > .wp-block-columns:nth-of-type(1) .newsletter-form .btn {
		width: 100%;
		min-height: 43px;
		padding: 12px 20px;
	}

	.page-template-template-surplus-newsletter .page__content > .wp-block-columns h2,
	.page-surplus-newsletter .page__content > .wp-block-columns h2 {
		margin-bottom: 32px;
		font-size: 33px;
		line-height: 33px;
		letter-spacing: -0.03em;
	}

	.page-template-template-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li,
	.page-surplus-newsletter .page__content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-list > li {
		margin-bottom: 20px;
	}

	.page-template-template-surplus-sold .surplus-list__menu {
		min-width: fit-content;
	}
}

/* Form */
.nf-form-content,
.nf-multi-cell .nf-cell {
	padding: 0 !important;
}
.nf-row:nth-of-type(1) .nf-cell:nth-of-type(1) {
	padding-right: 10px !important;
}
.nf-row:nth-of-type(1) .nf-cell:nth-of-type(2) {
	padding-left: 10px !important;
}
.nf-form-content .label-above .nf-field-label,
.nf-form-content .label-below .nf-field-label,
.nf-form-content .label-hidden .nf-field-label {
	margin-bottom: 0 !important;
}
.nf-form-content .list-select-wrap[data-field-id="11"] .nf-field-element>select {
	border: 1px solid #d8d1c2;
	border-radius: 8px;
}
.nf-form-content .list-select-wrap[data-field-id="11"] .nf-field-element>select:valid {
	color: #1a1816;
}
.nf-form-content .list-select-wrap[data-field-id="11"] .nf-field-element>div {
	background-color: #fff;
	border: none;
}
@media (max-width: 600px) {
	.nf-row:nth-of-type(1) .nf-cell:nth-of-type(1) {
		padding-right: 0 !important;
	}
	.nf-row:nth-of-type(1) .nf-cell:nth-of-type(2) {
		padding-left: 0 !important;
	}
}