/* Roman Road: page-specific styles (the shared design is css/product-page.css) */
.rr-cta { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .9rem; margin: 1rem 0 .6rem; }
.rr-cta .pp-shopify, .rr-cta .pp-shopify > *, .rr-cta .shopify-buy__product, .rr-cta .shopify-buy__btn-wrapper { margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; max-width: none !important; }
.rr-cta .shopify-buy__btn { margin: 0 !important; min-height: 3.1rem; }
.rr-cta .pp-btn { min-height: 3.1rem; display: inline-flex; align-items: center; margin: 0; }
.rr-hero-art { margin: 0; justify-self: center; width: 100%; }
.rr-hero-art img { display: block; width: 100%; max-width: 440px; height: auto; margin: 0 auto; border-radius: 16px; box-shadow: 0 14px 30px rgba(0,0,0,.5); }
.rr-note { border-left: 4px solid var(--pp-accent); background: #fff6e6; padding: .7rem 1rem; border-radius: 0 .5rem .5rem 0; margin: 1.2rem 0 0; }
.rr-narrow { max-width: 820px; }
.rr-types .pp-type img { border-radius: 8px; width: 90%; max-width: 330px; }
.rr-types .pp-zoom { display: block; margin: 0 auto; }
.rr-fig { margin: 1rem 0; text-align: center; }
.rr-fig .pp-zoom { display: block; width: 100%; max-width: 560px; margin: 0 auto; }
.rr-fig img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 6px 14px rgba(0,0,0,.25); }
.pp-acc .body ol, .pp-acc .body ul { padding-left: 1.3rem; }
.rr-buy-row .pp-shopify { margin: .5rem auto 0; }
.rr-hero-art img { max-width: 450px; border-radius: 16px; }
.rr-note { margin-top: 1.2rem; }
.rr-h3 { margin: 2rem 0 .6rem; font-size: 1.25rem; }
.rr-wide { margin: 1.2rem 0; text-align: center; }
.rr-wide .pp-zoom { display: block; width: 100%; max-width: 760px; margin: 0 auto; }
.rr-wide img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 6px 14px rgba(0,0,0,.25); }
.rr-fine { font-size: .9rem; color: var(--pp-muted); }