/* My Parquet: page content and footer styles. All rules are scoped to .mp-content and .mp-footer */
.mp-main { margin: 0; padding: 0; }
.mp-content {
	--mp-w: 1140px;
	--mp-gutter: max(1rem, calc((100% - var(--mp-w)) / 2));
	--mp-charcoal: #2B2724; --mp-walnut: #6B4A33; --mp-oak: #C49A6C; --mp-oak-light: #EADBC8;
	--mp-cream: #F7F1E8; --mp-cream-light: #FCF9F4; --mp-cta: #E8891C; --mp-muted: #5E564F;
	--mp-shadow: 0 1px 2px rgba(43,39,36,.06), 0 8px 24px rgba(43,39,36,.08);
	font-size: 1.0625rem; line-height: 1.7; color: var(--mp-charcoal); overflow-wrap: break-word;
}
.mp-content > * { margin-block: 0; }
.mp-content .mp-sec { margin: 0; max-width: none; padding: clamp(2.25rem, 6vw, 4.5rem) var(--mp-gutter); }
.mp-content .mp-sec > * { margin-block: 0; }
.mp-content .mp-sec > * + * { margin-block-start: 1.1rem; }
.mp-content .mp-alt { background: var(--mp-cream-light); }
.mp-content .mp-narrow { --mp-w: 820px; }
.mp-content .mp-cta-sec { padding-block: 0; }
.mp-content .mp-cta-sec .mpc-cta { margin-block: 0; }
.mp-content .mp-cta-sec + .mp-sec:not(.mp-alt):not(.mp-band) { padding-block-start: clamp(2.25rem, 6vw, 4.5rem); }
.mp-content .mp-sec:not(.mp-alt):not(.mp-band) + .mp-cta-sec { margin-block-start: -1rem; }
.mp-content .mp-alt + .mp-cta-sec, .mp-content .mp-band + .mp-cta-sec { padding-block-start: clamp(2rem, 5vw, 3.5rem); }
.mp-content .mp-cta-sec:has(+ .mp-alt), .mp-content .mp-cta-sec:has(+ .mp-band) { padding-block-end: clamp(2rem, 5vw, 3.5rem); }

/* typography */
.mp-content h1 { font-size: clamp(1.9rem, 6.2vw, 3.25rem); line-height: 1.15; font-weight: 800; margin: 0; letter-spacing: -.01em; }
.mp-content h2 { font-size: clamp(1.5rem, 4.4vw, 2.25rem); line-height: 1.2; font-weight: 800; margin-block-end: 0; }
.mp-content h3 { font-size: 1.25rem; line-height: 1.3; font-weight: 700; margin: 0; }
.mp-content p { margin-block-end: 0; }
.mp-content .mp-sec > h2 + p { max-width: 62ch; color: var(--mp-muted); margin-block-start: .6rem; }
.mp-content a { color: var(--mp-walnut); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; font-weight: 600; }
.mp-content a:hover { color: var(--mp-charcoal); }
.mp-content .mp-eyebrow { font-size: .9375rem; font-weight: 700; color: var(--mp-walnut); margin: 0; }
.mp-content .mp-lead { font-size: clamp(1.0625rem, 2.6vw, 1.25rem); line-height: 1.6; color: var(--mp-muted); margin: 0; }
.mp-content .mp-more { margin-block-start: auto; padding-block-start: .5rem; }
.mp-content .mp-more a { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; text-decoration: none; font-weight: 700; }
.mp-content .mp-more a::after { content: "\2190"; transition: transform .15s ease; }
.mp-content .mp-more a:hover::after { transform: translateX(-4px); }

