.home-card[data-v-7386974a] {
    margin-top: -56px
}

.home-card .home-card-body[data-v-7386974a] {
    background-color: #d00b0b;
    padding-bottom: 43px;
    padding-top: 56px
}

.home-card .home-card-body .coordinat-service[data-v-7386974a] {
    height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.over-header .card[data-v-7386974a] {
    margin-bottom: 20px
}

.over-header .card .detail-card img[data-v-7386974a] {
    height: 22px;
    margin-right: 8px
}

.over-header .card .vertical-divider[data-v-7386974a] {
    width: 1px;
    height: 25px;
    border-right: 1px solid #e8e8e8
}

.slick-slide img[data-v-7386974a] {
    border-radius: 8px
}

@media(max-width: 450px) {
    .content.mt0[data-v-7386974a] {
        margin-top:0
    }
}

.label-sla-store[data-v-7386974a] {
    padding-left: 4px;
    font-weight: 400;
    font-style: italic;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1.5%;
    vertical-align: middle;
    color: #666
}

.label-wrapper[data-v-7386974a] {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    gap: 4px
}

.label-wrapper .label[data-v-7386974a] {
    display: flex;
    align-items: center
}

.label-sla-delivery[data-v-7386974a] {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1.5%;
    vertical-align: middle;
    padding-left: 4px
}

.home-card[data-v-617c32ee] {
    margin-top: -56px
}

.home-card .home-card-body[data-v-617c32ee] {
    background-color: #d00b0b;
    padding-bottom: 43px;
    padding-top: 56px
}

.home-card .home-card-body .coordinat-service[data-v-617c32ee] {
    height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.over-header .card[data-v-617c32ee] {
    margin-bottom: 20px
}

.over-header .card .detail-card img[data-v-617c32ee] {
    height: 22px;
    margin-right: 8px
}

.over-header .card .vertical-divider[data-v-617c32ee] {
    width: 1px;
    height: 25px;
    border-right: 1px solid #e8e8e8
}

.slick-slide img[data-v-617c32ee] {
    border-radius: 8px
}

@media(max-width: 450px) {
    .content.mt0[data-v-617c32ee] {
        margin-top:0
    }
}

@media(min-width: 992px) {
    .bottom-sheet-container[data-v-20493a28] {
        display:none
    }
}

.fade-enter-active[data-v-20493a28],.fade-leave-active[data-v-20493a28] {
    transition: opacity .25s linear
}

.fade-enter[data-v-20493a28],.fade-leave-to[data-v-20493a28] {
    opacity: 0
}

.fade-enter-active .bottom-sheet-card[data-v-20493a28] {
    transition: all .25s cubic-bezier(1,.5,.8,1)
}

.fade-leave-active .bottom-sheet-card[data-v-20493a28] {
    transition: all 1s cubic-bezier(1,.5,.8,1)
}

.fade-enter-from[data-v-20493a28],.fade-leave-to .bottom-sheet-card[data-v-20493a28] {
    transform: translateY(30px);
    opacity: 0
}

.fade-enter-active .bottom-sheet-card[data-v-20493a28] {
    transition-delay: .25s
}

.bottom-sheet-container[data-v-20493a28] {
    overflow: hidden;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    color: #fff
}

.bottom-sheet-content-wrapper[data-v-20493a28] {
    position: relative;
    width: 100%;
    height: 100dvh
}

.bottom-sheet-content-wrapper .backdrop[data-v-20493a28] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 10
}

.bottom-sheet-card[data-v-20493a28] {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100vw;
    border-radius: 20px 20px 0 0;
    color: #333;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    z-index: 100
}

.bottom-sheet-card img[data-v-20493a28] {
    height: 162px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.bottom-sheet-card .bottom-sheet-desc[data-v-20493a28] {
    text-align: center;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    padding-bottom: 16px
}

.bottom-sheet-card .bottom-sheet-desc p[data-v-20493a28] {
    margin: 0
}

.bottom-sheet-card .bottom-sheet-desc .bottom-sheet-content-title[data-v-20493a28] {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .0015em;
    color: #333
}

.bottom-sheet-card .bottom-sheet-desc .bottom-sheet-content-desc[data-v-20493a28] {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .25px;
    color: #666
}

.bottom-sheet-card .bottom-sheet-action-wrapper[data-v-20493a28] {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px
}

.bottom-sheet-card .bottom-sheet-action-wrapper button[data-v-20493a28] {
    all: unset;
    border-radius: 8px;
    padding: 12px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .0015em
}

.bottom-sheet-card .bottom-sheet-action-wrapper .bottom-btn-primary[data-v-20493a28] {
    border-color: #005da6;
    background-color: #005da6;
    color: #fff
}

.bottom-sheet-card .bottom-sheet-action-wrapper .bottom-btn-ghost[data-v-20493a28] {
    border: 1px solid #005da6;
    background-color: #fff;
    color: #005da6
}