/* Buying flow: scoped to the four refreshed pages. */
.buying-flow{font-size:17px;line-height:1.55}
.buying-flow :is(p,li,label,legend,summary,input,select,textarea,.button,.price-note,.form-note,.section-kicker,.eyebrow,.trust-item strong,.trust-item span,.contact-shortcuts a,.footer-links a,.nb-logo-note,.nb-uses,.merch-spec span,.merch-links a,.category-copy span){font-size:17px}
.buying-flow :is(input,select,textarea){min-height:48px}
.buying-flow .offer-bar{font-size:17px;padding:10px 16px;line-height:1.35}
.buying-flow .flow-hero{background:#101114!important;min-height:0!important;padding:0!important;display:block!important;color:#fff}
.buying-flow .flow-hero::before{display:none!important}
.buying-flow .flow-hero-grid{display:grid;grid-template-columns:1fr;gap:0;padding:0;width:100%;max-width:1180px}
.flow-hero-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.buying-flow .flow-hero :is(.hero-copy,.home-copy){margin:0;max-width:none;width:auto;padding:28px 20px 32px!important}
.buying-flow .flow-hero h1{font-size:clamp(32px,7.6vw,54px);line-height:1.08;letter-spacing:-.035em;margin-bottom:14px}
.buying-flow .flow-hero .hero-lead{font-size:19px;line-height:1.5;margin-bottom:18px}
.flow-from{display:grid;gap:3px;margin:20px 0}
.flow-from strong{font-size:30px;color:#ffda00;line-height:1.2}
.flow-from span{font-size:17px;color:#e4e4e7}
.buying-flow .hero-actions{gap:10px;margin:0}
.buying-flow .hero-actions .button{min-height:50px;flex:1 1 auto;justify-content:center}
.buying-flow .flow-hero .proof-list{margin-top:22px}
.buying-flow main>.section,.buying-flow main>.gallery-band{padding-block:36px}
.buying-flow .section-title{font-size:clamp(28px,5vw,42px)}
.buying-flow .flow-price-wrap{max-width:860px;display:block}
.flow-pricing{background:#f5f5f6}
.flow-price-table{border-collapse:collapse;width:100%;background:#fff;margin:20px 0;font-size:17px;border-top:4px solid var(--pink)}
.flow-price-table caption{text-align:left;font-weight:750;padding-bottom:12px;font-size:17px}
.flow-price-table :is(th,td){text-align:left;padding:14px 10px;border-bottom:1px solid #dedee1;font-variant-numeric:tabular-nums}
.flow-price-table thead{background:#141414;color:#fff}
.flow-price-table tbody tr:nth-child(even){background:#fafafa}
.flow-price-table strong{color:var(--pink-dark)}
.flow-price-table th{font-weight:800}
.buying-flow .flow-pricing .section-intro{margin-bottom:16px}
.flow-rounding{color:var(--muted)}
.buying-flow .flow-trust .trust-grid{display:grid;grid-template-columns:1fr;gap:18px}
.buying-flow .flow-trust .trust-item{display:flex;align-items:center;gap:12px}
.flow-trust .trust-item svg{width:26px;height:26px;flex-shrink:0;color:var(--pink)}
.flow-order{background:#fff}
.flow-steps{display:grid;gap:18px;margin:24px 0}
.flow-steps article{padding:22px;border:1px solid #dedee1;border-radius:8px}
.flow-steps article>span{color:var(--pink);font-weight:900;font-size:20px}
.flow-steps h3{font-size:22px;margin:8px 0}
.flow-steps p{margin:0;color:var(--muted)}
.flow-timing{padding:18px;background:#fff8d9;border-radius:6px}
.buying-flow .quote-form{padding:20px 16px;min-width:0}
.buying-flow .quote-form .form-grid{grid-template-columns:1fr;gap:16px}
.buying-flow .quote-form textarea{min-height:110px;height:auto}
.buying-flow .quote-form .field input{height:auto;min-height:48px}
.flow-optional summary{cursor:pointer;font-weight:700}
.flow-optional .field{margin-top:12px}
.flow-artwork{margin:0;color:var(--muted)}
.buying-flow .nb-backing-options{grid-template-columns:1fr}
.buying-flow .nb-backing-options label{height:48px}
.buying-flow .nb-backing-options input{min-height:0!important}
.buying-flow .nb-submit-row{display:grid;justify-content:center;gap:16px}
.buying-flow .nb-submit-row .captcha-wrap{min-width:304px}
.buying-flow .flow-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.flow-product-card{display:block;overflow:hidden;background:#fff;border:1px solid #dddde0;border-radius:8px;color:var(--ink);text-decoration:none;transition:box-shadow .2s}
.flow-product-card:hover{box-shadow:0 6px 24px #0002}
.flow-product-card img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.flow-product-card>span{display:flex;gap:6px;justify-content:space-between;align-items:center;padding:16px 12px;font-size:18px;font-weight:800;line-height:1.3}
.flow-product-card b{color:var(--pink)}
.flow-business{background:#f5f5f6}
.flow-business-links{display:grid;gap:10px}
.flow-business-links a{display:flex;justify-content:space-between;align-items:center;border:1px solid #dddde0;border-radius:6px;background:#fff;padding:16px;font-size:18px;font-weight:750;text-decoration:none;color:var(--ink)}
.buying-flow :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #007b83;outline-offset:4px}
.buying-flow .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.buying-flow .gallery-item img{aspect-ratio:3/2;object-fit:cover}
.buying-flow .nb-spec-list{font-size:17px}
@media(min-width:761px){
 .buying-flow .flow-hero-grid{grid-template-columns:1fr 1fr;align-items:center;padding:32px 20px;gap:32px;margin:auto}
 .flow-hero-photo{border-radius:8px;grid-column:2;grid-row:1;aspect-ratio:4/5}
 .buying-flow .flow-hero :is(.hero-copy,.home-copy){grid-column:1;grid-row:1;padding:24px 0!important}
 .buying-flow .flow-hero h1{font-size:clamp(38px,4vw,54px)}
 .buying-flow main>.section,.buying-flow main>.gallery-band{padding-block:48px}
 .flow-steps{grid-template-columns:repeat(3,1fr)}
 .buying-flow .flow-trust .trust-grid{grid-template-columns:repeat(3,1fr)}
 .buying-flow .flow-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .flow-business-links{grid-template-columns:repeat(5,minmax(0,1fr))}
 .buying-flow .quote-form .form-grid{grid-template-columns:1fr 1fr}
 .buying-flow .nb-backing-options{grid-template-columns:repeat(3,1fr)}
 .buying-flow .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1100px){.buying-flow .flow-trust .trust-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){
 .buying-flow{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .buying-flow .gallery-head{display:block}
 .buying-flow .quote-layout{grid-template-columns:1fr}
 .buying-flow .merch-gallery .gallery-item:nth-child(6){grid-column:auto}
 .buying-flow .merch-spec-grid{grid-template-columns:1fr}
}