.mp-content a.mpc-btn, .mp-content .mpc-btn { text-decoration: none; color: #2B2724; font-weight: 700; }

/* first screen */
.mp-content .mp-hero { display: grid; gap: 1.5rem; padding-block: clamp(1.25rem, 4vw, 3.5rem) clamp(2rem, 5vw, 4rem); align-items: center; background: linear-gradient(180deg, var(--mp-cream-light), var(--mp-cream)); }
.mp-content .mp-hero > * { margin: 0; }
.mp-content .mp-hero__text { display: flex; flex-direction: column; gap: .8rem; }
.mp-content .mp-hero__text > * { margin: 0; }
.mp-content .mp-hero .mpc-hero { margin-block: .35rem 0; }
.mp-content .mp-hero__img img, .mp-content .mp-split__img img { display: block; width: 100%; height: auto; border-radius: 20px; box-shadow: var(--mp-shadow); object-fit: cover; object-position: top left; }
.mp-content .mp-hero__img img { aspect-ratio: 16 / 10; }
.mp-content .mp-ticks { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; font-size: .9375rem; font-weight: 600; color: var(--mp-muted); }
.mp-content .mp-ticks li, .mp-content .mp-pros li, .mp-content .mp-cons li { position: relative; padding-inline-start: 1.5rem; }
.mp-content .mp-ticks li::before, .mp-content .mp-pros li::before { content: ""; position: absolute; inset-inline-start: 0; top: .45em; width: .95rem; height: .55rem; border: solid var(--mp-walnut); border-width: 0 0 2.5px 2.5px; transform: rotate(-45deg) scale(.8); transform-origin: center; }
.mp-content .mp-crumbs, .mp-content .mp-hero__text > span { font-size: .875rem; color: var(--mp-muted); }
.mp-content .mp-hero__text > span a { font-weight: 500; }
@media (min-width: 900px) {
	.mp-content .mp-hero { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 3rem; }
	.mp-content .mp-hero__img img { aspect-ratio: 4 / 3; }
}

/* grids and cards */
.mp-content .mp-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); margin-block-start: 1.5rem; }
.mp-content .mp-grid > * { margin: 0; }
@media (min-width: 640px) { .mp-content .mp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; } }
@media (min-width: 960px) {
	.mp-content .mp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mp-content .mp-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.mp-content .mp-card { display: flex; flex-direction: column; gap: .5rem; background: #fff; border: 1px solid var(--mp-oak-light); border-radius: 18px; padding: 1.35rem; box-shadow: var(--mp-shadow); transition: transform .2s ease, box-shadow .2s ease; }
.mp-content .mp-card > * { margin: 0; }
.mp-content .mp-card p { color: var(--mp-muted); }
.mp-content .mp-card:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(43,39,36,.08), 0 14px 32px rgba(43,39,36,.12); }
.mp-content .mp-card--img { padding: 0 0 1.1rem; overflow: hidden; }
.mp-content .mp-card--img > :not(figure) { padding-inline: 1.35rem; }
.mp-content .mp-card--img figure { margin: 0 0 .5rem; }
.mp-content .mp-card--img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: top left; }

