/* Keep the theme's existing brand color and gradient; replace only the artwork. */
.site-header .brand,.site-footer .brand{font-size:0!important;display:inline-flex!important;align-items:center;gap:7px;line-height:1;}
.site-header .brand:before,.site-footer .brand:before{content:'';background-image:url('kikliy-mark-053.svg')!important;background-position:center;background-size:contain;background-repeat:no-repeat;width:36px;height:36px;flex:0 0 36px;}
.site-header .brand:after,.site-footer .brand:after{content:'';display:block;width:98px;height:55px;flex:0 0 98px;background-color:currentColor;-webkit-mask:url('kikliy-wordmark-063.svg') center/contain no-repeat;mask:url('kikliy-wordmark-063.svg') center/contain no-repeat;}
@media(max-width:600px){.site-header .brand:before{width:27px;height:27px;flex-basis:27px}.site-header .brand:after{width:76px;height:43px;flex-basis:76px}.site-header .brand{gap:6px}}

.kikliy-qr-content{max-width:1320px;margin:0 auto;padding:0 clamp(16px,3vw,32px);box-sizing:border-box}.kikliy-qr-guide{max-width:900px;margin:0 auto 48px;line-height:1.8}.kikliy-qr-guide li{margin-bottom:10px}.kikliy-qr-content .iq-section-head{flex-wrap:wrap;gap:16px}.kikliy-qr-content .aidz-png-section{box-sizing:border-box}

/* Match the desktop header selector so legacy !important text sizing cannot win. */
html body .site-header .aidz-header-top > .brand,
html body .site-header > .brand,
html body .site-header .brand,
html body .site-footer .brand{font-size:0!important;line-height:0!important;letter-spacing:0!important;min-width:0;overflow:visible!important;}
html body .site-header .brand > *,html body .site-footer .brand > *{display:none!important;}
html body .site-header .brand:after,html body .site-footer .brand:after{width:96px;height:60px;flex:0 0 96px;}
@media(max-width:600px){
html body .site-header .brand{gap:5px!important;}
html body .site-header .brand:before{width:24px;height:24px;flex:0 0 24px;}
html body .site-header .brand:after{width:64px;height:40px;flex:0 0 64px;}
}
@media(max-width:350px){html body .site-header .brand:after{width:58px;height:36px;flex-basis:58px;}}

html body .site-header .brand:after{background-color:#000!important}
html body .site-footer .brand:after{background-color:#fff!important}
@media(min-width:701px){html body .site-header .brand:after{background-color:#fff!important}}