/* Website lettering from the approved 44 mm printed sticker. */
.printed-brand{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;direction:ltr;min-height:44px;text-decoration:none}
.brand-printed{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:124px;flex:0 0 auto;direction:ltr;vertical-align:middle}
.brand-printed>img.brand-name,.brand-printed>img.brand-signature{display:block!important;position:static!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain;flex:none;margin:0;padding:0;border:0;transform:none}
.brand-printed>img.brand-signature{width:96%!important}
.printed-brand>img,.printed-brand>.brand-mascot,.printed-brand>.brand-mascot>img{width:36px;height:42px;object-fit:contain;flex:none;margin:0}
.printed-brand.footer-brand{flex-direction:column!important;justify-content:center!important;gap:7px!important}
.printed-brand.footer-brand .brand-printed{width:124px}
.printed-brand.footer-brand>.brand-mascot,.printed-brand.footer-brand>.brand-mascot>img{display:block;width:64px;height:68px;max-width:none;object-fit:contain;margin:0;flex:none;line-height:0}
.home-page .customer-header .printed-brand{min-width:0}
@media(max-width:700px){
 .home-page .customer-header .brand-printed{width:120px}
 .home-page .customer-header .printed-brand{gap:6px!important}
 .home-page .customer-header .printed-brand>img{width:28px;height:34px}
}
@media(max-width:350px){
 .home-page .customer-header{flex-wrap:wrap;justify-content:center;gap:8px}
 .home-page .customer-header .printed-brand{order:0}
 .home-page .customer-header .home-controls{order:1}
}
.invoice-brand .brand-printed{width:172px;margin-bottom:6px}
@media(max-width:370px){.printed-brand{gap:6px!important}.printed-brand .brand-printed{width:116px}.printed-brand>img,.printed-brand>.brand-mascot,.printed-brand>.brand-mascot>img{width:30px;height:38px}.printed-brand.footer-brand .brand-printed{width:124px}}
@media print{.brand-printed{break-inside:avoid}.brand-printed img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* Match the visible mascot to the lettering, including the PNG's clear padding. */
.printed-brand:not(.footer-brand),.home-page .customer-header .printed-brand{gap:2px!important}
.printed-brand:not(.footer-brand)>img{display:block;width:44px!important;height:46px!important;margin-inline-end:-2px;line-height:0;transform:translateY(-.5px)}
@media(max-width:370px){.printed-brand:not(.footer-brand)>img{width:40px!important;height:44px!important}}
/* One clear route home beside the customizer title. */
.design-lab .intro{gap:12px;padding-inline-end:0}
.design-lab .intro-copy{min-width:0}
.customizer-home{display:grid;place-items:center;position:relative;isolation:isolate;width:44px;height:44px;min-width:44px;flex:none;margin-inline-start:auto;border:1px solid #ffffff40;border-radius:12px;background:#ffffff0a;color:var(--ink,#34433b);text-decoration:none;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);box-shadow:inset 0 1px 1px #ffffffb0,inset 0 -1px 1px #ffffff38,0 4px 12px #26323c0d}
.customizer-home:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#a1e4efc9 0%,#b6b5ef9e 18%,#edb9d3bd 34%,#ecd69cb8 49%,#ffffffd9 58%,#b3e4e7c4 73%,#b9bbecb0 87%,#f4d3e4b8 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.customizer-home svg{display:block;width:21px;height:21px}
.customizer-home .home-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.customizer-home .home-label-ar{display:none}
html[lang=ar] .customizer-home .home-label-ar{display:block}
html[lang=ar] .customizer-home .home-label-en{display:none}
.customizer-home:focus-visible{outline:3px solid #8f66b2;outline-offset:3px}
.customizer-home:active{background:#ffffff30}
@media(hover:hover){.customizer-home:hover{background:#ffffff20}}
html[data-theme=dark] .customizer-home{background:#ffffff0a;border-color:#ffffff30;color:#e3edda;box-shadow:inset 0 1px 1px #ffffff28,inset 0 -1px 1px #ffffff18,0 4px 12px #00000014}
html[data-theme=dark] .customizer-home:hover,html[data-theme=dark] .customizer-home:active{background:#ffffff18}
/* Stable pastel control surfaces: no live backdrop blur or grey outer shadow. */
.design-lab[data-concept="7"]{--control-glass-bg:#ffffff0a;--control-glass-ink:var(--ink,#34433b);--control-glass-border:#ffffff40;--control-glass-highlight:inset 0 1px 1px #ffffffb0,inset 0 -1px 1px #ffffff38;--control-warning:#b32f38;--control-warning-border:#c94046;--control-warning-halo:#c940461f}
html[data-theme=dark] .design-lab[data-concept="7"]{--control-glass-ink:#e3edda;--control-glass-border:#ffffff30;--control-glass-highlight:inset 0 1px 1px #ffffff28,inset 0 -1px 1px #ffffff18;--control-warning:#ffadb2;--control-warning-border:#ff8a91;--control-warning-halo:#ff8a9124}
.design-lab[data-concept="7"] #stage #add-mushroom,.design-lab[data-concept="7"] #save-image,.design-lab[data-concept="7"] .customizer-home,
html[data-theme=dark] .design-lab[data-concept="7"] #stage #add-mushroom,html[data-theme=dark] .design-lab[data-concept="7"] #save-image,html[data-theme=dark] .design-lab[data-concept="7"] .customizer-home{isolation:isolate;background:var(--control-glass-bg);color:var(--control-glass-ink);border-color:var(--control-glass-border);box-shadow:var(--control-glass-highlight);backdrop-filter:none;-webkit-backdrop-filter:none}
.design-lab[data-concept="7"] #save-image{position:relative}
.design-lab[data-concept="7"] #stage #add-mushroom:before,.design-lab[data-concept="7"] #save-image:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#a1e4efc9 0%,#b6b5ef9e 18%,#edb9d3bd 34%,#ecd69cb8 49%,#ffffffd9 58%,#b3e4e7c4 73%,#b9bbecb0 87%,#f4d3e4b8 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.design-lab[data-concept="7"] #stage #add-mushroom:is(:hover,:active),.design-lab[data-concept="7"] #save-image:is(:hover,:active),.design-lab[data-concept="7"] .customizer-home:is(:hover,:active),
html[data-theme=dark] .design-lab[data-concept="7"] #stage #add-mushroom:is(:hover,:active),html[data-theme=dark] .design-lab[data-concept="7"] #save-image:is(:hover,:active),html[data-theme=dark] .design-lab[data-concept="7"] .customizer-home:is(:hover,:active){background:var(--control-glass-bg);color:var(--control-glass-ink);border-color:var(--control-glass-border);box-shadow:var(--control-glass-highlight)}
.design-lab[data-concept="7"] #stage #add-mushroom.add-cue-static,html[data-theme=dark] .design-lab[data-concept="7"] #stage #add-mushroom.add-cue-static{box-shadow:var(--control-glass-highlight),0 0 0 5px color-mix(in srgb,var(--add-cue-color) 35%,transparent)}
.design-lab[data-concept="7"] #stage #add-mushroom.is-stock-warning,html[data-theme=dark] .design-lab[data-concept="7"] #stage #add-mushroom.is-stock-warning{border-color:var(--control-warning-border);color:var(--control-warning);box-shadow:0 0 0 3px var(--control-warning-halo)}
.design-lab[data-concept="7"] #stage #add-mushroom.is-stock-warning:before{display:none}