/* Local comparison only: a visible photo-to-sale walkthrough before the notes. */
.hb.order-preview .photo-flow { position:relative; padding-block:64px 72px; scroll-margin-top:24px; }
.hb.order-preview .photo-flow h2 { font-size:clamp(32px,3.5vw,48px); line-height:1.12; letter-spacing:-.035em; text-align:center; margin-bottom:18px; }
.hb.order-preview .photo-flow-lead { max-width:none; font-size:21px; text-align:center; margin:0 auto 40px; color:var(--yellow); }
.hb.order-preview .photo-flow-steps { display:grid; grid-template-columns:.9fr 1.3fr 1fr; gap:32px; padding:0; margin:0; list-style:none; align-items:start; }
.hb.order-preview .photo-flow-steps>li { min-width:0; }
.hb.order-preview .photo-flow-step { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.hb.order-preview .photo-flow-step>span { display:grid; place-items:center; width:36px; height:36px; flex:none; border:1px solid #f5efe680; border-radius:50%; font-weight:700; }
.hb.order-preview .photo-flow-step h3 { font-size:24px; line-height:1.2; margin:0; }
.hb.order-preview .photo-flow-print { margin:0 0 24px; padding:12px 12px 18px; background:#fffdf8; color:#17192f; transform:rotate(-2deg); box-shadow:5px 9px 0 #050a2480; }
.hb.order-preview .photo-flow-print img { width:100%; height:210px; object-fit:contain; background:#f5efe6; }
.hb.order-preview .photo-flow-print figcaption { margin-top:12px; font-size:16px; line-height:1.4; }
.hb.order-preview .photo-flow-page { background:#fffdf8; color:#17192f; border:1px solid #f5efe6; box-shadow:5px 9px 0 #050a2480; margin-bottom:24px; }
.hb.order-preview .photo-flow-address { padding:10px 14px; background:#dbeafe; border-bottom:1px solid #b8c9df; font-size:14px; }
.hb.order-preview .photo-flow-page-title { font-weight:800; font-size:23px; padding:18px 16px 12px; }
.hb.order-preview .photo-flow-list { padding:0 16px 10px; }
.hb.order-preview .photo-flow-item { display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 0; border-top:1px solid #e5e5e5; }
.hb.order-preview .photo-flow-item img { width:56px; height:56px; object-fit:contain; background:#f5efe6; }
.hb.order-preview .photo-flow-item>span { font-size:14px; line-height:1.3; }
.hb.order-preview .photo-flow-item>b { font-size:16px; align-self:start; padding-top:4px; }
.hb.order-preview .photo-flow-booking { padding:22px; background:#d1fae5; color:#17192f; box-shadow:5px 9px 0 #050a2480; transform:rotate(1deg); margin-bottom:24px; }
.hb.order-preview .photo-flow-booking-title { font-size:24px; font-weight:800; margin-bottom:20px; }
.hb.order-preview .photo-flow-booking p { font-size:16px; line-height:1.5; }
.hb.order-preview .photo-flow-buyer { display:flex; align-items:center; gap:12px; padding-block:16px; border-block:1px solid #789b8c80; margin-block:20px; }
.hb.order-preview .photo-flow-buyer>span { display:grid; place-items:center; width:40px; height:40px; flex:none; border-radius:50%; background:#1d1f45; color:#f5efe6; font-weight:700; }
.hb.order-preview .photo-flow-buyer small { display:block; font-size:14px; line-height:1.4; margin-top:3px; }
.hb.order-preview .photo-flow-waiting { margin-bottom:0; }
.hb.order-preview .photo-flow-steps>li>p { font-size:18px; line-height:1.5; margin:0; }
.hb.order-preview .photo-flow-demo { display:inline-flex; align-items:center; min-height:44px; margin-top:10px; text-underline-offset:4px; font-weight:700; }
.hb.order-preview .photo-flow-benefits { margin:0 0 48px; gap:16px; }
.hb.order-preview .photo-flow-benefits li { color:var(--ink); padding:20px; gap:12px; }
.hb.order-preview .photo-flow-benefits .ti { width:44px; height:44px; }
.hb.order-preview .photo-flow-benefits svg { width:28px; height:28px; }
.hb.order-preview .photo-flow-benefits b { font-size:clamp(20px,1.8vw,24px); line-height:1.15; margin-top:0; }
.hb.order-preview .photo-flow-benefits span:not(.ti) { font-size:16px; line-height:1.45; }
.hb.order-preview .photo-flow-bottom { display:flex; justify-content:center; align-items:center; gap:28px; margin-top:42px; }
.hb.order-preview .photo-flow-bottom>p { max-width:370px; font-size:14px; line-height:1.5; margin:0; color:#ddd8d0; }
@media(max-width:1100px) and (min-width:781px) {
  .hb.order-preview .photo-flow-steps { gap:20px; }
  .hb.order-preview .photo-flow-step h3 { font-size:20px; }
  .hb.order-preview .photo-flow-print img { height:180px; }
  .hb.order-preview .photo-flow-booking { padding:16px; }
  .hb.order-preview .photo-flow-item { grid-template-columns:44px minmax(0,1fr); }
  .hb.order-preview .photo-flow-item img { width:44px; height:44px; grid-row:span 2; }
  .hb.order-preview .photo-flow-item>b { grid-column:2; padding:0; }
}
@media(max-width:780px) {
  .hb.order-preview .photo-flow { padding-block:36px 48px; }
  .hb.order-preview .photo-flow h2 { text-align:left; }
  .hb.order-preview .photo-flow-lead { text-align:left; font-size:18px; margin-bottom:28px; }
  .hb.order-preview .photo-flow-steps { grid-template-columns:1fr; gap:36px; }
  .hb.order-preview .photo-flow-step { margin-bottom:18px; }
  .hb.order-preview .photo-flow-step h3 { font-size:22px; }
  .hb.order-preview .photo-flow-print { display:flex; align-items:center; gap:18px; padding:12px; transform:none; margin-bottom:16px; }
  .hb.order-preview .photo-flow-print img { width:100px; height:100px; flex:none; }
  .hb.order-preview .photo-flow-print figcaption { margin:0; font-size:17px; }
  .hb.order-preview .photo-flow-page-title { font-size:22px; }
  .hb.order-preview .photo-flow-item img { width:52px; height:52px; }
  .hb.order-preview .photo-flow-booking { transform:none; padding:18px; }
  .hb.order-preview .photo-flow-booking-title { margin-bottom:12px; }
  .hb.order-preview .photo-flow-buyer { margin-block:14px; padding-block:12px; }
  .hb.order-preview .photo-flow-bottom { align-items:flex-start; flex-direction:column; gap:18px; margin-top:32px; }
  .hb.order-preview .photo-flow-bottom .sb-primary { width:100%; }
  .hb.order-preview .photo-flow-benefits { grid-template-columns:1fr; margin:0 0 32px; }
  .hb.order-preview .photo-flow-benefits li { display:grid; grid-template-columns:44px minmax(0,1fr); padding:16px; }
  .hb.order-preview .photo-flow-benefits .ti { grid-row:1; }
  .hb.order-preview .photo-flow-benefits span:not(.ti) { grid-column:1/-1; }
}