.ppb-guide {
	--guide-ink: #17211b;
	--guide-muted: #5e6b63;
	--guide-green: #176947;
	--guide-lime: #dff577;
	--guide-cream: #f7f3e9;
	--guide-peach: #f5c7a9;
	--guide-line: rgba(23, 33, 27, .14);
	background: #fffdf8;
	color: var(--guide-ink);
}

.ppb-guide-main { overflow: clip; }
.ppb-guide-main h1, .ppb-guide-main h2, .ppb-guide-main h3, .ppb-guide-main p { margin-top: 0; }
.ppb-guide-main h2 { max-width: 780px; font-size: clamp(2rem, 4vw, 4.4rem); line-height: .98; letter-spacing: -.055em; }
.ppb-guide-main h3 { line-height: 1.1; letter-spacing: -.025em; }
.ppb-guide-main p, .ppb-guide-main li { line-height: 1.7; }
.ppb-guide-main button, .ppb-guide-main input, .ppb-guide-main textarea, .ppb-guide-main select { font: inherit; }
.ppb-guide-kicker { margin-bottom: 14px; color: var(--guide-green); font-size: .76rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.ppb-guide-number { display: grid; width: 44px; height: 44px; margin-bottom: 22px; border: 1px solid var(--guide-ink); border-radius: 50%; place-items: center; font-weight: 850; }

.ppb-guide-hero { padding: clamp(62px, 8vw, 118px) 0 76px; background: var(--guide-cream); border-bottom: 1px solid var(--guide-line); }
.ppb-guide-hero__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(520px, 1.15fr); align-items: center; gap: clamp(38px, 6vw, 92px); }
.ppb-guide-hero h1 { max-width: 680px; margin-bottom: 25px; font-size: clamp(3.8rem, 7vw, 7.5rem); line-height: .82; letter-spacing: -.075em; }
.ppb-guide-hero__lead { max-width: 610px; font-size: clamp(1.25rem, 2vw, 1.65rem); }
.ppb-guide-hero__copy > p:not(.ppb-guide-kicker, .ppb-guide-manifesto) { max-width: 650px; color: var(--guide-muted); }
.ppb-guide-manifesto { margin: 32px 0; font-size: clamp(1.8rem, 3vw, 3.2rem); font-weight: 900; letter-spacing: -.045em; }
.ppb-guide-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; font-size: .76rem; font-weight: 800; text-transform: uppercase; }
.ppb-guide-flow span { padding: 10px 12px; background: white; border: 1px solid var(--guide-line); border-radius: 999px; }
.ppb-guide-flow i { color: var(--guide-green); font-style: normal; }
.ppb-guide-hero__visual { position: relative; align-self: center; margin: 0; }
.ppb-guide-hero__visual img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 28px; object-fit: cover; box-shadow: 0 24px 65px rgba(30, 34, 26, .15); }
.ppb-guide-hero__visual figcaption { position: absolute; right: -24px; bottom: -24px; display: grid; max-width: 295px; padding: 22px 25px; background: var(--guide-lime); border: 2px solid var(--guide-ink); border-radius: 18px; transform: rotate(-2deg); }
.ppb-guide-hero__visual figcaption strong { font-size: 1.2rem; }
.ppb-guide-hero__visual figcaption span { margin-top: 5px; font-size: .86rem; }