/* deals */
.mp-content .mp-deal { display: flex; flex-direction: column; gap: .45rem; background: var(--mp-charcoal); color: var(--mp-cream); border-radius: 20px; padding: 1.5rem; box-shadow: var(--mp-shadow); position: relative; overflow: hidden; }
.mp-content .mp-deal::after { content: ""; position: absolute; inset-inline-end: -40px; inset-block-start: -40px; width: 150px; height: 150px; background: repeating-linear-gradient(45deg, rgba(196,154,108,.22) 0 14px, transparent 14px 28px); border-radius: 50%; pointer-events: none; }
.mp-content .mp-deal > * { margin: 0; position: relative; z-index: 1; }
.mp-content .mp-deal h2, .mp-content .mp-deal h3 { color: #fff; }
.mp-content .mp-deal p { color: #EADBC8; }
.mp-content .mp-deal__tag { align-self: flex-start; background: var(--mp-cta); color: var(--mp-charcoal) !important; font-weight: 800; font-size: .875rem; padding: .15rem .8rem; border-radius: 999px; }
.mp-content .mp-deal__price { font-size: 1.125rem; color: #fff !important; }
.mp-content .mp-deal__price strong { font-size: 2.6rem; line-height: 1; font-weight: 800; color: var(--mp-cta); margin-inline-end: .2rem; }
.mp-content .mp-deal a { color: #fff; }
.mp-content .mp-deal--wide { max-width: 820px; margin-inline: auto; padding: clamp(1.5rem, 4vw, 2.5rem); }

/* text and image */
.mp-content .mp-split { display: grid; gap: 1.5rem; align-items: center; }
.mp-content .mp-split > * { margin: 0; }
.mp-content .mp-split__text > * { margin-block: 0; }
.mp-content .mp-split__text > * + * { margin-block-start: 1rem; }
.mp-content .mp-split__text > h3 { margin-block-start: 1.6rem; }
.mp-content .mp-split__img img { aspect-ratio: 4 / 3; }
@media (min-width: 900px) {
	.mp-content .mp-split { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 3.5rem; }
	.mp-content .mp-split--rev { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
}
.mp-content .mp-split ul:not([class*="mp-"]), .mp-content .mp-sec > ul:not([class*="mp-"]) { padding-inline-start: 1.2rem; display: grid; gap: .6rem; }
.mp-content .mp-links { list-style: none; padding: 0; display: grid; gap: 0; }
.mp-content .mp-links li { padding: .7rem 0; border-block-end: 1px solid var(--mp-oak-light); }

/* steps */
.mp-content .mp-steps { list-style: none; padding: 0; counter-reset: mp; display: grid; gap: 1.1rem; }
.mp-content .mp-steps li { counter-increment: mp; position: relative; padding-inline-start: 3.25rem; min-height: 2.5rem; }
.mp-content .mp-steps li::before { content: counter(mp); position: absolute; inset-inline-start: 0; top: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--mp-oak); color: var(--mp-charcoal); font-weight: 800; display: grid; place-items: center; }
.mp-content .mp-band { background: var(--mp-charcoal); color: var(--mp-cream); }
.mp-content .mp-band h2 { color: #fff; }
.mp-content .mp-band .mp-steps { margin-block-start: 1.75rem; }
@media (min-width: 900px) {
	.mp-content .mp-band .mp-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
	.mp-content .mp-band .mp-steps li { padding-inline-start: 0; padding-block-start: 3.2rem; }
}

/* short answer and tables */
.mp-content .mp-answer { font-size: 1.125rem; border-inline-start: 4px solid var(--mp-oak); padding-inline-start: 1rem; }
.mp-content .wp-block-table { margin-inline: 0; overflow-x: auto; }
.mp-content .wp-block-table table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--mp-oak-light); border-radius: 16px; overflow: hidden; font-size: 1rem; }
.mp-content .wp-block-table th, .mp-content .wp-block-table td { border: 0; border-block-end: 1px solid var(--mp-oak-light); padding: .75rem .9rem; text-align: start; vertical-align: top; }
.mp-content .wp-block-table tr:last-child td { border-block-end: 0; }
.mp-content .wp-block-table thead th { background: var(--mp-oak-light); font-weight: 700; border: 0; }
.mp-content .mp-facts td:first-child, .mp-content .mp-compare td:first-child { font-weight: 700; color: var(--mp-walnut); width: 34%; }
.mp-content .mp-compare table { min-width: 520px; }
.mp-content .mp-compare td:first-child { width: 24%; }
.mp-content .mp-pros, .mp-content .mp-cons { list-style: none; padding: 0; display: grid; gap: .55rem; color: var(--mp-muted); }
.mp-content .mp-cons li::before { content: ""; position: absolute; inset-inline-start: .1rem; top: .8em; width: .8rem; height: 2.5px; background: #9A6A4C; }

/* faq */
.mp-content .mp-faq { display: grid; gap: .7rem; margin-block-start: 1.5rem; }
.mp-content .mp-faq > * { margin: 0; }
.mp-content .mp-faq details { background: #fff; border: 1px solid var(--mp-oak-light); border-radius: 14px; padding: 0 1.1rem; }
.mp-content .mp-faq summary { cursor: pointer; font-weight: 700; padding: 1rem 0; min-height: 48px; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.mp-content .mp-faq summary::-webkit-details-marker { display: none; }
.mp-content .mp-faq summary::after { content: "+"; font-size: 1.5rem; line-height: 1; color: var(--mp-walnut); flex: none; }
.mp-content .mp-faq details[open] summary::after { content: "\2212"; }
.mp-content .mp-faq details p { margin: 0; padding-block-end: 1.1rem; color: var(--mp-muted); }

/* chip links */
.mp-content .mp-chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.mp-content .mp-chips a { display: inline-flex; align-items: center; min-height: 46px; padding: .4rem 1.1rem; background: #fff; border: 1px solid var(--mp-oak); border-radius: 999px; text-decoration: none; }
.mp-content .mp-chips a:hover { background: var(--mp-oak-light); }

/* gentle entrance animation, only where supported and motion is allowed */
@media (prefers-reduced-motion: no-preference) {
	@supports (animation-timeline: view()) {
		.mp-content .mp-card, .mp-content .mp-deal, .mp-content .mp-split__img { animation: mp-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 45%; }
		@keyframes mp-rise { from { opacity: .25; transform: translateY(22px); } to { opacity: 1; transform: none; } }
	}
}

/* footer */
.mp-footer { background: #2B2724; color: #EADBC8; padding: 2.75rem max(1rem, calc((100% - 1140px) / 2)) 1.5rem; font-size: 1rem; line-height: 1.7; margin: 0; }
.mp-footer > * { margin: 0; }
.mp-footer a { color: #F7F1E8; text-decoration: none; }
.mp-footer a:hover { text-decoration: underline; }
.mp-footer__cols { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr); }
.mp-footer__cols > * { margin: 0; }
.mp-footer__cols > div > * { margin: 0; }
.mp-footer h2 { color: #fff; font-size: 1.0625rem; font-weight: 700; margin: 0 0 .6rem; }
.mp-footer ul { list-style: none; padding: 0; margin: 0; display: grid; }
.mp-footer li a { display: inline-flex; align-items: center; min-height: 40px; }
.mp-footer__about p { margin-block-start: .8rem; max-width: 34ch; }
.mp-footer__about img { height: auto; max-width: 190px; }
.mp-footer__bottom { margin-block-start: 2rem; padding-block-start: 1.1rem; border-block-start: 1px solid rgba(234,219,200,.25); font-size: .875rem; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: space-between; }
.mp-footer__bottom > * { margin: 0; }
@media (min-width: 600px) { .mp-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .mp-footer__cols { grid-template-columns: 1.3fr 1fr 1fr 1.1fr; } }
@media (max-width: 781px) { .mp-footer { padding-block-end: 5.5rem; } }

/* ---- Header order on mobile: phone button next to the logo, menu toggle at the far end ---- */
@media (max-width: 599px) { .mp-site-header .wp-block-navigation { order: 2; } }