.field-root-HJ- {
}

.field-label-ZLF {
    min-height: 2.125rem;
}

.field-input-CUm {
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px); /* TODO @TW: review */

    /* composes: focus_outline-none from global;
    composes: focus_shadow-inputFocus from global; */
}

.field-input-CUm:disabled {
    background: rgb(var(--venia-global-color-gray-100));
    border-color: rgb(var(--venia-global-color-gray-400));
    color: rgb(var(--venia-global-color-gray-darker));
}

.field-optional-j24 {
}


.field-input-new-y-X {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    /* padding-left: calc(1.875rem * var(--iconsBefore) + 18px);
    padding-right: calc(1.875rem * var(--iconsAfter) +17px); */
    padding:0 10px;
    line-height: 16px;
    font-size:14px;
    color: #000;
}

.header-root-BAU {
    background-color: #fff;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.05);
}
.header-hBlank-kLW{
}
.header-switchers-WuM {
}

.header-switchersContainer-CN6 {
}

/* Large screen styles */
.header-switchersContainer-CN6 {
}

.header-open-nPd {
    color: #fff;
}

.header-closed-qbE {
}


.header-toolbar--5w {
    /* composes: gap-x-4 from global; */
    /* composes: max-w-site from global; */
    position: relative;z-index: 2;
}

.header-primaryActions-ku8 {
    width: 100px;
}
.header-app_btnBack-thb{
    width: 48px; height: 48px;
    background: url(/uk/Back_black.png) no-repeat 50% 50%;
    background-size: auto 24px;
}
.header-app_btnBack_skin-white-L3q{
    background-image: url(/uk/Back_white.png);
}
.header-app_btnBack_skin-black-kvg{
    background-image: url(/uk/Back_black.png);
}

.header-logoContainer-tkF {
    cursor: pointer;
}

.header-secondaryActions-U01 {
    gap: 20px;
}

.header-searchFallback-jMs {
}

.header-input-SJ0 {
}

.header-loader-IEy,
.header-loaderBefore-hh9,
.header-loaderAfter-9yz {
    --dot-size: 2em;
    --dot-font-size: 6px;
    --dot-shadow-offset: calc(-1 * var(--dot-size) + var(--dot-font-size));
    width: var(--dot-size);
    height: var(--dot-size);
    animation: header-pulse-9v5 1.8s infinite ease-in-out;
    animation-fill-mode: both;
}

.header-loader-IEy {
    font-size: var(--dot-font-size);
    margin-top: var(--dot-shadow-offset);
    transform: translateZ(0);
    animation-delay: -0.16s;
}

.header-loaderBefore-hh9,
.header-loaderAfter-9yz {
    content: '';
}

.header-loaderBefore-hh9 {
    animation-delay: -0.32s;
}

.header-loaderAfter-9yz {
}

.header-searchRoot-zdV {
}

.header-varAllTop-vP2 {
    top: 80px;
}
.header-varMobile_AllTop-Spp {
    top: 56px;
}
.header-varHomeTop-lez {
    top: 140px;
}
.header-searchBox-8-S {
    /* position: relative;z-index: 20;height: 0;overflow: visible; */
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: #fff;
    overflow: auto;
}

.header-searchhomeRoot-d1r {
    top: 140px;
}


.header-store-GKQ {
    display: flex;
}

.header-storeSwitcher-td0 {
    display: block
}
.header-store-GKQ{display: flex;}
.header-storeSwitcher-td0{display:block}
/* 门店首页 */
.header-mask-jsu{
    position: absolute;z-index: 0;left: 0;right: 0;top: 0;bottom: 0; 
}
/* 当前页面与菜单按钮相同时的样式 */
.jyEvent0104_same{
    pointer-events: none;
}


/* 自定义样式 */
.header-headerTopBar-FdZ {
    padding: 6px 12px;
    text-align: center;
    background: #fff;
    border-radius: 40px;
    margin: 20px auto 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border: 0.5px solid rgba(0, 0, 0, 0.5);
    min-height: 32px;
    box-sizing: border-box;
    transition: all 0.4s;
    font-size: 14px;
}

.header-headerTopBar-FdZ .header-link-N4R {
    text-decoration: underline;
    margin-left: 10px;
}
.header-headerTopBar-FdZ a{
    text-decoration: underline; font-weight: 600;
}

.header-header1-bvl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    border-bottom: none;
    z-index: 100;

}



@keyframes header-pulse-9v5 {

    0%,
    80%,
    100% {
        box-shadow: 0 var(--dot-size) 0 -1.3em;
    }

    40% {
        box-shadow: 0 var(--dot-size) 0 0;
    }
}

@media (max-width: 960px) {
    .header-headerTopBar-FdZ{
        min-height: 44px;
    }
    .header-mobile-G3c {
        gap: 0 10px !important
    }

    .header-storeSwitcher-td0 {
        display: none
    }

    .header-searchhomeRoot-d1r {
        top: 116px;
    }

   /*  .searchRoot {
        margin-top: 56px;
    } */

    .header-searchBox-8-S {
    }
    
}

@media (max-width: 640px) {
    .header-secondaryActions-U01 {
        width: 100px;
    }
}