.ppb-guide-contents { position: sticky; z-index: 20; top: 0; background: rgba(255, 253, 248, .94); border-bottom: 1px solid var(--guide-line); backdrop-filter: blur(14px); }
.admin-bar .ppb-guide-contents { top: 32px; }
.ppb-guide-contents details { padding: 12px 0; }
.ppb-guide-contents summary { display: none; cursor: pointer; font-weight: 800; }
.ppb-guide-contents details > div { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: thin; }
.ppb-guide-contents a { flex: 0 0 auto; padding: 9px 12px; color: var(--guide-muted); border-radius: 999px; font-size: .74rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.ppb-guide-contents a:hover, .ppb-guide-contents a.is-active { background: var(--guide-ink); color: white; }

.ppb-guide-body { max-width: 1280px; }
.ppb-guide-section { padding: clamp(72px, 10vw, 150px) 0; border-bottom: 1px solid var(--guide-line); scroll-margin-top: 70px; }
.ppb-guide-two-col { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(40px, 8vw, 110px); }
.ppb-guide-two-col--reverse .ppb-guide-copy { order: 2; }
.ppb-guide-copy > p, .ppb-guide-section-heading > p { max-width: 700px; color: var(--guide-muted); }
.ppb-guide-copy ul, .ppb-guide-product-info ul { padding-left: 20px; color: var(--guide-muted); }
.ppb-guide-strong { color: var(--guide-ink) !important; font-size: 1.2rem; font-weight: 850; }
.ppb-guide-section-heading { margin-bottom: 52px; }

.ppb-ui-frame { position: relative; overflow: hidden; padding: 0 0 30px; background: #f7f8f5; border: 1px solid var(--guide-line); border-radius: 26px; box-shadow: 0 25px 60px rgba(24, 37, 28, .09); }
.ppb-ui-frame > header { display: flex; justify-content: space-between; padding: 16px 22px; background: var(--guide-ink); color: white; }
.ppb-ui-frame > header span { font-weight: 850; }
.ppb-ui-frame > header small { opacity: .7; }
.ppb-ui-form { display: grid; max-width: 520px; margin: 32px auto 0; padding: 0 30px; gap: 18px; }
.ppb-ui-form label, .ppb-mini-product-form label, .ppb-ui-method label { display: grid; gap: 7px; font-size: .78rem; font-weight: 800; }
.ppb-ui-form input, .ppb-ui-form textarea, .ppb-ui-form select, .ppb-mini-product-form input, .ppb-mini-product-form textarea, .ppb-ui-method textarea { width: 100%; padding: 12px 13px; background: white; color: var(--guide-ink); border: 1px solid #cdd4cf; border-radius: 9px; box-sizing: border-box; }
.ppb-ui-form button, .ppb-mini-product-form button, .ppb-ui-method button, .ppb-ui-frame--editor button, .ppb-checkout-demo > button, .ppb-mobile figcaption button { padding: 12px 18px; background: var(--guide-green); color: white; border: 0; border-radius: 9px; font-weight: 800; }
.ppb-ui-form > p { margin: 0; color: var(--guide-muted); font-size: .8rem; text-align: center; }
.ppb-ui-form--grid { grid-template-columns: 1fr 1fr; max-width: none; }
.ppb-ui-form--grid .is-wide { grid-column: 1 / -1; }
.ppb-ui-input { padding: 12px 13px; background: #fff; border: 1px solid #cdd4cf; border-radius: 9px; font-weight: 500; }
.ppb-annotation { position: absolute; top: 70px; right: 20px; padding: 9px 12px; background: var(--guide-lime); border: 1px solid var(--guide-ink); border-radius: 8px; font-size: .72rem; font-weight: 850; transform: rotate(2deg); }
.ppb-guide-example { display: grid; margin: 28px 0; padding: 18px 20px; background: var(--guide-cream); border-left: 4px solid var(--guide-green); }
.ppb-guide-example span { font-size: .76rem; font-weight: 800; text-transform: uppercase; }
.ppb-guide-example strong { overflow-wrap: anywhere; font-size: 1.08rem; }

.ppb-guide-payment-grid, .ppb-guide-delivery { display: grid; grid-template-columns: 1.4fr .6fr; align-items: start; gap: 28px; }
.ppb-ui-frame--wide { padding-bottom: 24px; }
.ppb-option-pills { display: flex; flex-wrap: wrap; gap: 8px; padding: 25px; }
.ppb-option-pills span { padding: 11px 13px; background: white; border: 1px solid var(--guide-line); border-radius: 12px; font-size: .8rem; font-weight: 800; }
.ppb-option-pills .is-selected { background: #e3f3ea; border-color: var(--guide-green); color: var(--guide-green); }
.ppb-ui-method { display: grid; margin: 0 25px; padding: 22px; background: white; border: 1px solid var(--guide-line); border-radius: 16px; gap: 15px; }
.ppb-ui-method button { justify-self: start; }
.ppb-guide-note, .ppb-guide-callout { padding: 28px; background: var(--guide-lime); border-radius: 22px; }
.ppb-guide-note h3 { margin-bottom: 8px; }
.ppb-guide-note p { color: #39453d; }
.ppb-guide-note span { color: var(--guide-muted); }
.ppb-guide-delivery { align-items: center; margin-top: 90px; grid-template-columns: .8fr 1.2fr; }
.ppb-guide-delivery ol { padding-left: 20px; }
.ppb-country-demo { padding: 24px; background: white; border: 1px solid var(--guide-line); border-radius: 24px; box-shadow: 0 20px 50px rgba(24, 37, 28, .08); }
.ppb-country-demo header { display: flex; align-items: center; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid var(--guide-line); }
.ppb-country-demo header div { display: grid; margin-right: auto; }
.ppb-country-demo header button { background: transparent; color: #a23d33; border: 0; font-size: .76rem; }
.ppb-country-demo__icon { display: grid; width: 46px; height: 46px; background: var(--guide-cream); border-radius: 50%; place-items: center; font-weight: 900; }
.ppb-country-demo > div { display: flex; flex-wrap: wrap; gap: 9px; padding: 22px 0; }
.ppb-country-demo > div span { padding: 12px; border: 1px solid var(--guide-line); border-radius: 10px; font-weight: 800; }
.ppb-country-demo > div .is-selected { border-color: var(--guide-green); color: var(--guide-green); }
.ppb-country-demo article { padding: 18px; background: #f7f8f5; border-radius: 13px; }
.ppb-country-demo article small, .ppb-country-demo article strong { display: block; }
.ppb-country-demo article p { margin: 6px 0 0; color: var(--guide-muted); font-size: .84rem; }
.ppb-guide-callout { margin-top: 30px; background: #eaf1ed; }
.ppb-guide-callout p { max-width: 1000px; margin: 7px 0 0; color: var(--guide-muted); }

.ppb-guide-photo-intro { display: grid; grid-template-columns: .68fr 1.32fr; align-items: center; gap: 60px; }
.ppb-guide-photo-intro figure { align-self: center; margin: 0; }
.ppb-guide-photo-intro img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 25px; object-fit: cover; }
.ppb-guide-photo-intro figcaption { padding: 12px 4px; color: var(--guide-muted); font-size: .85rem; }
.ppb-guide-definition { display: grid; grid-template-columns: .35fr 1.65fr; margin-top: 42px; padding: 30px; background: var(--guide-cream); border-radius: 18px; gap: 28px; }
.ppb-guide-definition strong { font-size: 1.25rem; }
.ppb-guide-definition p { margin: 0; }

.ppb-mark-sequence { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ppb-mark-sequence > article { display: flex; min-width: 0; flex-direction: column; padding: 12px; background: #f4f6f3; border-radius: 20px; }
.ppb-mark-sequence > article > span { position: absolute; z-index: 2; display: grid; width: 36px; height: 36px; margin: 10px; background: var(--guide-lime); border: 1px solid var(--guide-ink); border-radius: 50%; place-items: center; font-weight: 900; }
.ppb-mark-sequence img { display: block; width: 100%; aspect-ratio: 3 / 2; border-radius: 12px; object-fit: cover; }
.ppb-mark-sequence > article > strong { padding: 15px 6px 4px; }
.ppb-mark-demo { position: relative; }
.ppb-mark-demo svg, .ppb-many-products__image svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.ppb-mark-demo polygon, .ppb-many-products__image polygon { fill: rgba(223, 245, 119, .16); stroke: #f4ffb8; stroke-width: .7; vector-effect: non-scaling-stroke; }
.ppb-mark-demo button { position: absolute; right: 10px; bottom: 10px; padding: 8px 10px; background: var(--guide-ink); color: white; border: 0; border-radius: 8px; font-size: .7rem; font-weight: 800; }
.ppb-mini-product-form { display: grid; flex: 1; padding: 48px 12px 12px; background: white; border-radius: 12px; gap: 10px; }
.ppb-mini-product-form textarea { min-height: 50px; }
.ppb-mini-product-form small { color: var(--guide-muted); }
.ppb-guide-product-info { display: grid; grid-template-columns: 1.2fr .8fr; margin: 80px 0; gap: 70px; }
.ppb-guide-product-info > div:last-child { padding: 28px; background: var(--guide-cream); border-radius: 22px; }
.ppb-guide-manifesto--small { font-size: clamp(1.5rem, 3vw, 2.6rem); }
.ppb-many-products { display: grid; grid-template-columns: 1.3fr .7fr; overflow: hidden; background: var(--guide-ink); color: white; border-radius: 28px; }
.ppb-many-products__image { position: relative; align-self: center; aspect-ratio: 3 / 2; }
.ppb-many-products__image img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.ppb-many-products__list { align-self: center; padding: 42px; }
.ppb-many-products__list h2 { font-size: clamp(2.2rem, 4vw, 4rem); }
.ppb-many-products__list ul { padding: 0; list-style: none; }
.ppb-many-products__list li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.ppb-many-products__list p:last-child { color: rgba(255,255,255,.68); font-size: .88rem; }

.ppb-guide-pricing { position: relative; }
.ppb-price-rules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ppb-price-rules article { min-height: 235px; padding: 28px; background: var(--guide-cream); border-radius: 22px; }
.ppb-price-rules article:nth-child(2) { background: var(--guide-lime); }
.ppb-price-rules article > span { font-size: .75rem; font-weight: 900; }
.ppb-price-rules h3 { margin: 38px 0 15px; }
.ppb-price-rules article > strong { font-size: 3rem; line-height: 1; }
.ppb-price-rules p { color: var(--guide-muted); }
.ppb-price-examples { max-width: 840px; margin: 48px auto; border-top: 1px solid var(--guide-line); }
.ppb-price-examples > div { display: flex; justify-content: space-between; padding: 17px 8px; border-bottom: 1px solid var(--guide-line); }
.ppb-two-payments { margin: 70px 0; padding: 34px; background: #efe7ff; border: 2px solid var(--guide-ink); border-radius: 24px; box-shadow: 8px 8px 0 var(--guide-ink); }
.ppb-two-payments > div { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.ppb-two-payments article + article { padding-left: 30px; border-left: 1px solid rgba(23,33,27,.2); }
.ppb-two-payments p { margin-bottom: 0; color: var(--guide-muted); }
.ppb-publish-states { padding: 36px; background: var(--guide-ink); color: white; border-radius: 26px; }
.ppb-publish-states > div { display: flex; align-items: center; gap: 12px; margin: 28px 0; }
.ppb-publish-states span { display: flex; flex: 1; align-items: center; gap: 10px; padding: 18px; background: rgba(255,255,255,.08); border-radius: 13px; }
.ppb-publish-states span i { display: grid; width: 26px; height: 26px; background: rgba(255,255,255,.15); border-radius: 50%; place-items: center; font-size: .7rem; font-style: normal; }
.ppb-publish-states .is-published { background: var(--guide-lime); color: var(--guide-ink); }
.ppb-publish-states p { max-width: 900px; margin-bottom: 0; color: rgba(255,255,255,.7); }
.ppb-capacity-demo { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-top: 26px; padding: 25px; background: #edf7f1; border-radius: 20px; gap: 18px; }
.ppb-capacity-demo > div { display: grid; }
.ppb-capacity-demo > div strong { font-size: 2rem; }
.ppb-capacity-demo > div small { color: var(--guide-muted); }
.ppb-capacity-demo button { padding: 13px 18px; background: var(--guide-green); color: white; border: 0; border-radius: 10px; font-weight: 850; }
.ppb-capacity-demo p { grid-column: 1 / -1; margin: 0; color: var(--guide-muted); font-size: .86rem; }

.ppb-guide-publish-grid, .ppb-guide-share { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 70px; }
.ppb-ui-frame--editor { padding-bottom: 0; }
.ppb-ui-frame--editor img { display: block; width: 100%; aspect-ratio: 3 / 1.6; object-fit: cover; }
.ppb-ui-frame--editor .ppb-ui-status { padding: 5px 9px; background: #e9d8a6; color: var(--guide-ink); border-radius: 999px; opacity: 1; }
.ppb-ui-frame--editor footer { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; }
.ppb-guide-share { margin-top: 100px; grid-template-columns: 1fr 1fr; }
.ppb-share-demo { padding: 28px; background: var(--guide-lime); border: 2px solid var(--guide-ink); border-radius: 24px; transform: rotate(1deg); box-shadow: 8px 8px 0 var(--guide-ink); }
.ppb-share-demo > div:first-child { display: grid; padding-bottom: 20px; }
.ppb-share-demo small { color: var(--guide-muted); }
.ppb-share-demo nav { display: flex; flex-wrap: wrap; gap: 8px; }
.ppb-share-demo button, .ppb-guide-direct-share button { padding: 10px 13px; background: white; border: 1px solid var(--guide-ink); border-radius: 9px; font-weight: 800; }
.ppb-fake-qr { display: grid !important; width: 116px; height: 116px; margin-top: 20px; padding: 8px !important; background: white; grid-template-columns: repeat(3,1fr); gap: 4px; }
.ppb-fake-qr i { background: var(--guide-ink); }
.ppb-fake-qr i:nth-child(2), .ppb-fake-qr i:nth-child(4), .ppb-fake-qr i:nth-child(9) { opacity: .15; }
.ppb-guide-direct-share { margin-top: 80px; padding: 35px; background: var(--guide-cream); border-radius: 24px; }
.ppb-guide-direct-share > p { max-width: 900px; color: var(--guide-muted); }
.ppb-guide-direct-share > div { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ppb-guide-direct-share > div > span { display: grid; min-width: 320px; margin-right: auto; }

.ppb-guide-tiktok { width: 100vw; margin-left: calc(50% - 50vw); padding-right: max(24px, calc((100vw - 1280px) / 2)); padding-left: max(24px, calc((100vw - 1280px) / 2)); background: #171719; color: white; }
.ppb-guide-tiktok > header { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 60px; }
.ppb-guide-tiktok h2 span { color: var(--guide-lime); }
.ppb-guide-tiktok header p:not(.ppb-guide-kicker) { max-width: 600px; color: rgba(255,255,255,.72); font-size: 1.15rem; }
.ppb-guide-tiktok figure { position: relative; align-self: center; margin: 0; }
.ppb-guide-tiktok figure img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 24px; object-fit: cover; }
.ppb-guide-tiktok figcaption { position: absolute; right: 16px; bottom: 16px; padding: 10px 14px; background: white; color: var(--guide-ink); border-radius: 10px; font-size: .78rem; font-weight: 800; }
.ppb-tiktok-steps { display: grid; grid-template-columns: repeat(6, 1fr); margin: 65px 0; gap: 10px; }
.ppb-tiktok-steps article { padding: 19px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 15px; }
.ppb-tiktok-steps span { display: grid; width: 28px; height: 28px; margin-bottom: 25px; background: var(--guide-lime); color: var(--guide-ink); border-radius: 50%; place-items: center; font-size: .72rem; font-weight: 900; }
.ppb-tiktok-steps strong { display: block; min-height: 43px; }
.ppb-tiktok-steps p { margin-bottom: 0; color: rgba(255,255,255,.58); font-size: .78rem; line-height: 1.5; }
.ppb-before-after { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 22px; }
.ppb-before-after section { padding: 30px; background: #252529; border-radius: 20px; }
.ppb-before-after section > span { display: block; margin-bottom: 20px; color: #ffb4b4; font-weight: 850; }
.ppb-before-after section p { max-width: 75%; margin: 6px 0; padding: 8px 11px; background: #35353a; border-radius: 11px; font-size: .86rem; }
.ppb-before-after section p:nth-child(odd) { margin-left: auto; }
.ppb-before-after .is-after { background: var(--guide-lime); color: var(--guide-ink); }
.ppb-before-after .is-after > span { color: var(--guide-green); }
.ppb-before-after .is-after p { max-width: none; margin: 7px 0; background: rgba(255,255,255,.6); }
.ppb-tiktok-payoff { margin: 55px auto 15px; font-size: clamp(1.7rem, 4vw, 3.8rem); font-weight: 900; line-height: 1; letter-spacing: -.05em; text-align: center; }
.ppb-guide-disclaimer { color: rgba(255,255,255,.55); font-size: .78rem; text-align: center; }

.ppb-buyer-flow { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 75px; }
.ppb-phone { width: min(100%, 370px); margin: auto; padding: 11px; background: #111; border-radius: 40px; box-shadow: 0 30px 70px rgba(0,0,0,.2); }
.ppb-phone__screen { overflow: hidden; background: white; border-radius: 31px; }
.ppb-phone__screen > header { display: flex; justify-content: space-between; padding: 18px 18px 12px; font-size: .76rem; font-weight: 900; }
.ppb-phone__screen > header i { font-style: normal; }
.ppb-phone-photo { position: relative; }
.ppb-phone-photo img { display: block; width: 100%; aspect-ratio: 1.25; object-fit: cover; }
.ppb-phone-photo b { position: absolute; top: 15%; left: 3%; width: 17%; height: 37%; border: 3px solid var(--guide-lime); border-radius: 45% 40% 22% 20%; }
.ppb-phone__screen section { padding: 20px; }
.ppb-phone__screen section small { color: var(--guide-green); font-weight: 800; }
.ppb-phone__screen section h3 { margin: 5px 0; }
.ppb-phone__screen section p { color: var(--guide-muted); font-size: .82rem; }
.ppb-phone__screen section button { width: 100%; padding: 12px; background: var(--guide-green); color: white; border: 0; border-radius: 10px; font-weight: 850; }
.ppb-checkout-demo { padding: 36px; background: var(--guide-cream); border-radius: 25px; }
.ppb-checkout-demo h3 { font-size: 2rem; }
.ppb-checkout-choice { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.ppb-checkout-choice span { display: grid; padding: 14px; background: white; border: 1px solid var(--guide-line); border-radius: 12px; }
.ppb-checkout-choice small { color: var(--guide-muted); }
.ppb-checkout-demo ul { display: flex; flex-wrap: wrap; padding: 0; gap: 7px; list-style: none; }
.ppb-checkout-demo li { padding: 7px 10px; background: rgba(23,33,27,.07); border-radius: 999px; font-size: .8rem; }
.ppb-checkout-demo > p:last-of-type { color: var(--guide-muted); font-size: .84rem; }
.ppb-checkout-demo aside { padding: 16px; background: #e3f3ea; border-radius: 12px; }

.ppb-guide-order-grid { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 70px; }
.ppb-order-status-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 26px; }
.ppb-order-status-flow span { padding: 8px 11px; background: #e3f3ea; border-radius: 999px; color: var(--guide-green); font-size: .78rem; font-weight: 850; }
.ppb-order-status-flow small { flex-basis: 100%; color: var(--guide-muted); }
.ppb-order-demo { padding: 28px; background: white; border: 1px solid var(--guide-line); border-radius: 24px; box-shadow: 0 25px 65px rgba(24,37,28,.1); }
.ppb-order-demo > header { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--guide-line); }
.ppb-order-demo > header div { display: grid; }
.ppb-order-demo > header span { align-self: center; padding: 7px 10px; background: #fff1c8; border-radius: 999px; font-size: .75rem; font-weight: 850; }
.ppb-order-demo > section { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 22px 0; }
.ppb-order-demo > section div { display: grid; align-content: start; }
.ppb-order-demo small { color: var(--guide-muted); }
.ppb-order-demo p { margin: 6px 0; color: var(--guide-muted); font-size: .8rem; line-height: 1.5; }
.ppb-order-demo ul { margin: 0; padding: 0; list-style: none; }
.ppb-order-demo li, .ppb-order-demo footer { display: flex; justify-content: space-between; padding: 12px 0; border-top: 1px solid var(--guide-line); }
.ppb-order-demo footer { margin-top: 10px; font-size: 1.15rem; }
.ppb-dashboard-guide { margin-top: 100px; padding: 40px; background: var(--guide-ink); color: white; border-radius: 28px; }
.ppb-dashboard-guide > header { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.ppb-dashboard-guide > header p:last-child { color: rgba(255,255,255,.65); }
.ppb-dashboard-guide > div { display: grid; grid-template-columns: repeat(7,1fr); margin: 30px 0; gap: 8px; }
.ppb-dashboard-guide > div span { padding: 18px 10px; background: rgba(255,255,255,.08); border-radius: 12px; font-size: .75rem; font-weight: 800; text-align: center; }
.ppb-dashboard-guide aside { padding: 20px; background: var(--guide-lime); color: var(--guide-ink); border-radius: 15px; }
.ppb-dashboard-guide aside p { margin: 4px 0 0; color: var(--guide-muted); }

.ppb-guide-mobile { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }
.ppb-mobile-flows { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ppb-mobile-flows section { padding: 22px; background: var(--guide-cream); border-radius: 18px; }
.ppb-mobile-flows ol { padding-left: 25px; }
.ppb-mobile-flows li { font-size: .83rem; }
.ppb-guide-mobile figure { position: relative; align-self: center; margin: 0; }
.ppb-guide-mobile figure img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 26px; object-fit: cover; object-position: center 48%; }
.ppb-guide-mobile figcaption { position: absolute; right: 20px; bottom: 20px; display: grid; padding: 18px; background: white; border-radius: 14px; box-shadow: 0 14px 35px rgba(0,0,0,.15); gap: 6px; }
.ppb-guide-mobile figcaption span { color: var(--guide-green); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.ppb-guide-mobile figcaption button { margin-top: 6px; }

.ppb-guide-faq > div { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 10px 24px; }
.ppb-guide-faq details { padding: 0 20px; background: var(--guide-cream); border-radius: 14px; }
.ppb-guide-faq summary { padding: 19px 0; cursor: pointer; font-weight: 850; }
.ppb-guide-faq details p { padding-bottom: 18px; color: var(--guide-muted); }
.ppb-guide-final { padding: clamp(75px, 10vw, 140px) 0; background: var(--guide-green); color: white; text-align: center; }
.ppb-guide-final .ppb-guide-kicker { color: var(--guide-lime); }
.ppb-guide-final h2 { margin-right: auto; margin-left: auto; font-size: clamp(3rem, 7vw, 7rem); }
.ppb-guide-final p:not(.ppb-guide-kicker) { font-size: 1.2rem; }

@media (max-width: 1050px) {
	.ppb-guide-hero__grid, .ppb-guide-two-col, .ppb-guide-photo-intro, .ppb-guide-delivery, .ppb-guide-publish-grid, .ppb-guide-order-grid, .ppb-guide-mobile { grid-template-columns: 1fr; }
	.ppb-guide-hero__grid { gap: 55px; }
	.ppb-guide-two-col--reverse .ppb-guide-copy { order: initial; }
	.ppb-guide-payment-grid, .ppb-guide-share, .ppb-buyer-flow, .ppb-guide-tiktok > header { grid-template-columns: 1fr; }
	.ppb-mark-sequence { grid-template-columns: 1fr 1fr; }
	.ppb-mark-sequence article:last-child { grid-column: 1 / -1; }
	.ppb-tiktok-steps { grid-template-columns: repeat(3, 1fr); }
	.ppb-dashboard-guide > div { grid-template-columns: repeat(4,1fr); }
}

@media (max-width: 782px) {
	.admin-bar .ppb-guide-contents { top: 46px; }
	.ppb-guide-contents details { padding: 10px 0; }
	.ppb-guide-contents summary { display: flex; justify-content: space-between; padding: 8px 2px; }
	.ppb-guide-contents details:not([open]) > div { display: none; }
	.ppb-guide-contents details > div { flex-direction: column; max-height: 62vh; padding: 8px 0; }
	.ppb-guide-contents a { white-space: normal; }
	.ppb-guide-hero { padding-top: 58px; }
	.ppb-guide-hero h1 { font-size: clamp(3.5rem, 17vw, 6rem); }
	.ppb-guide-hero__visual figcaption { right: 10px; bottom: -28px; }
	.ppb-guide-section { padding: 80px 0; scroll-margin-top: 58px; }
	.ppb-guide-main h2 { font-size: clamp(2.25rem, 11vw, 3.8rem); }
	.ppb-guide-payment-grid, .ppb-guide-product-info, .ppb-many-products, .ppb-guide-publish-grid, .ppb-guide-share, .ppb-buyer-flow, .ppb-guide-order-grid, .ppb-guide-mobile { gap: 36px; }
	.ppb-mark-sequence, .ppb-guide-product-info, .ppb-many-products, .ppb-price-rules, .ppb-two-payments > div, .ppb-guide-definition, .ppb-before-after, .ppb-mobile-flows, .ppb-guide-faq > div { grid-template-columns: 1fr; }
	.ppb-mark-sequence article:last-child { grid-column: auto; }
	.ppb-many-products__image { min-height: 0; }
	.ppb-price-rules article { min-height: 190px; }
	.ppb-two-payments article + article { padding: 20px 0 0; border-top: 1px solid rgba(23,33,27,.2); border-left: 0; }
	.ppb-publish-states > div { align-items: stretch; flex-direction: column; }
	.ppb-publish-states > div > b { transform: rotate(90deg); text-align: center; }
	.ppb-capacity-demo { grid-template-columns: 1fr; }
	.ppb-capacity-demo .is-after { padding-top: 18px; border-top: 1px solid var(--guide-line); }
	.ppb-guide-tiktok { padding-right: 20px; padding-left: 20px; }
	.ppb-tiktok-steps { grid-template-columns: 1fr 1fr; }
	.ppb-before-after > div { transform: rotate(90deg); }
	.ppb-checkout-choice, .ppb-order-demo > section { grid-template-columns: 1fr; }
	.ppb-dashboard-guide > header { grid-template-columns: 1fr; }
	.ppb-dashboard-guide > div { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px) {
	.ppb-guide-flow { align-items: stretch; flex-direction: column; }
	.ppb-guide-flow i { transform: rotate(90deg); text-align: center; }
	.ppb-ui-form, .ppb-ui-form--grid { grid-template-columns: 1fr; padding: 0 18px; }
	.ppb-ui-form--grid .is-wide { grid-column: auto; }
	.ppb-guide-note, .ppb-guide-callout, .ppb-two-payments, .ppb-publish-states, .ppb-checkout-demo, .ppb-dashboard-guide { padding: 22px; }
	.ppb-tiktok-steps { grid-template-columns: 1fr; }
	.ppb-before-after section p { max-width: 92%; }
	.ppb-guide-direct-share > div > span { min-width: 0; width: 100%; }
	.ppb-guide-mobile figcaption { position: relative; right: auto; bottom: auto; margin: -35px 12px 0; }
}

@media (prefers-reduced-motion: reduce) {
	.ppb-guide-main *, .ppb-guide-contents * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}