/* BFP template chooser: touch-first, centered preview cards */
.snap-step[data-step="1"] .snap-templates{display:flex!important;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - min(75%,330px))/2);padding:20px max(12px,calc((100% - min(75%,330px))/2)) 24px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;}
.snap-step[data-step="1"] .snap-templates::-webkit-scrollbar{display:none}
.snap-step[data-step="1"] .snap-template{flex:0 0 min(75%,330px)!important;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:14px!important;background:#fff;border:2px solid #e1e5ed;border-radius:20px;box-shadow:0 7px 20px #081c3510;transform:scale(.93);opacity:.67;transition:transform .2s,opacity .2s,border-color .2s;cursor:pointer}
.snap-step[data-step="1"] .snap-template.is-centered{transform:scale(1);opacity:1;border-color:#c62839;box-shadow:0 15px 36px #0b234a22}
.snap-step[data-step="1"] .snap-template canvas{display:block;max-height:390px;width:auto;max-width:100%;object-fit:contain;border-radius:8px;background:white;box-shadow:0 2px 12px #0002}
.snap-step[data-step="1"] .snap-template .template-card-caption{font-weight:700;font-size:14px;color:#102d53;margin-top:10px;text-align:center}
.snap-step[data-step="1"] .template-chooser-bottom{text-align:center;max-width:600px;margin:0 auto 14px;padding:0 12px}
.snap-step[data-step="1"] .template-chooser-bottom h3{font-size:20px;margin:5px 0;color:#122747}
.snap-step[data-step="1"] .template-chooser-bottom p{margin:4px 0 12px;color:#64748b;font-size:14px}
.snap-step[data-step="1"] .template-chooser-controls{display:flex;gap:10px;align-items:center;justify-content:center}
.snap-step[data-step="1"] .template-chooser-controls button{border-radius:12px;min-height:46px;padding:10px 15px;border:1px solid #cbd5e1;background:white;color:#0b234a;font-weight:700}
.snap-step[data-step="1"] #chooseCenteredTemplate{background:#b91c30;color:white;border-color:#b91c30;flex:1;max-width:280px}
.snap-step[data-step="1"] #chooseCenteredTemplate:disabled{opacity:.45}
.snap-step[data-step="1"] .template-dots{display:flex;gap:6px;justify-content:center;margin:12px 0}
.snap-step[data-step="1"] .template-dots span{width:7px;height:7px;border-radius:50%;background:#cbd5e1}
.snap-step[data-step="1"] .template-dots span.active{background:#b91c30;width:22px;border-radius:8px}
@media(max-width:480px){.snap-step[data-step="1"] .snap-template canvas{max-height:330px}.snap-step[data-step="1"] .snap-templates{gap:10px}}