.wordmark{max-width:min(260px,100%);min-width:0}
.wordmark [data-store-name]{overflow-wrap:anywhere}
.wordmark .store-brand-logo{display:block;width:auto;height:56px;max-width:min(240px,100%);object-fit:contain}
.wordmark .store-brand-logo[hidden]{display:none}
.wordmark.has-store-logo [data-store-name],.wordmark.has-store-logo [data-store-subtitle]{display:none}
.store-logo-preview-frame{position:relative;display:block;max-width:100%;width:300px;height:110px;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--rose-dark);background-color:var(--paper,#faf7f5);background-image:linear-gradient(45deg,#8882 25%,transparent 25%),linear-gradient(-45deg,#8882 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8882 75%),linear-gradient(-45deg,transparent 75%,#8882 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.store-logo-preview-frame[hidden],.store-logo-preview[hidden]{display:none}
.store-logo-preview-frame .store-logo-preview{display:block;width:100%;height:100%;object-fit:contain;padding:0;border:0;background:none}
.store-logo-preview-mask{display:none;position:absolute;inset:12px;background-color:currentColor;-webkit-mask-image:var(--store-preview-url);mask-image:var(--store-preview-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
.store-logo-preview-frame.is-svg .store-logo-preview{opacity:0}
.store-logo-preview-frame.is-svg .store-logo-preview-mask{display:block}
.store-logo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:600px){.wordmark .store-brand-logo{height:38px;max-width:min(150px,100%)}.wordmark [data-store-name]{font-size:clamp(15px,4vw,23px)}.wordmark [data-store-subtitle]{letter-spacing:.12em}}

.wordmark .store-brand-frame{position:relative;display:block;max-width:100%;line-height:0}
.wordmark .store-brand-frame[hidden]{display:none}
.wordmark .store-brand-mask{display:none;position:absolute;inset:0;background-color:currentColor;-webkit-mask-image:var(--store-logo-url);mask-image:var(--store-logo-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
.wordmark.has-svg-logo .store-brand-mask{display:block}
.wordmark.has-svg-logo .store-brand-logo{opacity:0}

/* A larger storefront mark; management pages keep their compact headers. */
.header .wordmark.has-store-logo{max-width:min(280px,100%);justify-self:center}
.header .wordmark.has-store-logo .store-brand-logo{height:96px;max-width:min(260px,100%)}
.header-inner:has(> .wordmark.has-store-logo){height:auto;min-height:116px;padding-block:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:12px}
@media(min-width:601px) and (max-width:900px){
 .header .wordmark.has-store-logo .store-brand-logo{height:72px;max-width:180px}
 .header-inner:has(> .wordmark.has-store-logo){min-height:92px}
}
@media(max-width:600px){
 .header .wordmark.has-store-logo .store-brand-logo{height:clamp(64px,21vw,88px);max-width:min(200px,100%)}
 .header-inner:has(> .wordmark.has-store-logo){min-height:0;padding-block:8px;row-gap:8px;column-gap:0;grid-template-columns:82px minmax(0,1fr) 82px}
}