/* Reference composition; typography and the site shell retain their live owners. */
.su-marketplace-design { --mp-primary: var(--su-ds-primary, #7b0038); --mp-muted: var(--su-ds-muted, #796c74); --mp-border: var(--su-ds-border, #ece5e9); background: var(--su-ds-background, #fbf9fa); color: var(--su-ds-text, #292329); }
.su-marketplace-design :is(h1,h2,h3) { font-family: var(--su-ds-font-heading, var(--su-font-heading)); text-transform: none; letter-spacing: -.035em; }
.su-mpd-shell { width: min(calc(100% - 48px),var(--su-ds-shell, 1240px)); margin-inline: auto; }
.su-mpd-section { padding-block: var(--su-ds-section-space, 64px); scroll-margin-top: 100px; }
.su-mpd-ambient { background: #f0e9ed; font-size: var(--su-ds-small, 11px); color: #65545d; }
.su-mpd-ambient > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 10px; }
.su-mpd-ambient span { display: flex; align-items: center; gap: 7px; }
.su-mpd-ambient .su-icon { width: 14px; height: 14px; }
.su-marketplace-design a { color: var(--mp-primary); text-underline-offset: 3px; }
.su-marketplace-design a:not(:hover) { text-decoration: none; }
.su-marketplace-design .su-vendor-card__visit { color: #fff; }
.su-mpd-hero { padding: 60px 0 64px; background: radial-gradient(ellipse at 15% 0%,#f3efed,transparent 55%),var(--su-ds-surface-soft, #f5f3f2); }
.su-mpd-intro { max-width: 760px; margin: auto; text-align: center; }
.su-mpd-eyebrow { margin: 0 0 10px; color: var(--mp-primary); font-size: var(--su-ds-small, 11px); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.su-mpd-intro .su-mpd-eyebrow { display: inline-block; margin-bottom: 18px; border: 1px solid var(--mp-border); border-radius: 999px; background: #fff; padding: 6px 12px; font-size: var(--su-ds-small, 11px); }
.su-mpd-intro h1 { margin: 0 auto 20px; font-size: var(--su-ds-display, clamp(28px,3.3vw,43px)); font-weight: 650; line-height: 1.2; text-wrap: balance; }
.su-mpd-intro h1 em { color: var(--mp-primary); font-style: italic; font-weight: inherit; text-decoration: underline; text-decoration-color: var(--su-ds-accent, #f35e84); text-decoration-thickness: .08em; text-underline-offset: .15em; }
.su-mpd-intro > p:last-child { max-width: 620px; margin: auto; color: var(--mp-muted); font-size: var(--su-ds-body, 14px); line-height: 1.85; }
.su-mpd-search { width: min(100%,960px); margin: 32px auto 28px; padding: 24px; background: #fff; border: 1px solid var(--mp-border); border-top: 3px solid var(--su-ds-accent, #f35e84); border-radius: 14px; box-shadow: 0 14px 28px -15px rgb(58 24 41 / 25%); }
.su-mpd-search__fields { display: grid; grid-template-columns: 2fr 1.35fr 1fr 1.2fr; gap: 10px; }
.su-mpd-search label { min-width: 0; margin: 0; }
.su-marketplace-design :is(input:not([type=hidden]),select) { width: 100%; min-width: 0; min-height: 46px; border: 1px solid transparent; border-radius: 8px; background-color: var(--su-ds-surface-soft, #f5f2f4); color: #53444e; padding: 10px 12px; font: 400 12px/1.5 var(--su-ds-font-body, var(--su-font-sans)); }
.su-marketplace-design select { padding-right: 26px; }
.su-marketplace-design :is(input,select):focus { outline: 2px solid #9e1b4f; outline-offset: 2px; }
.su-mpd-search__query { display: flex; align-items: center; background: var(--su-ds-surface-soft, #f5f2f4); border-radius: 8px; }
.su-mpd-search__query > span { margin-left: 12px; display: flex; }
.su-mpd-search__query .su-icon { width: 17px; height: 17px; color: #9e8792; }
.su-marketplace-design .su-mpd-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border: 1px solid var(--mp-primary); border-radius: 8px; background: var(--mp-primary); color: #fff; padding: 12px 18px; font: 600 12px/1.5 var(--su-ds-font-body, var(--su-font-sans)); text-decoration: none; cursor: pointer; }
.su-mpd-button .su-icon { width: 16px; height: 16px; }
.su-marketplace-design .su-mpd-button:hover { background: var(--su-ds-primary-hover, #96144f); }
.su-mpd-chips { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; margin-top: 18px; }
.su-mpd-chips > span { color: #95828d; font-size: var(--su-ds-small, 11px); text-transform: uppercase; }
.su-mpd-chips a { padding: 5px 10px; border-radius: 999px; background: #f2eef0; font-size: var(--su-ds-small, 11px); color: #63535c; }
.su-mpd-chips a:hover, .su-mpd-chips a[aria-current] { background: var(--su-ds-accent, #f35e84); color: var(--su-ds-on-accent, #3f001a); }
.su-mpd-trust { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; max-width: 960px; margin: 0 auto; padding: 0; list-style: none; }
.su-mpd-trust li { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 20px 16px; background: #fff; border: 1px solid var(--mp-border); border-radius: 10px; }
.su-mpd-trust .su-icon { color: var(--su-ds-accent, #f35e84); width: 20px; height: 20px; flex-shrink: 0; }
.su-mpd-trust strong { display: block; font-size: var(--su-ds-label, 12px); font-weight: 600; }
.su-mpd-trust p { margin: 5px 0 0; color: var(--mp-muted); font-size: var(--su-ds-small, 11px); line-height: 1.7; }
.su-mpd-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 26px; }
.su-mpd-heading h2 { font-size: var(--su-ds-heading, clamp(22px,2.1vw,30px)); line-height: 1.25; font-weight: 600; margin: 0; }
.su-mpd-heading h2 + p { color: var(--mp-muted); font-size: var(--su-ds-label, 12px); margin: 9px 0 0; line-height: 1.6; }
.su-mpd-heading > a { flex-shrink: 0; font-size: var(--su-ds-label, 12px); }
.su-mpd-tabs { display: flex; flex-wrap: wrap; gap: 5px; flex-shrink: 0; }
.su-mpd-tabs a { color: #7b6a74; padding: 9px 12px; border-radius: 999px; font-size: var(--su-ds-small, 11px); }
.su-mpd-tabs a[aria-current] { color: var(--mp-primary); background: var(--su-ds-accent-soft, #fde7ee); box-shadow: 0 1px 5px rgb(42 22 33 / 8%); }
.su-mpd-tabs--offers a { border-radius: 7px; }
.su-mpd-tabs--offers a[aria-current] { color: #fff; background: var(--mp-primary); }
.su-mpd-categories { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 16px; }
.su-mpd-category { position: relative; min-width: 0; aspect-ratio: 4 / 5; background: #d2b6c2; border-radius: 10px; overflow: hidden; isolation: isolate; }
.su-mpd-category > img, .su-mpd-category__fallback { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.su-mpd-category__fallback { display: grid; place-items: center; background: linear-gradient(135deg,#eae4e0,#6f484c); color: #fff; }
.su-mpd-category__fallback .su-icon { width: 48px; height: 48px; }
.su-mpd-category--requests .su-mpd-category__fallback { background: linear-gradient(135deg,#e8e1dd,#764246); }
.su-mpd-category::after { position: absolute; inset: 20% 0 0; content: ''; background: linear-gradient(transparent, rgb(32 13 15 / 78%)); pointer-events: none; }
.su-mpd-category > div { position: absolute; z-index: 1; inset: auto 12px 14px; }
.su-mpd-category > div > span { display: inline-block; color: #fff; background: var(--su-ds-primary, #7b0038); font-size: var(--su-ds-small, 11px); line-height: 1.5; border-radius: 4px; padding: 2px 5px; margin-bottom: 5px; }
.su-mpd-category h3 { color: #fff; font-family: var(--su-ds-font-body, var(--su-font-sans)); font-size: var(--su-ds-body, 14px); line-height: 1.3; font-weight: 600; margin: 0; letter-spacing: -.01em; }
.su-mpd-category:hover > img { transform: scale(1.035); }
.su-mpd-all-categories { margin-top: 16px; font-size: var(--su-ds-label, 12px); color: #795e6c; }
.su-mpd-all-categories summary { cursor: pointer; }
.su-mpd-all-categories .su-mpd-chips { justify-content: start; }
.su-mpd-offers { background: var(--su-ds-surface-soft, #f5f2f4); }
.su-mpd-refine { margin: 0 0 20px; padding: 12px 16px; border: 1px solid var(--mp-border); border-radius: 9px; background: rgb(255 255 255 / 65%); font-size: var(--su-ds-label, 12px); }
.su-mpd-refine summary { cursor: pointer; color: #69515e; }
.su-mpd-refine form { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; gap: 12px; align-items: end; padding-top: 18px; }
.su-mpd-refine label { display: grid; gap: 5px; font-size: var(--su-ds-small, 11px); }
.su-mpd-refine form > a { grid-column: 1 / -1; font-size: var(--su-ds-small, 11px); }
.su-marketplace-design .woocommerce-result-count { float: none; display: block; margin: 0 0 16px; font-size: var(--su-ds-small, 11px); color: var(--mp-muted); }
.su-marketplace-design ul.products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; padding: 0; margin: 0; list-style: none; }
.su-marketplace-design ul.products::before, .su-marketplace-design ul.products::after { display: none; }
.su-marketplace-design .woocommerce-pagination { margin-top: 32px; text-align: center; }
.su-marketplace-design .page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; padding: 0; }
.su-marketplace-design .page-numbers li a, .su-marketplace-design .page-numbers li span { display: inline-flex; min-width: 42px; min-height: 42px; align-items: center; justify-content: center; padding: 8px 14px; background: #fff; border-radius: 999px; font-size: var(--su-ds-label, 12px); }
.su-marketplace-design .page-numbers li .current { background: var(--mp-primary); color: #fff; }
.su-mpd-process { background: var(--su-ds-surface-soft, #f5f2f4); }
.su-mpd-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 40px; }
.su-mpd-stats > div { padding: 24px 12px; text-align: center; background: #fff; border: 1px solid var(--mp-border); border-radius: 14px; }
.su-mpd-stats strong { display: flex; justify-content: center; color: var(--mp-primary); font: 600 32px/1.3 var(--su-ds-font-heading, var(--su-font-heading)); }
.su-mpd-stats strong .su-icon { width: 36px; height: 36px; }
.su-mpd-stats span { display: block; font-size: var(--su-ds-small, 11px); color: #715e69; margin-top: 7px; }
.su-mpd-steps { background: #fff; border: 1px solid var(--mp-border); border-radius: 20px; padding: 42px 36px; }
.su-mpd-heading--center { justify-content: center; text-align: center; }
.su-mpd-steps ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; margin: 42px 0 0; padding: 0; list-style: none; }
.su-mpd-steps li { text-align: center; }
.su-mpd-steps li > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 50%; margin: 0 auto 16px; background: var(--su-ds-accent-soft, #fde7ee); color: var(--su-ds-on-accent, #3f001a); font-weight: 650; font-size: 17px; }
.su-mpd-steps li:last-child > span { background: var(--mp-primary); color: #fff; }
.su-mpd-steps h3 { font-size: 13px; font-family: var(--su-ds-font-body, var(--su-font-sans)); letter-spacing: 0; margin: 0 0 7px; }
.su-mpd-steps li p { color: var(--mp-muted); font-size: var(--su-ds-small, 11px); line-height: 1.75; margin: 0; }
.su-mpd-faq { max-width: 820px; }
.su-mpd-faq details { background: #fff; border: 1px solid var(--mp-border); border-radius: 10px; margin-top: 12px; }
.su-mpd-faq summary { padding: 20px 24px; cursor: pointer; font-size: 13px; font-weight: 550; }
.su-mpd-faq details > p { margin: 0; padding: 0 24px 22px; font-size: var(--su-ds-label, 12px); line-height: 1.85; color: var(--mp-muted); }
.su-mpd-faq__links { text-align: center; margin: 22px 0 0; font-size: var(--su-ds-small, 11px); line-height: 2; }
.su-mpd-sell { background: #ece7ea; padding-block: 54px; }
.su-mpd-sell > div { display: flex; align-items: center; justify-content: space-between; gap: 48px; padding: 52px 60px; border-radius: 20px; background: linear-gradient(115deg,#682b30,var(--su-ds-primary, #572428)); box-shadow: 0 8px 16px rgb(68 10 36 / 15%); color: #fff; }
.su-mpd-sell > div > div { max-width: 660px; }
.su-mpd-sell .su-mpd-eyebrow { color: #efd1df; }
.su-mpd-sell h2 { color: #fff; max-width: 530px; font-size: clamp(24px,2.4vw,34px); line-height: 1.25; margin: 0 0 16px; }
.su-mpd-sell p:last-child { color: #f0dce5; font-size: 13px; line-height: 1.8; margin: 0; }
.su-marketplace-design .su-mpd-button--light { flex-shrink: 0; background: #fff; color: var(--mp-primary); border-color: #fff; border-radius: 999px; padding-inline: 24px; }
.su-marketplace-design .su-mpd-button--light:hover { background: #f8e7ef; }
.su-marketplace-design :is(a,button,summary):focus-visible { outline: 3px solid var(--su-ds-primary, #7b0038); box-shadow: 0 0 0 6px var(--su-ds-accent-soft, #fde7ee); outline-offset: 4px; }
@media (max-width: 1100px) {
	.su-mpd-heading { align-items: start; flex-direction: column; gap: 18px; }
	.su-mpd-heading--center { align-items: center; }
	.su-mpd-categories { gap: 10px; }
	.su-mpd-category h3 { font-size: var(--su-ds-label, 12px); }
	.su-marketplace-design ul.products { gap: 16px; }
	.su-mpd-sell > div { padding: 40px 32px; gap: 28px; }
}
@media (max-width: 800px) {
	.su-mpd-search__fields { grid-template-columns: 1fr 1fr; }
	.su-mpd-trust { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.su-mpd-categories { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
	.su-marketplace-design ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.su-mpd-refine form { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.su-mpd-stats, .su-mpd-steps ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.su-mpd-sell > div { flex-direction: column; align-items: start; }
}
@media (max-width: 480px) {
	.su-mpd-shell { width: calc(100% - 28px); }
	.su-mpd-section { padding-block: 40px; }
	.su-mpd-ambient { font-size: 8px; }
	.su-mpd-ambient > div { gap: 8px; }
	.su-mpd-hero { padding: 34px 0; }
	.su-mpd-intro > p:last-child { font-size: var(--su-ds-label, 12px); }
	.su-mpd-search { margin-block: 24px 18px; padding: 14px; }
	.su-mpd-search__query, .su-mpd-search__fields > button { grid-column: 1 / -1; }
	.su-mpd-chips { gap: 6px; justify-content: start; }
	.su-mpd-chips a { font-size: var(--su-ds-small, 11px); }
	.su-mpd-trust { gap: 8px; }
	.su-mpd-trust li { padding: 14px 10px; gap: 8px; }
	.su-mpd-trust strong { font-size: var(--su-ds-small, 11px); }
	.su-mpd-trust p { font-size: var(--su-ds-small, 11px); }
	.su-mpd-trust .su-icon { width: 16px; height: 16px; }
	.su-mpd-categories { gap: 9px; }
	.su-mpd-category > div { inset: auto 8px 10px; }
	.su-mpd-category h3 { font-size: var(--su-ds-small, 11px); }
	.su-mpd-category > div > span { font-size: 8px; }
	.su-marketplace-design ul.products { gap: 12px; }
	.su-mpd-tabs a { padding: 9px 10px; }
	.su-mpd-stats { gap: 10px; margin-bottom: 24px; }
	.su-mpd-stats > div { padding: 20px 10px; }
	.su-mpd-steps { padding: 28px 18px; }
	.su-mpd-steps ol { gap: 24px 14px; margin-top: 28px; }
	.su-mpd-steps li > span { width: 44px; height: 44px; }
	.su-mpd-faq summary { padding: 17px; font-size: var(--su-ds-label, 12px); }
	.su-mpd-faq details > p { padding: 0 17px 17px; }
	.su-mpd-sell > div { padding: 30px 24px; }
}
@media (prefers-reduced-motion: reduce) { .su-mpd-category > img { transition: none; } }