/* Saved appearance is shared by the storefront and the boutique panel. */
body .hero h1,body .section-heading h2,body .boutique-note h2,body .product-info h1,body .prose-page h1,body .checkout-page h1,body .page-heading h1,body .login-page h1,body .empty-state h2,body .empty-state h3{font-family:var(--heading-font,Georgia,serif)}
body .hero h1 em{font-family:inherit}
.button.button{border-radius:var(--button-radius,5px)}
.brand-logo{width:auto;max-width:180px;max-height:64px;object-fit:contain}
.hero h1,.hero p{overflow-wrap:anywhere}
.appearance-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,370px);gap:28px;align-items:start}
.appearance-controls{min-width:0}
.appearance-controls .panel>p{font-size:13px}
.appearance-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.appearance-preset{padding:14px 10px;border:1px solid var(--control-border);border-radius:8px;text-align:left;background:var(--white);color:var(--ink);min-width:0}
.appearance-preset[aria-pressed=true]{outline:2px solid var(--action);outline-offset:2px;background:var(--gold-soft)}
.appearance-preset strong{display:block;font-size:12px;margin:10px 0 5px}
.appearance-preset small{font-size:10px;line-height:1.5}
.preset-swatches{display:flex;gap:4px}
.preset-swatches i{display:block;width:23px;height:23px;border-radius:50%;border:1px solid #968890}
.preset-swatches i:nth-child(1){background:#fcfaf7}.preset-swatches i:nth-child(2){background:#49313f}.preset-swatches i:nth-child(3){background:#be9358}
.preset-gold i:nth-child(1){background:#fdfbf7}.preset-gold i:nth-child(2){background:#2b2927}.preset-gold i:nth-child(3){background:#c49a54}
.preset-wine i:nth-child(1){background:#fffaf7}.preset-wine i:nth-child(2){background:#702e46}.preset-wine i:nth-child(3){background:#bd945e}
.custom-colors{margin-top:24px}
.appearance-colors{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.color-control{display:flex;gap:12px;align-items:center;margin-top:8px}
.appearance-editor .color-control input[type=color]{width:54px;min-height:44px;height:44px;padding:4px;margin:0;flex-shrink:0;cursor:pointer}
.color-control output{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.appearance-controls input[type=file]{font-size:12px}
.appearance-controls .checkbox{margin-top:14px}
.appearance-save{position:sticky;bottom:16px;display:flex;gap:20px;justify-content:space-between;align-items:center;z-index:3;box-shadow:0 4px 20px #30282d12}
.appearance-save p{font-size:12px;margin:0;max-width:260px}
.appearance-save .button{flex-shrink:0}
.appearance-preview-column{position:sticky;top:24px;min-width:0}
.appearance-preview-label{margin-bottom:14px;font-size:13px}
.appearance-preview-label small{font-size:11px}
.appearance-preview{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 5px 25px #30282d0a;scroll-margin-top:24px}
.preview-announcement{background:var(--cream);padding:9px 16px;text-align:center;font-size:9px;overflow-wrap:anywhere}
.preview-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px}
.preview-header .wordmark{font-size:32px}.preview-header>span:last-child{font-size:9px}
.preview-header img{max-height:42px;max-width:130px;object-fit:contain}
.preview-hero{background:var(--cream);padding:25px}
.preview-hero .eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--gold-text);margin-bottom:16px}
.preview-hero h2{font-family:var(--heading-font);font-size:32px;letter-spacing:-1px;overflow-wrap:anywhere}
.preview-hero h2 em{font-family:inherit}
.preview-hero p{color:var(--muted);font-size:11px;white-space:pre-line;overflow-wrap:anywhere}
.appearance-preview .button{font-size:11px;min-height:42px;padding:11px 16px}
.preview-photo:empty{display:none}.preview-photo img{height:160px;width:100%;object-fit:cover}
.preview-components{padding:20px}.preview-components h3{font-family:var(--heading-font);font-size:19px;margin-bottom:16px}
.preview-components p{font-size:11px;color:var(--muted);margin-top:14px}
.appearance-contrast{font-size:11px;color:var(--muted);margin:12px 0}
.appearance-contrast.danger{color:#973e38}
@media(max-width:1100px){.appearance-editor{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.appearance-presets{grid-template-columns:1fr}.appearance-preset{display:grid;grid-template-columns:85px 1fr;gap:3px 10px;align-items:center}.appearance-preset strong{margin:0}.appearance-preset small{grid-column:2}.preset-swatches{grid-row:1/span 2}.appearance-controls .two-columns{grid-template-columns:1fr;gap:0}.appearance-save{flex-wrap:wrap}}
@media(max-width:800px){.appearance-editor{grid-template-columns:1fr}.appearance-controls{display:contents}.appearance-preview-column{position:static;grid-row:2}.appearance-preview{display:grid;grid-template-columns:1fr 1fr}.preview-announcement,.preview-header{grid-column:1/-1}.preview-hero{padding:18px}.preview-hero h2{font-size:28px}.preview-hero .eyebrow{font-size:7px}.preview-photo img{height:100%;min-height:220px}.preview-components{grid-column:1/-1}.appearance-save{bottom:80px}.brand-logo{max-width:110px;max-height:42px}}
@media(max-width:440px){.appearance-preview{display:block}.preview-hero{padding:20px}.preview-photo img{height:130px;min-height:0}.preview-components{display:none}.appearance-colors{gap:14px 8px}.color-control{gap:8px}.color-control output{font-size:10px}.appearance-save .button{width:100%}}
@media(max-width:800px){.appearance-save.panel{display:grid;grid-template-columns:1fr 1fr;padding:12px 14px;gap:8px}.appearance-save p{grid-column:1/-1;max-width:none;font-size:11px;line-height:1.4}.appearance-save .button{width:auto;min-height:44px;padding:10px 14px;font-size:12px}.appearance-save .text-link{margin:0;font-size:12px;justify-self:start}}
