/* Unified mobile-first presentation for storefront, builder and hosted pages. */
.goal-grid{gap:20px}.goal-grid .goal{display:flex;flex-direction:column;padding:26px;min-height:345px;border-radius:24px;background:linear-gradient(145deg,#102a3b,#0a1b2a);isolation:isolate}.goal-grid .goal h3{font-size:25px;max-width:none;margin:10px 0}.goal-grid .goal p{font-size:13px;max-width:none;min-height:42px}.goal-grid .goal .goal-products{position:relative;inset:auto!important;width:100%;height:185px!important;min-height:185px;display:block!important;margin:12px auto 20px;flex:none;overflow:visible}.goal-grid .goal .goal-products img{position:absolute!important;left:50%!important;right:auto!important;bottom:auto!important;top:50%!important;width:52%!important;height:160px!important;max-width:none!important;object-fit:contain;transform:translate(-50%,-50%)!important;filter:drop-shadow(0 12px 10px #0004)}.goal-grid .goal.card .goal-products img{width:67%!important;height:135px!important}.goal-grid .goal.card .goal-products img:first-child{transform:translate(-65%,-60%) rotate(-9deg)!important;z-index:1}.goal-grid .goal.card .goal-products img:last-child{transform:translate(-35%,-37%) rotate(8deg)!important;z-index:2}.goal-grid .goal.social .goal-products img:first-child,.goal-grid .goal.keychain .goal-products img:first-child{transform:translate(-50%,-36%)!important;z-index:5}.goal-grid .goal.social .goal-products img:nth-child(2),.goal-grid .goal.keychain .goal-products img:nth-child(2){transform:translate(-85%,-56%) rotate(-12deg)!important;z-index:3}.goal-grid .goal.social .goal-products img:nth-child(3),.goal-grid .goal.keychain .goal-products img:nth-child(3){transform:translate(-15%,-56%) rotate(12deg)!important;z-index:3}.goal-grid .goal.keychain .goal-products img{width:43%!important;height:166px!important}.goal-grid .goal.keychain .goal-products img:nth-child(4){transform:translate(-110%,-66%) rotate(-19deg)!important;z-index:1}.goal-grid .goal.keychain .goal-products img:nth-child(5){transform:translate(10%,-66%) rotate(19deg)!important;z-index:1}.goal-grid .goal .arrow{left:26px;bottom:24px;width:32px;height:32px;line-height:29px}.goal-grid .goal .label{right:26px;bottom:31px;display:block;font-size:10px}.goal-grid .goal{padding-bottom:56px}
/* A restrained form shell and a stable preview, with clear section boundaries. */
.builder-page{max-width:1210px}.builder-page .steps{max-width:720px;margin-bottom:38px}.builder-grid{grid-template-columns:minmax(0,1fr) 380px;gap:44px}.builder-title h1{font-size:32px;line-height:1.2;max-width:520px}.builder-title p{line-height:1.7}.builder-title{margin-bottom:22px}.builder-page .draft-controls{padding:12px 0;margin:0 0 20px;gap:10px;border-block:1px solid #1d344880}.draft-controls #saved{margin-left:auto;font-size:11px}.draft-controls #discard{background:none;border:0;color:#c5a4ac;font-size:12px;padding-inline:4px}.draft-controls #discard:hover{color:#ffa4af}.builder-page #editor-panel{padding:26px;background:#0b1c2a;border-radius:20px;box-shadow:0 10px 35px #0001}.builder-page .type-tabs{border:0;background:#061421;padding:5px;gap:4px;margin-bottom:24px}.builder-page .type-tabs button{font-size:11px;line-height:1.5;padding:11px 8px;min-width:0}.builder-page .type-tabs .active{background:#16404b;color:#b6fff3;box-shadow:0 2px 5px #0002}.builder-page .scan-box{padding:22px;background:linear-gradient(135deg,#10323e,#0b2231);border:1px solid #285264;border-radius:17px;margin-bottom:26px}.scan-heading{display:flex;align-items:flex-start;gap:13px}.scan-symbol{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#1f5159;color:#7ff2e7;font-size:23px}.scan-heading h3{margin:1px 0 7px;font-size:19px}.scan-heading p{font-size:12px;line-height:1.7;margin-bottom:18px}.builder-page .scan-cost{padding:11px 13px;border:0;border-left:3px solid #6fe2c6;border-radius:0 8px 8px 0;background:#143b42;font-size:13px;color:#c5fff0;margin:0 0 20px}.scan-cost small{display:block;font-size:11px;color:#8fbcbf;font-weight:400;margin-top:2px}.reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reference-field{margin-bottom:15px;min-width:0}.upload-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 8px;margin-bottom:8px}.upload-heading label{font-size:12px;font-weight:650;color:#e9f4fa}.upload-heading small{font-size:10px;color:#85a5b6}.reference-upload{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#071b28;border:1px solid #294857;border-radius:12px;min-height:89px}.reference-upload.has-attachment{border-color:#39767b;background:#0a2531}.upload-choice{min-width:0;flex:1}.choose-file{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #365865;background:#183440;color:#e2f4f7;border-radius:7px;cursor:pointer;font-size:11px;font-weight:650;white-space:nowrap}.choose-file:hover{border-color:#28dbdf}.upload-choice>small{display:block;max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;margin-top:7px;color:#8faab7}.reference-preview{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;max-width:65%;flex:none}.reference-thumb{position:relative;width:62px;height:62px}.reference-thumb img{width:100%;height:100%;object-fit:cover;border:1px solid #426570;border-radius:9px}.reference-thumb .media-remove{width:22px;height:22px;font-size:16px;line-height:16px;right:-5px;top:-5px;border-color:#71909b;background:#102533}.scan-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.scan-actions>.button{min-height:42px;padding:11px 18px;font-size:13px}.scan-actions>span{font-size:10px;color:#90aeba;text-align:right;line-height:1.6}.remove-references{font-size:11px;font-weight:500;margin-top:15px;color:#9db8c6}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.upload-choice:focus-within .choose-file{outline:2px solid var(--cyan);outline-offset:3px}.editor-divider{display:flex;align-items:center;gap:15px;color:#7e9baa;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:24px 0}.editor-divider:before,.editor-divider:after{content:'';height:1px;background:#233b4c;flex:1}.editor-group{border:1px solid #223c4f;border-radius:14px;margin:12px 0;background:#0c1e2d;overflow:hidden}.editor-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;cursor:pointer}.editor-group>summary::-webkit-details-marker{display:none}.editor-group summary strong{font-size:14px;font-weight:650}.editor-group summary small{display:block;font-size:11px;color:#8da6b8;margin-top:4px;font-weight:400}.group-chevron{font-size:18px;color:#7da3b3;transition:transform .2s}.editor-group[open]>.group-chevron,.editor-group[open]>summary .group-chevron{transform:rotate(180deg)}.editor-group[open]{border-color:#315368}.editor-group-body{padding:6px 18px 18px}.editor-group-body>.field:last-child{margin-bottom:0}.editor-group-body p{font-size:12px}.editor-group-body .grid-2{gap:0 14px}.builder-page input,.builder-page textarea,.builder-page select{background:#081725;border-color:#294154;border-radius:9px;font-size:13px;padding:12px;min-height:46px}.builder-page .field{font-size:11px;font-weight:550;color:#bcd0dd;gap:8px;margin-bottom:18px}.builder-page input::placeholder,.builder-page textarea::placeholder{color:#5e798c;font-size:12px}.custom-button-fields{display:flex;gap:10px;padding-top:15px;border-top:1px solid #203849;margin-bottom:8px}.custom-button-fields>.grid-2{flex:1;min-width:0}.field-number{font-size:10px;color:#6d93a3;padding-top:27px}.builder-footer{background:#0b1c2a;margin-top:26px;padding-top:22px}.builder-footer>.button{font-size:13px}.design-section>summary{display:flex;justify-content:space-between;align-items:center;gap:15px}.design-section>summary>small{font-size:11px;color:#6cceca;font-weight:400}.builder-page .visual-options{gap:12px;margin:18px 0 3px}.builder-page .visual-options button{border-radius:10px;border:1px solid #294153;background:#081826;padding:13px;font-size:11px;line-height:1.4}.builder-page .visual-options button.active{border-color:#67e0cc;box-shadow:0 0 0 1px #67e0cc;background:#10313a}.design-section{padding:16px;border-radius:13px;background:#0c2130;margin:12px 0}.design-section summary{font-size:13px}.builder-page .template-grid button{border-radius:12px}.builder-preview{top:105px;max-width:380px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.preview-toolbar .eyebrow{font-size:9px;margin-bottom:5px;color:#76a5b7}.preview-toolbar strong{font-size:17px;font-weight:600}.preview-close{display:none}.preview-options{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:10px;color:#809faf}.preview-options button{font-size:11px}.preview-caption{font-size:11px;text-align:center;color:#7893a3;margin:16px 0}.preview-hint{font-size:11px;padding:10px;background:#133440;border-radius:8px}.builder-preview .phone-frame,.demo-preview-shell .phone-frame{height:660px;max-height:calc(100dvh - 220px);padding:28px 0 12px!important;border:8px solid #202b37!important;border-radius:43px!important;background:#090e15;box-shadow:0 0 0 1px #4b5967,0 25px 65px #0006;overflow:hidden!important;max-width:365px}.phone-screen{height:100%;overflow-y:auto;overflow-x:hidden;border-radius:27px 27px 28px 28px;background:#071524;scrollbar-width:none}.phone-screen::-webkit-scrollbar{display:none}.phone-frame:before{top:7px;height:13px;width:68px;left:calc(50% - 34px);background:#02060b}.phone-frame .digital-page{font-size:14px}.builder-preview .digital-cover{height:190px}.phone-frame .digital-intro h1{font-size:26px}.demo-preview-shell .phone-frame{height:760px;max-height:calc(100dvh - 160px)}
/* Customer pages: one coherent header, readable contact cards and calm actions. */
.digital-page{font-size:14px;line-height:1.65}.digital-page .digital-header{position:relative}.digital-page .cover-gallery{height:auto;min-height:0}.digital-page .digital-cover{height:220px;min-height:0}.digital-page .digital-intro{position:relative;padding:0 24px 4px}.digital-page .digital-profile-frame{position:relative;z-index:2;margin:-43px auto 16px;width:90px;height:90px;border:5px solid var(--page-bg);box-shadow:0 6px 20px #0002;background:var(--page-bg);border-radius:24px}.digital-page .digital-profile-frame .digital-profile{width:100%;height:100%;margin:0;border:0;border-radius:0;float:none;object-fit:cover}.digital-page .digital-intro h1{font-size:28px;line-height:1.22;letter-spacing:-.035em;margin:0 0 8px;overflow-wrap:anywhere}.digital-page .digital-intro .tagline{font-size:13px;opacity:.9;margin-bottom:12px;line-height:1.5}.digital-page .digital-intro>p:not(.tagline){font-size:13px;line-height:1.8;margin:0 auto 20px;max-width:460px}.digital-page .digital-body{padding:12px 24px 28px}.digital-page .card-details{margin:22px 0 10px}.digital-page .card-details h2{font-size:10px;letter-spacing:.15em;justify-content:flex-start;margin-bottom:10px;opacity:.6}.digital-page .card-details h2>.ui-icon{display:none}.digital-page .detail-grid{display:grid;grid-template-columns:1fr;gap:1px;border:1px solid color-mix(in srgb,var(--page-text) 10%,transparent);border-radius:14px;overflow:hidden}.digital-page .detail-tile{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;text-align:left;column-gap:9px;row-gap:2px;padding:12px 14px;border-radius:0;background:color-mix(in srgb,var(--page-text) 3%,var(--page-bg));border-bottom:1px solid color-mix(in srgb,var(--page-text) 7%,transparent)}.digital-page .detail-tile:last-child{border:0}.digital-page .detail-tile>.ui-icon{grid-row:1/3;width:18px;height:18px;margin:0;align-self:center;justify-self:center}.digital-page .detail-tile small{font-size:8px;letter-spacing:.08em;opacity:.5}.digital-page .detail-tile span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.digital-page .digital-primary{min-height:50px;letter-spacing:.01em;font-size:14px}.digital-page .action-group h2{font-size:10px;letter-spacing:.12em;opacity:.55;margin:26px 0 12px}.digital-page .digital-links{gap:9px;margin:0}.digital-page .digital-links a{min-height:51px;padding:13px 15px;font-size:13px;line-height:1.4;border:1px solid color-mix(in srgb,var(--page-text) 7%,transparent)}.digital-page .action-label{gap:11px}.digital-page .action-label .ui-icon{width:18px;height:18px}.digital-page .action-label img{padding:4px;background:#fff;border-radius:7px}.digital-page .digital-links a>span:last-child:not(.action-label){opacity:.45}.digital-page .digital-filter{display:grid;grid-template-columns:1fr!important;gap:10px;margin:25px 0 16px}.digital-page .digital-filter input,.digital-page .digital-filter select{width:100%;min-height:44px;font-size:12px;border-radius:10px;padding:12px;color:var(--page-text);color-scheme:normal}.digital-page .digital-filter input::placeholder{color:var(--page-text);opacity:.5}.digital-page .item-category{margin:10px 0;border-radius:13px;border-color:color-mix(in srgb,var(--page-text) 12%,transparent)}.digital-page .item-category>summary{padding:16px;font-size:13px;background:color-mix(in srgb,var(--page-text) 4%,transparent)}.digital-page .item-category>summary span{opacity:.5;font-size:10px;margin-top:2px}.digital-page .digital-item{padding:17px 16px;gap:15px;min-width:0}.digital-page .digital-item>div{min-width:0}.digital-page .digital-item h3{font-size:14px;line-height:1.4;margin:0;overflow-wrap:anywhere}.digital-page .digital-item strong{font-size:13px;padding-top:0;line-height:1.5}.digital-page .digital-item p{font-size:12px;line-height:1.7}.digital-page .item-description summary{margin-top:5px;font-size:10px}.digital-page .business-hours{padding-inline:0;margin-top:28px}.digital-page .business-hours>summary{font-size:12px}.digital-page footer{padding:22px 18px;font-size:10px;opacity:.6}.digital-page .gallery-indicator{bottom:12px;right:14px;font-size:9px;letter-spacing:.02em;background:#061522b3;padding:5px 9px}.digital-page .photo-placeholder{border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 16%,var(--page-bg)),color-mix(in srgb,var(--page-accent) 4%,var(--page-bg)));font-size:11px;color:var(--page-text)}.digital-page .digital-profile.photo-placeholder{font-size:9px;text-align:center;padding:9px;border-radius:0}.digital-page .position-controls{background:var(--page-bg);z-index:4;gap:6px;padding:8px;flex-wrap:wrap}.digital-page .position-controls button{min-height:30px;min-width:30px;border-color:color-mix(in srgb,var(--page-text) 20%,transparent);font-size:10px}.digital-page:has(.position-controls) .digital-profile-frame{margin-top:12px}.digital-page.header-1 .digital-profile-frame,.digital-page.header-6 .digital-profile-frame,.digital-page.header-10 .digital-profile-frame,.digital-page.header-16 .digital-profile-frame{margin-left:0}.digital-page.header-2 .digital-cover{height:260px}.digital-page.header-3 .digital-cover,.digital-page.header-7 .digital-cover{height:150px}.digital-page.header-4 .digital-profile-frame{width:110px;height:110px;margin-top:-55px}.digital-page.header-5 .digital-intro,.digital-page.header-17 .digital-intro{margin:0;padding-top:0;background:transparent;border-radius:0}.digital-page.header-8 .digital-cover{height:300px}.digital-page.header-9 .digital-intro{text-align:left}.digital-page.header-9 .digital-profile-frame{margin-left:0;border-radius:18px}.digital-page.header-12 .digital-profile-frame{border-radius:50%}.digital-page.header-13 .cover-gallery{border-radius:0 0 30px 30px}.digital-page.header-15 .digital-cover{height:300px}.digital-page.header-16 .digital-profile-frame{width:70px;height:70px;margin-top:18px}.digital-page.header-19 .digital-cover{height:170px}.digital-page.list-15 .digital-items{display:block}.public-page{max-width:620px}.public-page>.digital-page{min-height:100dvh}
@media(max-width:1000px){.builder-grid{grid-template-columns:minmax(0,1fr) 330px;gap:25px}.goal-grid .goal{padding:22px 22px 56px}.goal-grid .goal h3{font-size:22px}}
@media(max-width:760px){.goal-grid{grid-template-columns:1fr 1fr;gap:12px}.goal-grid .goal{padding:18px 15px 48px;min-height:288px;border-radius:18px}.goal-grid .goal h3{font-size:19px;line-height:1.2;margin:8px 0}.goal-grid .goal small{font-size:8px}.goal-grid .goal p{font-size:11px;line-height:1.6;min-height:36px}.goal-grid .goal .goal-products{height:120px!important;min-height:120px;margin:12px auto 0}.goal-grid .goal .goal-products img{height:105px!important;width:65%!important}.goal-grid .goal.card .goal-products img{width:80%!important;height:90px!important}.goal-grid .goal.keychain .goal-products img{width:49%!important;height:105px!important}.goal-grid .goal .arrow{left:15px;bottom:15px;width:25px;height:25px;line-height:22px}.goal-grid .goal .label{display:none}.builder-page{width:calc(100% - 28px);padding-top:20px}.builder-page .steps{margin-bottom:25px}.builder-grid{display:block}.builder-title h1{font-size:26px;letter-spacing:-.04em}.builder-title .eyebrow{font-size:9px;margin-bottom:9px}.builder-title p{font-size:12px;margin-bottom:0}.builder-page #editor-panel{padding:15px;border-radius:16px}.builder-page .draft-controls{margin-bottom:16px;padding:12px 0}.draft-controls #saved{flex-basis:100%;margin:0;font-size:10px}.builder-page .scan-box{padding:16px;border-radius:13px}.scan-heading{gap:10px}.scan-symbol{width:32px;height:32px;font-size:20px;border-radius:10px}.scan-heading h3{font-size:17px}.scan-heading p{font-size:11px;margin-bottom:14px}.builder-page .scan-cost{font-size:12px}.scan-cost small{font-size:10px}.reference-pair{grid-template-columns:1fr;gap:0}.reference-upload{min-height:85px;padding:12px}.reference-preview{max-width:62%}.reference-thumb{width:60px;height:60px}.upload-choice>small{max-width:140px}.editor-group>summary{padding:16px 14px}.editor-group-body{padding:0 14px 15px}.editor-group summary strong{font-size:13px}.editor-group summary small{font-size:10px;line-height:1.5}.editor-group-body .grid-2{grid-template-columns:1fr}.editor-group-body .section-head{gap:8px}.editor-group-body .section-head p{font-size:10px;margin:0}.builder-page .field{margin-bottom:16px}.builder-page input,.builder-page select,.builder-page textarea{font-size:16px;min-height:46px}.builder-page input::placeholder,.builder-page textarea::placeholder{font-size:12px}.builder-page .type-tabs{margin-bottom:18px;flex-wrap:nowrap}.builder-page .type-tabs button{font-size:10px;flex:1 1 0;padding:9px 4px}.builder-page .builder-footer{position:sticky;bottom:0;z-index:6;margin:22px -15px -15px;padding:14px 15px;border-radius:0 0 16px 16px;background:#0b1c2af5;backdrop-filter:blur(15px)}body:has(.bottom-nav) .builder-page .builder-footer{bottom:64px}.builder-page .builder-footer .button{min-height:43px}.builder-page .visual-options{grid-template-columns:1fr 1fr;gap:9px}.builder-page .visual-options button{padding:10px;font-size:10px}.design-section{padding:13px}.design-section summary{font-size:12px;gap:7px}.design-section summary small{font-size:10px;max-width:45%;text-align:right}.builder-preview.mobile-hidden{display:none}.builder-preview.preview-is-open{display:flex;flex-direction:column;position:fixed;inset:0;z-index:60;background:radial-gradient(ellipse at 50% 35%,#163849,#061322 70%);padding:22px 18px 16px;max-width:none;max-height:none;margin:0;overflow:auto}.builder-preview-open{overflow:hidden}.preview-toolbar{width:min(365px,100%);margin:0 auto 14px;flex:none}.preview-toolbar strong{font-size:15px}.preview-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #345264;color:#e8f4fa;background:#102b3b;border-radius:50%;font-size:22px}.preview-options{width:min(365px,100%);margin:0 auto 14px;flex:none}.builder-preview .phone-frame{width:min(365px,100%);height:calc(100dvh - 150px);max-height:780px;min-height:300px;flex:0 0 auto;margin:auto}.preview-caption{margin:12px 0 0;font-size:10px}.preview-hint{width:min(365px,100%);margin:0 auto 10px}.builder-preview:has(.preview-hint) .phone-frame{height:calc(100dvh - 200px)}.phone-frame .digital-intro h1{font-size:25px}.phone-frame .digital-cover{height:185px}.phone-frame .digital-body,.phone-frame .digital-intro{padding-left:20px;padding-right:20px}.demo-preview-shell{padding:20px 14px 125px}.demo-preview-shell .phone-frame{max-height:calc(100dvh - 160px)}}
@media(max-width:350px){.goal-grid{grid-template-columns:1fr}.goal-grid .goal .goal-products{height:165px!important;min-height:165px}.goal-grid .goal .goal-products img{height:150px!important;width:50%!important}.goal-grid .goal.card .goal-products img{width:65%!important;height:120px!important}.goal-grid .goal.keychain .goal-products img{width:40%!important;height:150px!important}}
@media(min-width:761px){.builder-preview-open{overflow:auto}.preview-close{display:none}.draft-controls #mobile-preview{display:none}.public-page{padding:28px 0}.public-page>.digital-page{border:1px solid #ffffff15;border-radius:24px;box-shadow:0 20px 80px #0004;min-height:calc(100dvh - 56px)}}
.media-intro{margin-bottom:22px}.media-intro>p{font-size:13px;line-height:1.75}.media-intro>.text-button{font-size:11px;color:#c3a1ac}.builder-page .photo-upload{border:1px solid #294354;background:#0a1b29;padding:18px;border-radius:14px;margin:14px 0}.photo-upload .upload-heading{align-items:center;gap:8px}.photo-upload .upload-heading h3{font-size:14px;margin:0;line-height:1.4}.required-label{font-size:9px;font-weight:600;color:#b6e4e4;background:#163a44;padding:4px 7px;border-radius:5px;white-space:nowrap}.required-label.optional{color:#8ba8b7;background:#132b3b}.photo-upload>p{font-size:11px;line-height:1.7;margin:9px 0 16px}.display-upload-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid #203847}.display-upload-row .upload-choice>small{max-width:none;white-space:normal;font-size:10px}.photo-upload .display-thumb{width:104px;flex:none}.photo-upload .display-thumb img{width:104px;height:72px;border-radius:9px;margin:0;object-fit:cover;border:1px solid #335466}.photo-upload.profile .display-thumb{width:72px}.photo-upload.profile .display-thumb img{width:72px;height:72px;border-radius:16px}.empty-upload-art{width:70px;height:65px;display:grid;place-items:center;font-size:26px;color:#517888;background:#102d3e;border:1px dashed #315365;border-radius:10px;flex:none}.showcase-upload .showcase-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.showcase-upload .media-thumb img{width:100%;height:90px;border-radius:10px;object-fit:cover;margin:0}.showcase-order{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.showcase-order button{border:1px solid #2b485c;border-radius:6px;background:#122b3b;color:#abc7d5;width:27px;height:27px;min-height:0;font-size:13px}.showcase-order small{font-size:10px}.showcase-choice{margin-top:18px}.builder-page .photo-upload input.visually-hidden{min-height:0!important}
@media(max-width:760px){.builder-page .photo-upload{padding:15px}.photo-upload .upload-heading h3{font-size:13px}.showcase-upload .showcase-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.display-upload-row{gap:12px}.photo-upload .display-thumb,.photo-upload .display-thumb img{width:84px}.display-upload-row .choose-file{font-size:11px}}
/* Keep product photography readable on a phone. */
.goal-grid .goal.keychain .goal-products img{width:59%!important;height:185px!important}
.goal-grid .goal.keychain .goal-products img:first-child{transform:translate(-50%,-35%)!important}
.goal-grid .goal.keychain .goal-products img:nth-child(2){transform:translate(-73%,-52%) rotate(-8deg)!important}
.goal-grid .goal.keychain .goal-products img:nth-child(3){transform:translate(-27%,-52%) rotate(8deg)!important}
.goal-grid .goal.keychain .goal-products img:nth-child(4){transform:translate(-95%,-62%) rotate(-13deg)!important}
.goal-grid .goal.keychain .goal-products img:nth-child(5){transform:translate(-5%,-62%) rotate(13deg)!important}
@media(max-width:600px){.goal-grid{grid-template-columns:1fr;gap:16px}.goal-grid .goal{padding:24px 24px 62px;min-height:340px}.goal-grid .goal h3{font-size:27px}.goal-grid .goal small{font-size:10px}.goal-grid .goal p{font-size:13px;min-height:24px}.goal-grid .goal .goal-products{height:170px!important;min-height:170px;margin:16px auto 8px;max-width:300px}.goal-grid .goal .goal-products img{width:52%!important;height:160px!important}.goal-grid .goal.card .goal-products img{width:70%!important;height:130px!important}.goal-grid .goal.keychain .goal-products img{width:60%!important;height:175px!important}.goal-grid .goal .arrow{left:24px;bottom:23px;width:30px;height:30px;line-height:27px}.goal-grid .goal .label{display:block;right:24px;bottom:30px;font-size:10px}}