/* 超小屏幕 */
@media (max-width: 319px) {

}

/* 小屏幕 */
@media (min-width: 320px) and (max-width: 480px) {

}

/* 中等屏幕 */
@media (min-width: 481px) and (max-width: 768px) {

}

/* 大屏幕 */
@media (min-width: 769px) and (max-width: 1024px) {

}

@media (max-width: 1360px) {
    .publicwidth {
        width: 100%;
    }
    .category-products{
        width: 100%;
        padding: 10px;
    }
    .prolist-banner .nav-text{
        width: 100%;
        padding-left: 1%;
    }
}

@media (max-width: 960px) {
    .shop_your_favorite_collection_content{
        flex-wrap: wrap;
    }
    .shop_your_favorite_collection_content_list{
        width: 25%;
        margin-bottom: 2%;
    }
    .shop_your_favorite_collection_title{
        font-size: 28px;
        line-height: 117%;
        text-align: left;
        padding-top: 5%;
    }
    .load-more-button{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .load-more-button span{
        margin-left: 10px;
    }
    .button-div {
        height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    .button-div-left{
        height: auto;
        width: 90%;
        margin: 0px 0px 10px 0px;
        padding: 15px;
    }
    .button-info {
        margin-top: 15px;
        font-size: 12px;
    }
    .button-div-left a{
        margin: 0px auto;
    }
    .banner-mobile{
        display: block;
    }
    .banner-pc{
        display: none;
    }
}
@media (min-width: 961px) {
    .scrollbox{display: none;}
    .checkout-page-right-content-page-line{
        display: none;
    }
    .banner-mobile{
        display: none;
    }
    .banner-pc{
        display: block;
    }
    .navboxline{
        display: block;
    }
    .main-container{
        padding-top: 180px;
    }
    .main-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 144px; /* 高度与 padding-top 一致 */
        background-color:#f7fbff; /* 设置背景色为黑色 */
    }
    .navmenu-iconfont{
        display: none;
    }
    .banner{
    }
    .checkout-page-right .site{
        display: none;
    }
    .checkout-page-right .checkout-nav{
        display: none;
    }
    .checkout-page-left-content .site{
        display: flex;
    }
    .checkout-page-left-content .checkout-nav{
        display: flex;
    }
}
.mobilebox{
    padding: 0px 10px;
}

@media (max-width: 960px) {
    .nova-main-container{
        padding-top: 129px;
    }
    .nova-home-page .header-scroll{
        top: 64px;
    }
    .nova-home-page .nova-main-container{
        padding-top: 129px;
    }
    .nova-offer-bar{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        min-height: 0;
        padding: 0;
        font-size: 11px;
    }
    .nova-offer-bar span{
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        padding: 6px 8px;
        border-right: 1px solid rgba(255,255,255,.22);
        border-bottom: 1px solid rgba(255,255,255,.18);
    }
    .nova-offer-bar span:nth-child(2n){
        border-right: 0;
    }
    .nova-hero-banner{
        min-height: 0;
    }
    .nova-category-block{
        margin-top: 0;
        padding: 0;
    }
    .nova-category-block > .publicwidth.grid{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        margin-top: 16px !important;
        padding: 0 10px !important;
        gap: 12px 10px !important;
    }
    .nova-category-block > .publicwidth.grid .cursor-pointer{
        padding: 0 !important;
    }
    .nova-category-block > .publicwidth.grid .text-\[14px\]{
        min-height: 31px;
        margin-top: 8px !important;
        font-size: 10px !important;
        line-height: 1.18;
    }
    .nova-category-block .shop_your_favorite_collection_content{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
    .nova-category-block .shop_your_favorite_collection_content_list .imga{
        aspect-ratio: 1 / 1.1;
    }
    .nova-category-block .shop_your_favorite_collection_content_list .imgtext{
        min-height: 32px;
        padding: 8px 4px;
        font-size: 10px;
    }
    .nova-feature-block{
        margin-top: 18px;
    }
    .nova-feature-block .publicwidth{
        padding-left: 10px;
        padding-right: 10px;
    }
    .nova-product-section{
        margin-top: 28px;
        padding: 0 10px;
    }
    .nova-section-title{
        margin-bottom: 14px;
    }
    .nova-section-title h2{
        font-size: 18px;
    }
    .nova-product-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 10px;
    }
    .nova-product-media{
        aspect-ratio: 3 / 4.15;
    }
    .nova-sale-badge{
        top: 7px;
        left: 7px;
        min-height: 20px;
        padding: 0 7px;
        font-size: 10px;
    }
    .nova-product-info{
        padding-top: 8px;
    }
    .nova-product-name{
        min-height: 36px;
        font-size: 12px;
        line-height: 1.45;
    }
    .nova-product-rating{
        min-height: 20px;
        margin-top: 2px;
    }
    .nova-product-price{
        gap: 5px;
        min-height: 24px;
        font-size: 12px;
    }
    .nova-price-save{
        min-height: 18px;
        padding: 0 4px;
        font-size: 10px;
    }
    .nova-product-button{
        min-height: 36px;
        margin-top: 6px;
        font-size: 11px;
    }
    .nova-service-strip{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 34px;
        padding: 18px 10px 10px;
    }
    .nova-service-card{
        min-height: 118px;
        padding: 8px 5px;
    }
    .nova-service-icon{
        width: 38px;
        height: 38px;
        margin-bottom: 9px;
    }
    .nova-service-card h3{
        font-size: 12px;
    }
    .nova-service-card p{
        font-size: 11px;
    }
}

@media (max-width: 960px) {
    .myself-home-page .header-scroll{
        top: 48px;
    }
    .myself-home-page.myself-announcement-hidden .header-scroll{
        top: 0;
    }
    .myself-home-page .myself-main-container{
        padding-top: 113px;
    }
    .myself-home{
        font-size: 17.4px;
        line-height: 27.84px;
    }
    .myself-announcement{
        min-height: 48px;
        padding: 7px 24px;
        gap: 0;
        font-size: 16px;
        line-height: 22px;
        white-space: normal;
    }
    .myself-announcement span + span:before{
        padding-right: 5px;
    }
    .myself-hero img{
        min-height: 172px;
        object-fit: cover;
        object-position: center top;
    }
    .myself-hero-arrow{
        width: 28px;
        height: 28px;
        margin-top: -14px;
        font-size: 28px;
        line-height: 25px;
    }
    .myself-hero-arrow-prev{
        left: 4px;
    }
    .myself-hero-arrow-next{
        right: 4px;
    }
    .myself-hero-dots{
        bottom: 8px;
        gap: 6px;
    }
    .myself-hero-dot{
        width: 7px;
        height: 7px;
    }
    .myself-hero-static-mobile{
        display: block;
    }
    .myself-hero-static-has-mobile{
        display: none;
    }
    .myself-collection{
        margin-top: 24px;
        padding: 32px 16px 0;
        border-top-color: #f6f6f6;
    }
    .myself-collection h2{
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
        text-transform: none !important;
    }
    .myself-collection-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        max-width: none;
        width: 100%;
        margin: 0 auto;
    }
    .myself-collection-card{
        aspect-ratio: 1 / 1;
        padding: 6px;
    }
    .myself-collection-image{
        inset: 6px;
    }
    .myself-collection-name{
        width: max-content;
        max-width: calc(100% - 28px);
        min-height: 0;
        padding: 4px;
        font-size: 18px;
        line-height: 28.8px;
    }
    .myself-ribbon{
        min-height: 78px;
        margin-top: 34px;
        padding: 15px 10px;
        flex-direction: column;
        gap: 8px;
        font-size: 14px;
        line-height: 22px;
    }
    .myself-ribbon a{
        min-height: 32px;
        padding: 0 14px;
        font-size: 12px;
    }
    .myself-product-section{
        margin-top: 46px;
        padding: 0;
        overflow: hidden;
    }
    .myself-section-heading{
        margin-bottom: 18px;
        padding: 0 16px;
    }
    .myself-section-heading h2{
        font-size: 18px;
        line-height: 1.22;
        text-transform: none !important;
    }
    .myself-section-heading a{
        margin-top: 9px;
        min-height: 32px;
        font-size: 12px;
    }
    .myself-product-grid{
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding: 0 10px 8px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    .myself-product-grid::-webkit-scrollbar{
        display: none;
    }
    .myself-product-card{
        flex: 0 0 31%;
        scroll-snap-align: start;
    }
    .myself-product-title{
        min-height: 32px;
        margin-top: 7px;
        font-size: 12px;
        line-height: 16px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .myself-product-price{
        gap: 3px 6px;
        font-size: 12px;
        line-height: 16px;
    }
    .myself-product-badge{
        top: 0;
        min-height: 18px;
        padding: 0 5px;
        font-size: 10px;
        line-height: 10px;
    }
    .myself-image-text{
        margin-top: 38px;
    }
    .myself-image-text-inner{
        min-height: 0;
        padding: 24px 18px 28px;
        display: block;
    }
    .myself-image-text-media{
        max-width: 320px;
        margin: 0 auto;
    }
    .myself-image-text-copy{
        max-width: 320px;
        margin: 18px auto 0;
        text-align: center;
    }
    .myself-image-text-copy h2{
        font-size: 18px;
        line-height: 1.08;
        text-transform: none !important;
    }
    .myself-image-text-copy p{
        margin-top: 11px;
        font-size: 14px;
        line-height: 22px;
    }
    .myself-image-text-copy a{
        min-height: 40px;
        margin-top: 13px;
        font-size: 12px;
    }
    .myself-clearance-section{
        margin-top: 42px;
    }
    .myself-newsletter{
        margin-top: 42px;
        padding: 30px 14px 34px;
    }
    .myself-newsletter h2{
        font-size: 18px;
        line-height: 1.05;
        text-transform: none !important;
    }
    .myself-newsletter p{
        max-width: 320px;
        margin: 8px auto 16px;
        font-size: 14px;
        line-height: 22px;
    }
    .myself-newsletter .subscribe-div-form{
        max-width: 330px;
    }
    .myself-newsletter .subscribe-div-form .text{
        width: calc(100% - 112px);
        height: 42px;
        font-size: 14px;
    }
    .myself-newsletter .subscribe-div-form .subscribe-button{
        width: 112px;
        height: 42px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.8px;
    }
    .myself-reviews{
        padding: 20px 16px 34px;
        font-size: 17.4px;
        line-height: 27.84px;
    }
    .myself-reviews-head{
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    .myself-reviews-head h2{
        font-size: 17.4px;
        line-height: 27.84px;
    }
    .myself-review-filters{
        width: 100%;
        flex-wrap: wrap;
        gap: 8px;
        font-size: 14px;
        line-height: 22.4px;
    }
    .myself-review-filters span{
        min-height: 36px;
        padding: 8px;
    }
    .myself-review-summary{
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 18px;
    }
    .myself-review-score{
        width: 100%;
        justify-content: space-between;
        gap: 8px;
    }
    .myself-review-score strong{
        font-size: 40px;
        line-height: 56px;
    }
    .myself-review-score em{
        text-align: right;
    }
    .myself-review-bars{
        width: 100%;
    }
    .myself-review-bar-row i{
        flex: 1;
        width: auto;
    }
    .myself-review-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 12px;
    }
    .myself-review-card{
        margin-bottom: 12px;
    }
    .myself-review-body{
        padding: 12px 12px 0;
    }
    .myself-review-body span{
        font-size: 14px;
    }
    .myself-review-body p{
        min-height: 100px;
        margin: 8px 0 12px;
        font-size: 14px;
        line-height: 20px;
        -webkit-line-clamp: 5;
    }
    .myself-review-product{
        min-height: 40px;
        font-size: 14px;
        line-height: 20px;
    }
    .myself-review-meta{
        display: block;
        padding: 12px;
    }
    .myself-review-meta strong,
    .myself-review-meta time{
        font-size: 12px;
        line-height: 18px;
    }
    .myself-review-meta time{
        margin-top: 2px;
    }
    .myself-review-more{
        display: flex;
        width: 100%;
        max-width: none;
        min-height: 36px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 22px;
    }
}