/* Shared STAR Blocks surface for plugin-owned local public routes. */
body.star-public-surface-page {
	--star-public-ink: #153824;
	--star-public-brand: #007c35;
	--star-public-deep: #06351f;
	--star-public-paper: #f5f8f5;
	--star-public-line: #d8e5db;
	background: var(--star-public-paper);
	color: var(--star-public-ink);
}

body.star-public-surface-page .site-content,
body.star-public-surface-page .site-content > .ast-container,
body.star-public-surface-page .site-content > .ast-container > .content-area,
body.star-public-surface-page .content-area,
body.star-public-surface-page .site-main {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.star-public-surface-page .ast-archive-entry-banner,
body.star-public-surface-page header.entry-header,
body.star-public-surface-page .ast-single-post-order,
body.star-public-surface-page .ast-author-box,
body.star-public-surface-page .comments-area {
	display: none !important;
}

.star-public-surface {
	background: var(--star-public-paper);
}

.star-public-surface__hero {
	position: relative;
	overflow: hidden;
	padding: clamp(36px, 6vw, 76px) max(20px, calc((100vw - 1180px) / 2));
	background: radial-gradient(circle at 82% -10%, rgba(111, 190, 117, .45), transparent 34%), radial-gradient(circle at 8% 110%, rgba(88, 174, 99, .28), transparent 30%), linear-gradient(118deg, #042716 0%, #075127 46%, #0a6530 100%);
	color: #fff;
}

.star-public-surface__hero::after {
	position: absolute;
	right: -110px;
	bottom: -185px;
	width: 480px;
	height: 480px;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 50%;
	box-shadow: 0 0 0 60px rgba(255,255,255,.035), 0 0 0 120px rgba(255,255,255,.025);
	content: "";
}

.star-public-surface__hero-inner,
.star-public-surface__content {
	position: relative;
	z-index: 1;
	width: min(100%, 1180px);
	margin-inline: auto;
}

.star-public-surface__breadcrumbs {
	width: max-content;
	max-width: 100%;
	margin: 0 0 24px;
	overflow-x: auto;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 999px;
	background: rgba(5,31,17,.28);
	color: rgba(255,255,255,.72);
	font-size: 12px;
	font-weight: 760;
	white-space: nowrap;
	scrollbar-width: none;
}

.star-public-surface__breadcrumbs::-webkit-scrollbar { display: none; }
.star-public-surface__breadcrumbs ol { display: flex; align-items: center; gap: 9px; margin: 0; padding: 9px 12px; list-style: none; }
.star-public-surface__breadcrumbs li + li::before { margin-right: 9px; color: rgba(255,255,255,.5); content: "/"; }
.star-public-surface__breadcrumbs a { color: #fff; text-decoration: none; }
.star-public-surface__breadcrumbs a:hover, .star-public-surface__breadcrumbs a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.star-public-surface__eyebrow { margin: 0 0 10px; color: #b9e7c4; font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.star-public-surface__hero h1 { max-width: 850px; margin: 0; color: #fff; font-size: clamp(42px, 7vw, 78px); font-weight: 760; letter-spacing: -.06em; line-height: .94; text-wrap: balance; }
.star-public-surface__description { max-width: 690px; margin: 20px 0 0; color: rgba(255,255,255,.85); font-size: clamp(17px,2vw,22px); line-height: 1.45; }
.star-public-surface__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.star-public-surface__actions a { display: inline-flex; min-height: 42px; align-items: center; padding: 9px 15px; border: 1px solid rgba(255,255,255,.32); border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; }
.star-public-surface__actions a:hover, .star-public-surface__actions a:focus-visible { border-color: rgba(255,255,255,.64); background: rgba(255,255,255,.2); color: #fff; outline: 3px solid rgba(255,255,255,.22); outline-offset: 2px; }
.star-public-surface__actions a.button { border-color: #fff; background: #fff; color: #075127; }
.star-public-surface__actions a.button:hover, .star-public-surface__actions a.button:focus-visible { background: #e8f5eb; color: #053a1d; }

.star-public-surface__canvas { padding: clamp(30px, 5vw, 66px) max(20px, calc((100vw - 1180px) / 2)) clamp(52px, 8vw, 100px); }
.star-public-surface__content { min-width: 0; }

.star-public-surface .star-classifieds__catalogue,
.star-public-surface .star-classifieds__single,
.star-public-surface .star-classifieds__form { max-width: none; margin: 0; padding: 0; }
.star-public-surface .star-classifieds__catalogue-header { margin-bottom: 24px; }
.star-public-surface .star-classifieds__categories { gap: 9px; margin: 0 0 22px; }
.star-public-surface .star-classifieds__categories a { border-color: var(--star-public-line); background: #fff; color: #1c4f33; font-size: 13px; font-weight: 800; }
.star-public-surface .star-classifieds__categories a:hover, .star-public-surface .star-classifieds__categories a:focus-visible { border-color: var(--star-public-brand); background: #eff8f1; color: #006b2d; outline: 3px solid rgba(0,124,53,.12); outline-offset: 2px; }
.star-public-surface .star-classifieds__filters { margin: 0 0 24px; }
.star-public-surface .star-classifieds__filters fieldset,
.star-public-surface .star-classifieds__form fieldset { border-color: var(--star-public-line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(18,33,58,.045); }
.star-public-surface .star-classifieds__filters legend,
.star-public-surface .star-classifieds__form legend { color: var(--star-public-ink); }
.star-public-surface .star-classifieds__filters input,
.star-public-surface .star-classifieds__filters textarea,
.star-public-surface .star-classifieds__filters select,
.star-public-surface .star-classifieds__form input,
.star-public-surface .star-classifieds__form textarea,
.star-public-surface .star-classifieds__form select { border-color: #b9c4d0; border-radius: 9px; }
.star-public-surface .star-classifieds__filters input:focus,
.star-public-surface .star-classifieds__filters textarea:focus,
.star-public-surface .star-classifieds__filters select:focus,
.star-public-surface .star-classifieds__form input:focus,
.star-public-surface .star-classifieds__form textarea:focus,
.star-public-surface .star-classifieds__form select:focus { border-color: var(--star-public-brand); outline: 3px solid rgba(0,124,53,.15); }
.star-public-surface .star-classifieds__filters button,
.star-public-surface .star-classifieds__form button,
.star-public-surface .star-classifieds__reveal { border-radius: 9px; background: var(--star-public-brand); }
.star-public-surface .star-classifieds__filters button:hover,
.star-public-surface .star-classifieds__filters button:focus-visible,
.star-public-surface .star-classifieds__form button:hover,
.star-public-surface .star-classifieds__form button:focus-visible,
.star-public-surface .star-classifieds__reveal:hover,
.star-public-surface .star-classifieds__reveal:focus-visible { background: var(--star-public-deep); outline: 3px solid rgba(0,124,53,.16); outline-offset: 2px; }
.star-public-surface .star-classifieds__results-count { color: #496754; }
.star-public-surface .star-classifieds__organic > h2,
.star-public-surface .star-classifieds__promoted > h2 { color: var(--star-public-ink); font-size: clamp(25px,3vw,36px); letter-spacing: -.04em; }
.star-public-surface .star-classifieds__grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.star-public-surface .star-classifieds__card { border-color: rgba(17,57,34,.11); border-radius: 16px; box-shadow: 0 9px 24px rgba(13,57,31,.055); transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
.star-public-surface .star-classifieds__card:hover, .star-public-surface .star-classifieds__card:focus-within { border-color: #9ec8aa; box-shadow: 0 18px 38px rgba(18,33,58,.11); transform: translateY(-2px); }
.star-public-surface .star-classifieds__card > div { display: grid; gap: 8px; padding: 17px; }
.star-public-surface .star-classifieds__card h3 { color: var(--star-public-ink); font-size: 20px; line-height: 1.15; letter-spacing: -.025em; }
.star-public-surface .star-classifieds__card h3 a { color: inherit; text-decoration: none; }
.star-public-surface .star-classifieds__card h3 a:hover, .star-public-surface .star-classifieds__card h3 a:focus-visible { color: var(--star-public-brand); text-decoration: underline; text-underline-offset: 3px; }
.star-public-surface .star-classifieds__card img { height: 180px; }
.star-public-surface .star-classifieds__meta,
.star-public-surface .star-classifieds__seller { color: #506c5a; }
.star-public-surface .star-classifieds__price { color: var(--star-public-ink); }
.star-public-surface .star-classifieds__promoted { border-color: #ddc477; border-radius: 18px; background: #fffdf4; }
.star-public-surface .star-classifieds__empty,
.star-public-surface .star-classifieds__company-context { border: 1px solid var(--star-public-line); background: #fff; }
.star-public-surface .star-classifieds__safety { border-left-color: var(--star-public-brand); border-radius: 0 12px 12px 0; background: #edf8ef; }
.star-public-surface .star-classifieds__pagination a { border-color: var(--star-public-line); color: #22543a; font-weight: 800; }
.star-public-surface .star-classifieds__pagination a[aria-current=page] { border-color: var(--star-public-brand); background: var(--star-public-brand); }
.star-public-surface .star-classifieds__single { display: grid; gap: 22px; }
.star-public-surface .star-classifieds__single-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; color: #506c5a; font-size: 14px; font-weight: 750; }
.star-public-surface .star-classifieds__single-meta p { margin: 0; }
.star-public-surface .star-classifieds__single-meta .star-classifieds__price { color: var(--star-public-ink); font-size: 18px; }
.star-public-surface .star-classifieds__single-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.star-public-surface .star-classifieds__single-gallery img { display: block; width: 100%; height: 280px; border-radius: 16px; object-fit: cover; }
.star-public-surface .star-classifieds__single-gallery img:only-child { grid-column: 1 / -1; height: min(54vw, 520px); }
.star-public-surface .star-classifieds__single-body { max-width: 780px; color: #26354c; font-size: clamp(17px,1.45vw,20px); line-height: 1.75; }
.star-public-surface .star-classifieds__single-body > :first-child { margin-top: 0; }
.star-public-surface .star-classifieds__single-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.star-public-surface .star-classifieds__single-actions > a { color: #22543a; font-size: 14px; font-weight: 800; }
.star-public-surface .star-classifieds__single-actions > a:hover, .star-public-surface .star-classifieds__single-actions > a:focus-visible { color: var(--star-public-brand); }

@media (max-width: 700px) {
	.star-public-surface__hero { padding: 28px 16px 36px; }
	.star-public-surface__hero h1 { font-size: clamp(38px, 12vw, 56px); }
	.star-public-surface__description { font-size: 16px; }
	.star-public-surface__canvas { padding: 28px 16px 52px; }
	.star-public-surface .star-classifieds__grid { grid-template-columns: 1fr; gap: 14px; }
	.star-public-surface .star-classifieds__card { border-radius: 14px; }
	.star-public-surface .star-classifieds__single-gallery { grid-template-columns: 1fr; }
	.star-public-surface .star-classifieds__single-gallery img,
	.star-public-surface .star-classifieds__single-gallery img:only-child { height: auto; min-height: 220px; aspect-ratio: 16 / 10; }
}