/* Header logo layout remains independent from image cropping. */
body>header[data-logo-alignment]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
body>header[data-logo-alignment]>.logo{min-width:0;max-width:100%;width:max-content;grid-row:1;overflow-wrap:anywhere}
body>header[data-logo-alignment]>.logo img{width:var(--store-logo-width,230px);max-width:100%;height:auto;max-height:130px;object-fit:contain}
body>header[data-logo-alignment]>.search{min-width:0;width:100%;margin:0;grid-row:1}
body>header[data-logo-alignment]>.tools{min-width:0;justify-self:end;grid-row:1;gap:14px}
body>header[data-logo-alignment=left]>.logo{grid-column:1;justify-self:start}
body>header[data-logo-alignment=left]>.search{grid-column:2}
body>header[data-logo-alignment=left]>.tools{grid-column:3}
body>header[data-logo-alignment=center]>.logo{grid-column:2;justify-self:center}
body>header[data-logo-alignment=center]>.search{grid-column:1}
body>header[data-logo-alignment=center]>.tools{grid-column:3}
body>header[data-logo-alignment=right]>.logo{grid-column:3;justify-self:end}
body>header[data-logo-alignment=right]>.search{grid-column:1}
body>header[data-logo-alignment=right]>.tools{grid-column:2}
/* One renderer for the storefront and editor preview. Portrait artwork is never cropped. */
.store-popup{--popup-ink:#292821;--popup-bg:#faf8f3;--popup-accent:#6b5842;position:fixed;inset:0;margin:auto;border:1px solid #e3ded5;border-radius:4px;padding:0;width:880px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow:auto;color:var(--popup-ink);background:var(--popup-bg);box-shadow:0 32px 120px #0004;font-family:Arial,sans-serif;text-align:left;overscroll-behavior:contain}
.store-popup::backdrop{background:#17201fd1;backdrop-filter:blur(5px)}
.store-popup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}
.store-popup-media{display:flex;align-items:center;justify-content:center;background:#eeebe5;padding:22px;min-width:0}
.store-popup-media img{display:block;width:100%;height:auto;max-height:68dvh;object-fit:contain;margin:0}
.store-popup-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 42px;min-width:0}
.store-popup h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.4vw,43px);font-weight:400;letter-spacing:-1.3px;line-height:1.12;margin:0 0 22px;color:inherit;overflow-wrap:anywhere}
.store-popup p{font-size:15px;font-weight:400;line-height:1.85;margin:0 0 24px;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;opacity:.85}
.store-popup-close{position:absolute;z-index:2;right:12px;top:12px;display:grid;place-items:center;background:var(--popup-bg);color:var(--popup-ink);border:1px solid #9a918a55;border-radius:50%;font-family:Arial,sans-serif;font-size:26px;font-weight:400;line-height:1;width:40px;height:40px;min-height:40px;padding:0;cursor:pointer}
.store-popup-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--popup-ink);color:var(--popup-bg);border:1px solid transparent;text-decoration:none;font-family:Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.2px;line-height:1.5;padding:16px 22px;border-radius:2px;margin-top:8px;max-width:100%;min-height:48px;overflow-wrap:anywhere;transition:background .2s,color .2s}
.store-popup-button::after{content:'↗';font-size:19px;flex-shrink:0}.store-popup-button:hover{background:var(--popup-accent);color:var(--popup-bg);opacity:1}
.store-popup :is(button,a):focus-visible{outline:2px solid var(--popup-accent);outline-offset:4px}
.store-popup-note{display:block;font:11px/1.5 Arial,sans-serif;color:inherit;opacity:.7;padding:20px 60px 16px 24px;border-bottom:1px solid #9a918a33;margin:0}
.store-popup[data-has-image=false] .store-popup-layout{grid-template-columns:1fr}.store-popup[data-has-image=false]{width:560px}.store-popup[data-has-image=false] .store-popup-content{padding:70px 50px}
.store-popup[data-design=atelier]{--popup-bg:#202725;--popup-ink:#f3eddf;--popup-accent:#bba17b;border-color:#bba17b55}.store-popup[data-design=atelier] .store-popup-media{background:#d9d3c8}.store-popup[data-design=atelier] .store-popup-content::before{content:'';display:block;width:42px;height:1px;background:#bba17b;margin-bottom:28px}
.store-popup[data-design=minimal]{width:560px;--popup-bg:#fff;--popup-ink:#232623;border-radius:2px}.store-popup[data-design=minimal] .store-popup-layout{display:block}.store-popup[data-design=minimal] .store-popup-media{background:white;padding:42px 42px 0}.store-popup[data-design=minimal] img{max-height:240px;width:auto;max-width:100%}.store-popup[data-design=minimal] .store-popup-content{padding:38px 48px 48px;text-align:center;align-items:center}.store-popup[data-design=minimal] h2{font-family:Arial,sans-serif;font-size:30px;letter-spacing:-1px}.store-popup[data-design=minimal] .store-popup-button{background:transparent;color:var(--popup-ink);border:0;border-bottom:1px solid;padding:10px 2px;border-radius:0}.store-popup[data-design=minimal] .store-popup-content::before{content:'';width:30px;height:1px;background:#b5a78f;margin-bottom:24px}
.store-popup[data-design=poster]{width:640px;--popup-bg:#fff;--popup-ink:#262820}.store-popup[data-design=poster] .store-popup-layout{display:block}.store-popup[data-design=poster] .store-popup-media{padding:0;background:#f4f2ed}.store-popup[data-design=poster] img{max-height:64dvh}.store-popup[data-design=poster] .store-popup-content{padding:30px 38px;text-align:center;align-items:center}.store-popup[data-design=poster] h2{font-size:30px;margin-bottom:12px}.store-popup[data-design=poster] p{font-size:14px;margin-bottom:12px}
.store-popup[data-design=classic]{width:480px;background:white;color:#202938;border:0;border-radius:14px;--popup-bg:#fff;--popup-ink:#202938}.store-popup[data-design=classic] .store-popup-layout{display:block}.store-popup[data-design=classic] .store-popup-media{background:white;padding:30px 36px 0}.store-popup[data-design=classic] img{max-height:280px}.store-popup[data-design=classic] .store-popup-content{padding:28px 36px 36px;align-items:center;text-align:center}.store-popup[data-design=classic] h2{font:600 26px/1.25 Arial,sans-serif;letter-spacing:0;margin-bottom:16px}.store-popup[data-design=classic] .store-popup-button{background:#243b64;color:white;border-radius:6px}.store-popup[data-design=classic] .store-popup-button::after{display:none}
@media(max-width:650px){.store-popup{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.store-popup .store-popup-layout{grid-template-columns:1fr}.store-popup .store-popup-media{padding:22px 22px 0}.store-popup .store-popup-media img{max-height:38dvh}.store-popup .store-popup-content,.store-popup[data-has-image=false] .store-popup-content{padding:32px 26px}.store-popup h2{font-size:31px}.store-popup p{font-size:14px;line-height:1.7}.store-popup-button{gap:14px}.store-popup[data-design=minimal] .store-popup-content,.store-popup[data-design=classic] .store-popup-content{padding:28px 24px}.store-popup[data-design=poster] .store-popup-media{padding:0}.store-popup[data-design=poster] img{max-height:48dvh}.store-popup[data-design=poster] .store-popup-content{padding:26px 24px}.store-popup-note{padding:16px 60px 16px 20px}}
@media(max-width:1000px){body>header[data-logo-alignment]{grid-template-columns:minmax(0,1fr) auto;gap:16px}body>header[data-logo-alignment]>.logo{grid-row:1;grid-column:1/-1;max-width:80%}body>header[data-logo-alignment]>.search{grid-row:2;grid-column:1}body>header[data-logo-alignment]>.tools{grid-row:2;grid-column:2;margin:0}body>header[data-logo-alignment]>.logo img{max-height:110px}}
@media(max-width:650px){body>header[data-logo-alignment]>.search{grid-row:3;grid-column:1/-1}body>header[data-logo-alignment]>.tools{grid-row:2;grid-column:1/-1}}

/* Explicit colors apply to every layout, including Minimal's text-style CTA. */
.store-popup .store-popup-button[data-custom-color=true]{background:var(--popup-button-bg);color:var(--popup-button-ink);border:1px solid transparent;padding:16px 22px;border-radius:2px}
.store-popup .store-popup-button[data-custom-color=true]:hover{background:var(--popup-button-bg);color:var(--popup-button-ink);filter:brightness(.93)}

body>.promo{overflow-wrap:anywhere;line-height:1.7}body>:is(.promo,.shipping)[hidden]{display:none}body>:is(.promo,.shipping)>span{letter-spacing:inherit;margin:0;color:inherit}body>:is(.promo,.shipping)>:is(a,button){display:inline-block;margin-left:10px;color:inherit;font:inherit;text-decoration:underline;white-space:normal}