@import url('assets/fonts/manrope.css');

:root {
  --mp-ink:#142a25; --mp-muted:#596b61; --mp-petrol:#103c37;
  --mp-deep:#092823; --mp-jade:#d7ee86; --mp-paper:#f6f4ee;
  --mp-line:#d6dcd2; --mp-width:1680px; --mp-gutter:clamp(24px,4.5vw,80px);
}
body.mp-marketplace {background:var(--mp-paper);color:var(--mp-ink);font-family:Manrope,Arial,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
.mp-marketplace h1,.mp-marketplace h2,.mp-marketplace h3 {font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.055em;color:var(--mp-ink);line-height:1.08}
.mp-marketplace h1 {font-size:clamp(42px,5vw,84px)}
.mp-marketplace h2 {font-size:clamp(36px,3.6vw,58px)}
.mp-marketplace h3 {font-size:26px;letter-spacing:-.035em}
.mp-marketplace a {color:var(--mp-petrol)}
.mp-marketplace a:focus-visible,.mp-marketplace button:focus-visible,.mp-marketplace input:focus-visible,.mp-marketplace select:focus-visible {outline:3px solid #608827;outline-offset:4px}
/* Split editorial hero, with the artwork kept clear of the copy. */
.mp-marketplace.home .entry-content>.wp-block-cover {margin:0 auto;max-width:var(--mp-width)}
.mp-marketplace .entry-content .mp-hero {padding:0;background:var(--mp-paper);position:relative;color:var(--mp-ink);min-height:560px!important;overflow:visible}
.mp-marketplace .entry-content .mp-hero .wp-block-cover__image-background {inset:26px var(--mp-gutter) 26px auto;width:48%;height:calc(100% - 52px);object-position:81% center!important;border-radius:8px}
.mp-marketplace .entry-content .mp-hero .wp-block-cover__background {display:none}
.mp-marketplace .entry-content .mp-hero .wp-block-cover__inner-container {max-width:none;margin:0 auto;padding:58px var(--mp-gutter) 76px;box-sizing:border-box;width:100%;z-index:2;pointer-events:none}
.mp-hero .wp-block-cover__inner-container>* {pointer-events:auto;max-width:47%}
.mp-marketplace .entry-content .mp-hero h1 {font-size:clamp(64px,7.5vw,124px);font-weight:800;line-height:1.01;color:var(--mp-ink);margin:25px 0 25px;letter-spacing:-.07em}
.mp-marketplace .entry-content .mp-hero h1 em {font-style:normal;color:var(--mp-petrol)}
.website-wrapper .mp-hero p.mp-eyebrow {font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--mp-ink);margin:0;display:flex;align-items:center;gap:10px}
.website-wrapper .mp-hero p.mp-eyebrow:before {content:'';width:7px;height:7px;background:#789a32;border-radius:50%;flex-shrink:0}
.website-wrapper .mp-hero p.mp-hero-description {font-size:18px;line-height:1.65;color:var(--mp-muted);margin:0 0 26px;max-width:380px}
.website-wrapper .mp-hero-link {font-size:15px;font-weight:800;margin:0}
.mp-hero-link a {display:inline-flex;align-items:center;gap:28px}
.mp-hero-link span {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #abb7a8;border-radius:50%;font-size:21px}

/* Search remains a real form, shared with the catalogue. */
.mp-marketplace .mp-finder {max-width:var(--mp-width);margin:-44px auto 0;padding:0 var(--mp-gutter);position:relative;z-index:3}
.mp-marketplace .mp-search {background:#fff;border:1px solid var(--mp-line);border-radius:8px;padding:24px 28px;color:var(--mp-ink);width:100%;margin:0;box-shadow:0 10px 30px #09282306;box-sizing:border-box}
.mp-finder .mp-search-heading {display:none}
.mp-search-heading {font-weight:800;font-size:17px;margin-bottom:13px;display:flex;align-items:center;gap:12px;letter-spacing:-.025em}
.mp-search-fields {display:flex;align-items:stretch;gap:12px}
.mp-search-fields label {flex:0 0 26%;margin:0;min-width:0}
.mp-search-fields label.mp-keyword {flex:1}
.mp-search-fields label>span {position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.mp-marketplace .entry-content input[type=search],.mp-marketplace .entry-content input[type=text],.mp-marketplace .entry-content input[type=email],.mp-marketplace .entry-content input[type=password],.mp-marketplace .entry-content input[type=number],.mp-marketplace .entry-content textarea,.mp-marketplace .entry-content select {background:#fff;color:var(--mp-ink);border:1px solid #afbaac;border-radius:4px;box-shadow:none;padding:15px 17px;font-family:inherit;font-size:17px;min-height:54px;max-width:100%}
.mp-search-fields input,.mp-search-fields select {width:100%;height:58px!important}
.mp-marketplace .entry-content button,.mp-marketplace .entry-content .button,.mp-marketplace .wp-block-button__link,.mp-marketplace .entry-content input[type=submit] {background:var(--mp-petrol);color:white;border:0;border-radius:5px;padding:16px 26px;font-family:inherit;font-weight:800;line-height:1.5;font-size:16px;text-decoration:none;min-height:54px;cursor:pointer;transition:background .2s ease,transform .2s ease}
.mp-marketplace .entry-content button:hover,.mp-marketplace .entry-content .button:hover,.mp-marketplace .wp-block-button__link:hover {background:var(--mp-deep);color:#fff}
.mp-search-fields button {white-space:nowrap;min-width:190px;background:var(--mp-jade);color:var(--mp-deep);font-size:17px}
.mp-search-fields button:hover {background:#c5e371;color:var(--mp-deep)}
.mp-search-fields button span {padding-left:28px;font-size:21px}
.website-wrapper .mp-search>p {font-size:12px;line-height:1.6;color:var(--mp-muted);margin:11px 0 0}

.mp-makes {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px var(--mp-gutter);max-width:var(--mp-width);margin:auto}
.mp-makes .mp-eyebrow {max-width:110px;line-height:1.6;margin:0;flex-shrink:0;font-size:11px;color:var(--mp-muted)}
.mp-makes>a {display:flex;align-items:center;gap:14px;min-width:80px;font-size:13px;font-weight:700}
.mp-makes img {object-fit:contain;width:38px;height:34px;transition:transform .2s}
.mp-makes a:hover img {transform:translateY(-3px)}
.mp-marketplace .mp-makes-band {background:var(--mp-paper);border-bottom:1px solid var(--mp-line)}

/* Different scales distinguish category discovery from product browsing. */
.mp-marketplace .mp-section {max-width:var(--mp-width);margin:auto;padding:80px var(--mp-gutter) 0;box-sizing:border-box}
.mp-marketplace .mp-section h2 {margin:0 0 36px;max-width:1000px}
.mp-section-heading {position:relative;padding-right:185px;margin-bottom:32px}
.mp-marketplace .mp-section-heading h2 {margin:0;max-width:900px;font-size:clamp(34px,3.3vw,53px)}
.mp-section-heading .mp-eyebrow {margin-bottom:13px;color:var(--mp-muted)}
.mp-section-link {position:absolute;right:0;bottom:3px;margin:0;font-size:14px;font-weight:800}
.mp-section-link a {display:inline-flex;align-items:center;gap:22px}
.mp-section-link span {font-size:24px}
.mp-category-grid {display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:230px 230px;gap:18px}
.mp-category {position:relative;display:block;background:#e8ebe2;border-radius:7px;overflow:hidden}
.mp-category img {width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.mp-category:hover img {transform:scale(1.035)}
.mp-category-engine-parts {grid-row:span 2}
.mp-category-engine-parts {background:#e0e4d8}
.mp-category-engine-parts img {position:absolute;top:50%;height:auto;transform:translateY(-50%);mix-blend-mode:multiply;mask-image:linear-gradient(transparent,#000 18%,#000 80%,transparent)}
.mp-category-engine-parts:hover img {transform:translateY(-50%) scale(1.035)}
.mp-category-wheels-tyres {grid-column:span 2}
.mp-category-wheels-tyres {background:#e5e7de}
.mp-category-wheels-tyres img {position:absolute;right:3%;width:48%;object-fit:cover;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.mp-category-number {position:absolute;left:22px;top:18px;color:#405847;font-size:12px;z-index:1;font-weight:800;letter-spacing:.06em}
.mp-category-title {position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:42px 22px 20px;background:linear-gradient(transparent,#e6eae1 72%);font-size:21px;line-height:1.25;font-weight:800;letter-spacing:-.045em}
.mp-category-engine-parts .mp-category-title {font-size:29px;background:linear-gradient(transparent,#dfe4d7 75%);padding-bottom:25px}
.mp-category-wheels-tyres .mp-category-title {top:0;bottom:0;right:auto;width:48%;align-items:flex-end;background:linear-gradient(90deg,#e5e7de 50%,transparent);font-size:26px}
.mp-category-wheels-tyres .mp-category-number {z-index:2}
.mp-category-title>span {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid #8b9c86;border-radius:50%;font-weight:400;font-size:24px}
.mp-category-links {display:flex;flex-wrap:wrap;gap:0 26px;margin-top:20px}
.mp-category-links>a {display:inline-flex;align-items:center;gap:14px;padding:10px 0;font-size:14px;font-weight:600;background:transparent}
.mp-category-links>a:after {content:'↗';font-size:18px;color:#73836b}
.mp-category-links>a:hover {color:#587e2b}
.mp-marketplace .mp-section>.wp-block-shortcode {margin-bottom:0}

/* An actual workshop photograph grounds the supplier section. */
.mp-marketplace .mp-seller-story {max-width:calc(var(--mp-width) - var(--mp-gutter)*2);margin:86px var(--mp-gutter) 0;background:var(--mp-deep);border-radius:8px;overflow:hidden}
.mp-seller-story .wp-block-columns {gap:0;margin:0;align-items:stretch!important}
.mp-marketplace .entry-content .mp-seller-story .wp-block-column {min-width:0;margin:0}
.mp-seller-story .wp-block-column:first-child {flex-basis:48%!important}
.mp-seller-story .wp-block-column:last-child {padding:clamp(36px,4.8vw,76px);flex-basis:52%!important}
.mp-marketplace .entry-content .mp-seller-story figure {height:100%;margin:0}
.mp-seller-story figure img {height:100%;width:100%;object-fit:cover;max-height:700px;object-position:center 47%}
.mp-marketplace .mp-seller-story h2 {font-size:clamp(38px,4.2vw,64px);line-height:1.04;color:var(--mp-paper);margin:0 0 22px}
.mp-marketplace .mp-seller-story p {color:#cedace;font-size:16px;max-width:450px}
.mp-marketplace .mp-seller-story .mp-eyebrow {color:var(--mp-jade);font-size:11px;margin-bottom:24px}
.mp-seller-benefits {border-top:1px solid #355044;margin:28px 0}
.mp-marketplace .mp-seller-benefits p {border-bottom:1px solid #355044;padding:13px 0;margin:0;color:#9bac98;font-size:12px;max-width:none}
.mp-seller-benefits strong {color:var(--mp-paper);margin-left:24px;font-size:14px;font-weight:600}
.mp-marketplace .entry-content .mp-seller-story .wp-block-button__link {background:var(--mp-jade);color:var(--mp-deep);font-size:15px;padding:15px 24px}
.mp-seller-story .wp-block-button__link span {margin-left:28px;font-size:20px}
.mp-marketplace .entry-content .mp-seller-story .wp-block-button__link:hover {background:#c8e775}
.mp-marketplace .mp-steps {padding-top:88px;padding-bottom:80px}
.mp-marketplace .mp-steps h2 {font-size:clamp(34px,3.3vw,53px);max-width:770px}
.mp-steps .wp-block-columns {gap:48px;margin-top:40px;margin-bottom:0}
.mp-steps .wp-block-column {border-top:1px solid #adbaa6;padding-top:22px}
.mp-steps h3 {margin:15px 0;font-size:24px;line-height:1.25}
.mp-steps p {font-size:15px;max-width:430px;color:var(--mp-muted)}
.mp-steps .mp-step-number {font-size:12px;font-weight:800;color:var(--mp-petrol)}