/* Black Mango Studio · mobile polish. Loaded after mobile-app.css on every public page. */
@font-face{font-family:"Bree Serif";src:url(/fonts/bree-serif-latin.woff2) format("woff2");font-display:swap}
:root{--bmp-ink:#352b24;--bmp-muted:#6f604f;--bmp-line:#e1d6c6;--bmp-card:#fffdf8;--bmp-mango:#f5b95c;--bmp-mango-deep:#eaaa47;--bmp-serif:"Bree Serif",Georgia,serif;--bmp-sans:"Nunito Sans","Nunito Sans Fallback",Arial,sans-serif}

/* ---------- One heading voice (the founder letter keeps its letter serif) ---------- */
body:not([data-mobile-app="/about"]) :is(h1,h2):not([class*="_documentTitle_"] h1):not(.catalog-results-bar h2):not(.bm-sheet h2){font-family:var(--bmp-serif)!important;font-weight:400!important;letter-spacing:-.005em}

@media (max-width:1023px){
 /* ---------- Readable text & comfortable taps ---------- */
 body[data-mobile-app] :is(.bms-sample-note,.bm-hero-lead){font-size:14px!important;line-height:1.5}
 body[data-mobile-app] details>summary{min-height:48px;display:flex!important;align-items:center;gap:10px;cursor:pointer}
 .bms-template-copy h3{font:700 16px/1.3 var(--bmp-sans)!important}
 .bms-template-copy h3 a{display:block;padding:8px 0 6px;color:var(--bmp-ink)}

 /* ---------- Menu sheet: one column of generous rows ---------- */
 .bm-mobile-sheet h2{font-size:28px!important;line-height:1.15!important}
 .bm-mobile-sheet nav{grid-template-columns:1fr!important;gap:0!important;margin-top:16px!important}
 .bm-mobile-sheet nav a{font:600 17px/1.2 var(--bmp-sans)!important;min-height:54px!important;border-bottom:1px solid #eee4d4;padding:0 4px!important;display:flex!important;align-items:center;justify-content:space-between}
 .bm-mobile-sheet nav a::after{content:"›";font-size:22px;color:#b39a7b}

 /* ---------- Home hero ---------- */
 [data-hero-album] .album-play{font-size:0!important;width:40px;height:40px;min-height:40px!important;padding:0!important;border-radius:50%;border:1px solid var(--bmp-line)!important;background:var(--bmp-card)!important;display:grid!important;place-items:center;margin:8px auto 0!important;color:#6b5a48;box-shadow:0 4px 12px #2a1d1112}
 [data-hero-album] .album-play::before{content:"❚❚";font-size:11px;letter-spacing:1px}
 [data-hero-album] .album-play[aria-label^="Play"]::before,[data-hero-album] .album-play[aria-pressed="true"]::before{content:"▶";font-size:13px;letter-spacing:0}
 [class*="__heroTabs"] button{min-height:44px!important;font-size:14px!important}

 /* ---------- Home: how it works, shown compactly after the examples ---------- */
 body[data-mobile-app="/"] #process{display:block!important;padding:44px 0 36px;background:linear-gradient(180deg,transparent,#f6eddd 30%,transparent)}
 body[data-mobile-app="/"] #process [class*="__shell"]{padding:0 20px!important;max-width:560px;margin:0 auto}
 body[data-mobile-app="/"] #process header{text-align:left;margin:0 0 18px!important;padding:0!important}
 body[data-mobile-app="/"] #process h2{font-size:32px!important;line-height:1.1!important;margin:0 0 8px!important}
 body[data-mobile-app="/"] #process header p{font-size:15px!important;color:var(--bmp-muted);margin:0!important}
 body[data-mobile-app="/"] #process ol{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0!important;margin:0!important;list-style:none}
 body[data-mobile-app="/"] #process li{display:grid!important;grid-template-columns:40px 1fr;column-gap:12px;align-items:start;background:var(--bmp-card);border:1px solid var(--bmp-line);border-radius:18px;padding:14px 14px 10px!important;margin:0!important;min-height:0!important}
 body[data-mobile-app="/"] #process li>span{grid-row:1/4;width:40px;height:40px;border-radius:50%;background:#f8e6c6;color:#9a5f1b;display:grid!important;place-items:center;font:800 14px var(--bmp-sans)!important;position:static!important}
 body[data-mobile-app="/"] #process li h3{font:700 17px/1.3 var(--bmp-sans)!important;margin:2px 0 4px!important}
 body[data-mobile-app="/"] #process li p{font-size:14px!important;line-height:1.45!important;margin:0 0 4px!important;color:var(--bmp-muted)}
 body[data-mobile-app="/"] #process li a{font:700 14px var(--bmp-sans)!important;min-height:36px;display:inline-flex!important;align-items:center;gap:6px;color:#8a5a1f}
 body[data-mobile-app="/"] #process li a svg{width:16px;height:16px}

 /* ---------- Home shelves: a visible way into every look ---------- */
 body[data-mobile-app="/"] #explore .bms-template .bms-start{display:inline-flex!important;position:absolute;right:10px;bottom:10px;z-index:3;min-height:36px;padding:0 12px;border-radius:999px;background:#f5b95cf2;color:#342719;font:800 13px/1 var(--bmp-sans);align-items:center;gap:6px;text-decoration:none;box-shadow:0 6px 16px #2a1d1126}
 body[data-mobile-app="/"] #explore .bms-template .bms-start svg{width:15px;height:15px}

 /* ---------- Footer: legal links stay, repeated navigation goes (the bottom bar covers it) ---------- */
 footer [class*="__footerGrid"]>[class*="__column"]{display:none!important}
 footer [class*="__footerGrid"]{padding-bottom:4px!important}

 /* ---------- Template page: show the starting photos, no extra tap ---------- */
 .references.bm-before-collapsed{display:block!important}
 .bm-before-toggle{display:none!important}
 .references{margin:14px 0 6px!important;padding:14px!important;background:#f3eadb;border-radius:16px}
 .references h2{font-size:18px!important;line-height:1.3!important;margin:0 0 4px!important}
 .references p{font-size:14px!important;margin:0 0 10px!important;color:var(--bmp-muted)}
 .references .source-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))!important;gap:8px!important}
 .references .source-grid img{height:96px!important;width:100%!important;object-fit:cover!important;border-radius:10px;background:#e9dfcf}
 .references .source-grid figcaption{font-size:12.5px!important;margin-top:4px}

 /* ---------- Pricing: compact cards, one button style, no duplicate table ---------- */
 [class*="pricing-grid-module"][class*="__card"]{padding:18px 18px 16px!important;border-radius:18px!important;margin:0!important}
 [class*="pricing-grid-module"][class*="__grid"]{gap:12px!important}
 [class*="pricing-grid-module"][class*="__card"] h3{font-size:24px!important;margin:0!important}
 [class*="pricing-grid-module"][class*="__price"]{font-size:30px!important;margin:6px 0 2px!important}
 [class*="pricing-grid-module"][class*="__description"]{font-size:14.5px!important;margin:0 0 10px!important}
 [class*="pricing-grid-module"][class*="__credits"]{font-size:14px!important;margin:0 0 10px!important}
 [class*="pricing-grid-module"][class*="__action"]{min-height:48px!important;border-radius:999px!important;font:800 15px var(--bmp-sans)!important;display:flex!important;align-items:center;justify-content:center}
 [class*="pricing-grid-module"][class*="__featured"] [class*="__action"]{background:var(--bmp-mango)!important;color:#342719!important;border-color:var(--bmp-mango)!important}
 body[data-mobile-app="/pricing"] section:has(>[class*="content-pages-module"][class*="__table"]),body[data-mobile-app="/pricing"] section:has(>div>[class*="content-pages-module"][class*="__table"]){display:none!important}

 /* ---------- Create flow ---------- */
 /* The editor has its own back button and title, so the site bar steps aside. */
 body[data-mobile-app^="/create/"]{padding-top:0!important}
 body[data-mobile-app^="/create/"] .bm-appbar{display:none!important}
 [class*="_form_"] [class*="_primary_"]{border-radius:999px!important}
 /* Two photo cards per row for group portraits. */
 [class*="_peopleGrid_"][data-multiple="true"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 [class*="_peopleGrid_"][data-multiple="true"] [class*="_personCard_"]{padding:10px!important;min-width:0}
 [class*="_peopleGrid_"][data-multiple="true"] [class*="_dropZone_"]{min-height:150px!important;padding:12px 8px!important}
 [class*="_peopleGrid_"][data-multiple="true"] [class*="_dropZone_"] strong{font-size:14px!important;line-height:1.3}
 [class*="_peopleGrid_"][data-multiple="true"] [class*="_uploaded_"]>img{height:150px!important}
 [class*="_peopleGrid_"][data-multiple="true"] [class*="_addPerson_"]{min-height:150px!important}
 /* The upload tile already offers the camera on phones; the separate link is noise. */
 [class*="_mobilePhotoActions_"] [class*="_filePicker_"]{display:none!important}
 [class*="_mobilePhotoActions_"]:not(:has(button)){display:none!important}
 /* Photo tips at a glance, the full guide one tap away. */
 [class*="_mobilePhotoTips_"]{flex-direction:column!important;align-items:flex-start!important;gap:8px;padding-top:6px!important;text-decoration:none!important;font-weight:700!important;color:#8a5a1f!important}
 [class*="_mobilePhotoTips_"]::before{content:"Face easy to see  ·  Soft daylight  ·  No filters";display:block;text-decoration:none;font:700 13.5px/1.4 var(--bmp-sans);color:#6b4a26;background:#f8e6c6;border-radius:999px;padding:8px 14px}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){.bm-mobile-sheet{animation:none!important}}