/* 08-pages.css: About, Contact, Our promise, Help ("Woopify slots" template), legal pages at a readable measure,
 * 404, search and the empty cart (design system, Page layouts). */
body.woopify .woopify-page-title { margin: var(--space-xl) 0 0; }
body.woopify.page-template-woopify-slots .woopify-section { padding-top: var(--space-xl); }
body.woopify.page-template-woopify-slots .woopify-main > .woopify-section:last-child { padding-bottom: var(--space-section); }
body.woopify.page-template-woopify-slots .woopify-section .woopify-body ul { padding-left: 1.1em; }
body.woopify.page-template-woopify-slots .woopify-section .woopify-body li { margin-bottom: var(--space-xs); }
body.woopify .woopify-section--summary .woopify-body { font-size: calc(var(--fs-body-md) + 2px); }
body.woopify .woopify-section--values .woopify-body p { padding: var(--space-md) 0; margin: 0; border-bottom: 1px solid var(--color-border); }
body.woopify .woopify-section--support .woopify-body { padding: var(--space-lg); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
body.woopify .woopify-section--terms .woopify-body h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); margin: var(--space-lg) 0 var(--space-sm); }
body.woopify .woopify-page-content { max-width: 70ch; padding-bottom: var(--space-section); }

/* Legal pages and every other plain page: single readable column, 70ch, h2/h3 styles. */
body.woopify.page:not(.page-template-woopify-slots):not(.page-template-woopify-home) .entry-content { max-width: 70ch; }
body.woopify.page .entry-title { font-family: var(--font-heading); font-weight: var(--fw-heading); font-size: var(--fs-h1); line-height: var(--lh-h1); }
body.woopify .entry-content h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); margin-top: var(--space-lg); }
body.woopify .entry-content h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); margin-top: var(--space-lg); }

/* 404, search and empty cart. */
body.woopify.error404 .content-area, body.woopify.search .content-area { width: 100%; float: none; }
body.woopify .cart-empty, body.woopify .woocommerce-info.cart-empty { font-size: var(--fs-body-md); }
body.woopify .return-to-shop .button { border-radius: var(--radius-md); }