/* V13.0.0-RC1.26-p12 — single source of truth for the shared site notice bar.
 * Loaded after the runtime theme stylesheet so legacy/page CSS cannot move the
 * notice ink box, close control, or the notice-to-first-content 5px rhythm. */

.xq-p2-nav-notice-stack{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
.xq-p2-nav-notice-stack>.xq-p2-nav,
.xq-p2-nav-notice-stack>.xq-p2-notice{
    flex:0 0 auto!important;
    width:100%!important;
    margin:0!important;
}

.xq-p2-notice{
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    box-sizing:border-box!important;
    font-size:14px;
}
.xq-p2-notice__inner{
    position:relative!important;
    display:block!important;
    height:36px!important;
    min-height:36px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    padding-right:34px!important;
    box-sizing:border-box!important;
}
.xq-p2-notice__message{
    position:absolute!important;
    left:0!important;
    right:34px!important;
    top:0!important;
    bottom:0!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    line-height:normal!important;
    text-align:left!important;
}
.xq-p2-notice__icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 16px!important;
    width:16px!important;
    height:18px!important;
    margin:0!important;
    padding:0!important;
    font-size:13px!important;
    line-height:18px!important;
    transform:translateY(-1px)!important;
}
.xq-p2-notice__text{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:36px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.35!important;
    text-align:left!important;
    transform:translateY(-1px)!important;
}
.xq-p2-notice__close{
    position:absolute!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    margin:auto 0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(0,0,0,.06);
    font-size:18px!important;
    font-weight:400!important;
    line-height:1!important;
    transform:none!important;
    cursor:pointer;
}
.xq-p2-notice__close:hover,
.xq-p2-notice__close:focus{
    background:rgba(0,0,0,.12);
    outline:none;
}
[data-dismissible-site-notice][hidden]{display:none!important}

/* Exact shell rhythm: nav -> notice = 0px; notice/nav -> homepage first module = 5px.
 * The home wrapper and slider themselves contribute no additional top space. */
body.xq-storefront-home-page .xq-p2-header{
    margin-bottom:0!important;
    padding-bottom:0!important;
}
body.xq-storefront-home-page main.xq-p2-main.container{
    margin-top:0!important;
    padding-top:5px!important;
}
body.xq-storefront-home-page main.xq-p2-main.container>.xq-storefront-home,
body.xq-storefront-home-page main.xq-p2-main.container>.kphyper-home-page{
    margin-top:0!important;
    padding-top:0!important;
}
body.xq-storefront-style-current.xq-storefront-home-page .xq-storefront-home>.xq-home-slider:first-child{
    margin-top:0!important;
}