/* First screen for a new web visitor: the free offer and one real before/after.
   Compact on purpose, so the upload box stays above the fixed Continue bar. */
#firstOffer[hidden]{display:none}
#wiz.first-offer-on [data-step="photo"]>.wiz-sub{display:none}
.first-offer-line{margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.3;color:var(--ink,#1b2433)}
.first-offer-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 10px}
/* Whole images, never cropped: finished looks carry their burnt-in staging label. */
.first-offer-example figure{position:relative;aspect-ratio:3/2;margin:0;overflow:hidden;border-radius:10px;background:#eef0f2}
.first-offer-example img{display:block;width:100%;height:100%;object-fit:cover}
.first-offer-example figcaption{position:absolute;left:6px;top:6px;max-width:calc(100% - 12px);padding:3px 6px;border-radius:5px;background:rgba(20,20,20,.72);color:#fff;font-size:11px;font-weight:600;line-height:1.2}
@media(max-width:719px){#wiz.first-offer-on #wizDrop{min-height:60px!important;padding:10px!important;gap:2px}}
@media(min-width:720px){.first-offer-example{max-width:560px}}
/* The smallest phones keep the offer but not the pictures: the upload box comes first. */
@media(max-height:600px){.first-offer-example{display:none}}