/* Product landing pages (ai-listing-preparation, live-selling-software,
   reseller-inventory-software). Extends reseller-guides.css — load after it. */
.pp-shell{max-width:1040px}
.pp-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:26px 0 8px}
.pp-hero-actions .guide-button{margin:0}
.pp-meta{font-size:.9rem;color:#6b7280;margin:6px 0 0}
.pp-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}
.pp-figures--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-figures figure{margin:0}
.pp-figures img,.pp-wide img{display:block;width:100%;height:auto;border:1px solid #e5e7eb;border-radius:12px;background:#f3f4f6}
.pp-figures figcaption,.pp-wide figcaption{margin-top:10px;font-size:.9rem;line-height:1.5;color:#4b5563}
.pp-wide{margin:26px 0}
.pp-steps{counter-reset:pp-step;list-style:none;padding-left:0!important}
.pp-steps>li{counter-increment:pp-step;position:relative;padding:4px 0 4px 52px;margin:18px 0}
.pp-steps>li::before{content:counter(pp-step);position:absolute;left:0;top:2px;width:36px;height:36px;border-radius:50%;background:#ede9fe;color:#5b21b6;font-weight:700;display:flex;align-items:center;justify-content:center}
.pp-steps strong{color:#1f2937}
.pp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:22px 0}
.pp-card{border:1px solid #e5e7eb;border-radius:12px;padding:22px}
.pp-card h3{margin:0 0 8px;font-size:1.15rem;color:#1f2937}
.pp-card p,.pp-card ul{margin:8px 0}
.pp-limits{border-left:4px solid #f59e0b;background:#fffbeb;border-radius:0 12px 12px 0;padding:18px 22px;margin:26px 0}
.pp-limits h2,.pp-limits h3{margin-top:0}
.pp-example td:first-child,.pp-example th:first-child{white-space:nowrap}
.pp-example .pp-was{color:#991b1b}
.pp-example .pp-now{color:#166534}
.pp-faq details{border:1px solid #e5e7eb;border-radius:10px;padding:0 18px;margin:12px 0;background:#fff}
.pp-faq summary{cursor:pointer;font-weight:600;color:#1f2937;padding:16px 0;line-height:1.5}
.pp-faq details[open] summary{border-bottom:1px solid #f3f4f6}
.pp-faq details p{margin:14px 0}
.pp-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.pp-related a{display:block;border:1px solid #e5e7eb;border-radius:10px;padding:16px;text-decoration:none;color:#1f2937;font-weight:600;line-height:1.45}
.pp-related a span{display:block;font-weight:400;font-size:.9rem;color:#6b7280;margin-top:4px}
.pp-related a:hover{border-color:#a78bfa}
@media(max-width:820px){.pp-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-related{grid-template-columns:1fr}}
@media(max-width:650px){.pp-figures,.pp-figures--two,.pp-cols{grid-template-columns:1fr}.pp-figures figure{max-width:320px;margin:0 auto}.pp-figures--wide figure{max-width:none}.pp-steps>li{padding-left:46px}}
@media(max-width:650px){.pp-shell .guide-table th,.pp-shell .guide-table td{padding:8px;font-size:.85rem}.pp-example td:first-child,.pp-example th:first-child{white-space:normal}}
@media(max-width:650px){.pp-stack caption{display:block;width:100%}.pp-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pp-stack table,.pp-stack tbody,.pp-stack tr,.pp-stack td{display:block;width:100%}.pp-stack tr{border:1px solid #d1d5db;border-radius:10px;margin:0 0 12px;overflow:hidden}.pp-stack td{border:0;border-top:1px solid #f3f4f6}.pp-stack td:first-child{border-top:0;background:#f9fafb;font-weight:700}.pp-stack td:not(:first-child)::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}}