:where(:root){--brand:#344e63;--lime:#dee7ee;--accent:#567e9e;--logo-text:#202824;--header-bg:#ffffff}
/* All business colors are supplied by branding.php / the saved identity. */
:root{--deep:color-mix(in srgb,var(--brand) 35%,#101820);--ink:#202824;--soft:#f7f8f7;--line:#dce1dd;--muted:#657069;--brand-tint:color-mix(in srgb,var(--brand) 12%,white);--accent-tint:color-mix(in srgb,var(--lime) 25%,white)}
body{font-family:var(--font-body,Arial,sans-serif)}h1,h2,h3,h4{font-family:var(--font-heading,Arial,sans-serif)}
body>header{height:auto;min-height:72px;gap:16px;padding-block:12px;background:var(--header-bg,#fff);flex-wrap:wrap}
body header .brand{display:flex;align-items:center;gap:var(--logo-gap,9px);min-width:0;flex:0 1 auto;max-width:min(42vw,480px);font-family:var(--font-brand,Arial,sans-serif);font-size:var(--brand-size,20px);font-weight:var(--brand-weight,900);line-height:1.15;color:var(--logo-text,#202824);text-decoration:none;letter-spacing:-.025em}
body header .brand::before{content:none!important}
.brand-names{min-width:0;overflow-wrap:anywhere}.brand-short{display:none}
.brand-logo{display:block;width:auto;height:auto;max-height:var(--logo-h,44px);max-width:100%;object-fit:contain}
.brand-icon{width:var(--icon-size,18px);height:var(--icon-size,18px);object-fit:contain;flex:none}
.brand-default-icon{width:var(--icon-size,18px);height:var(--icon-size,18px);border-radius:50%;background:var(--lime);flex:none}
.brand-fallback{display:none}.brand-image-failed>.brand-fallback{display:flex;align-items:center;gap:var(--logo-gap)}
.brand img[hidden]{display:none!important}
body header .admin-menu{margin-left:auto;flex-shrink:0}body header .cart-btn{flex-shrink:0}
body.seo-page header .brand{max-width:min(60vw,650px)}.seo-header>a:not(.brand){color:var(--brand)}
.seo-page a:not(.brand):not(.seo-button){color:var(--brand)}.seo-button{background:var(--brand)}.availability{background:var(--accent-tint)}
#logoSettingsView select{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;margin-top:7px;background:white}
#logoSettingsView input[type=color]{height:46px;padding:4px}.branding-fields{margin:20px 0}.branding-fields h3{grid-column:1/-1;margin:20px 0 0}.branding-help{grid-column:1/-1}
.page-preview-shell[data-device=tablet] iframe{width:768px;max-width:100%;height:520px}.page-preview-shell[data-device=mobile] iframe{width:390px}
.page-preview-buttons{flex-wrap:wrap}.page-config-image img[hidden]{display:none}
@media(max-width:1000px){body header .brand{max-width:calc(100% - 160px)}body header .admin-menu{order:3;flex-basis:100%;justify-content:flex-end}body header .cart-btn{margin-left:auto}body header .admin-menu-panel{top:calc(100% + 6px)}}
@media(max-width:600px){body>header{padding:10px 14px;gap:10px;min-height:64px}body header .brand{font-size:var(--brand-size-mobile,18px);max-width:calc(100% - 170px)}.brand-logo{max-height:var(--logo-h-mobile,34px)}.brand-icon,.brand-default-icon{max-width:var(--logo-h-mobile,34px);max-height:var(--logo-h-mobile,34px)}.brand-full{display:none}.brand-short{display:inline}body.seo-page header .brand{max-width:100%}body header .admin-menu-toggle{max-width:calc(100vw - 140px)}}

.page-preview-shell[data-device=desktop] iframe{width:1100px;max-width:none}
.branding-confirm{max-width:520px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink);box-shadow:0 16px 60px #0003}.branding-confirm::backdrop{background:#10203088}.branding-confirm p{line-height:1.6}.branding-confirm .logo-admin-actions{flex-wrap:wrap}

.brand-full.brand-long{font-size:min(var(--brand-size,20px),18px)}@media(max-width:600px){.brand-short.brand-long{font-size:min(var(--brand-size-mobile,18px),12px)}}