/*

 * FAVORITE_PAGE_REAL_V1

 *

 * 收藏 = 商品收藏。

 * 品牌关注不进入本页面。

 */

.favorite-page{

    width:100%;

    height:100%;

    min-height:0;

    display:grid;

    grid-template-rows:auto minmax(0,1fr);

    overflow:hidden;

    padding:0;

    background:#fff;

}

.favorite-hero{

    padding:

        22px

        18px

        18px;

    background:#111;

    color:#fff;

}

.favorite-hero small{

    display:block;

    color:#ffd900;

    font-size:11px;

    font-weight:850;

    letter-spacing:2px;

}

.favorite-hero h1{

    margin:

        7px

        0

        5px;

    color:#fff;

    font-size:28px;

    line-height:1.15;

    font-weight:900;

}

.favorite-hero p{

    margin:0;

    color:#aaa;

    font-size:12px;

    line-height:1.4;

}

.favorite-scroll{

    min-width:0;

    min-height:0;

    overflow-x:hidden;

    overflow-y:auto;

    padding:

        16px

        14px

        30px;

    background:#fff;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;

}

.favorite-scroll::-webkit-scrollbar{

    display:none;

}

.favorite-content{

    min-width:0;

}

.favorite-page .products{

    gap:

        18px

        10px;

}

.favorite-page .product-card{

    color:#111;

    text-decoration:none;

}

/*

 * 收藏页中的商品天然已经属于“已收藏”。

 * 不重复显示商品卡右上角的展示心形。

 *

 * 真正取消收藏仍然在商品详情页完成。

 */

.favorite-page .product-favorite{

    display:none;

}

.favorite-page .product-img{

    border-radius:14px;

    background:#f3f3f3;

}

.favorite-loading{

    min-height:52vh;

    display:grid;

    place-items:center;

    color:#aaa;

    font-size:13px;

}

.favorite-empty{

    min-height:52vh;

    display:grid;

    place-items:center;

    text-align:center;

}

.favorite-empty-inner{

    width:min(

        300px,

        84%

    );

}

.favorite-empty strong{

    display:block;

    color:#111;

    font-size:19px;

    font-weight:850;

}

.favorite-empty p{

    margin:

        9px

        0

        20px;

    color:#999;

    font-size:13px;

    line-height:1.6;

}

.favorite-primary-action{

    width:150px;

    height:44px;

    margin:auto;

    display:grid;

    place-items:center;

    border:0;

    border-radius:12px;

    background:#111;

    color:#fff;

    font:inherit;

    font-size:13px;

    font-weight:800;

    text-decoration:none;

    -webkit-tap-highlight-color:transparent;

}

.favorite-primary-action:active{

    transform:scale(.98);

}



/* =========================================================
 * FAVORITE_SAVED_AT_V1
 * ========================================================= */

.favorite-page .favorite-saved-at{
    margin-top:6px;

    color:#aaa;

    font-size:11px;
    line-height:1.35;

    font-weight:500;
}



/* FAVORITE_CANCEL_STYLE_V1 */

.favorite-page .product-favorite.favorite-cancel-button{

    display:flex;

    width:auto;

    min-width:58px;

    height:28px;

    right:8px;

    top:8px;

    padding:0 9px;

    border:1px solid rgba(0,0,0,.08);

    border-radius:999px;

    background:rgba(255,255,255,.94);

    color:#555;

    align-items:center;

    justify-content:center;

    font-size:10px;

    line-height:1;

    font-weight:800;

    white-space:nowrap;

}

.favorite-page .favorite-cancel-button[data-pending="1"]{

    opacity:.55;

}

/* 取消收藏确认框 */

.favorite-confirm-overlay{

    position:fixed;

    inset:0;

    z-index:9999;

    display:grid;

    place-items:center;

    padding:24px;

    background:rgba(0,0,0,.42);

}

.favorite-confirm-box{

    width:min(320px,100%);

    padding:26px 20px 18px;

    border-radius:18px;

    background:#fff;

    color:#111;

    text-align:center;

    box-shadow:0 18px 50px rgba(0,0,0,.22);

}

.favorite-confirm-box strong{

    display:block;

    font-size:17px;

    line-height:1.5;

    font-weight:900;

}

.favorite-confirm-actions{

    margin-top:24px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:10px;

}

.favorite-confirm-actions button{

    height:44px;

    border:1px solid #ddd;

    border-radius:12px;

    background:#fff;

    color:#111;

    font:inherit;

    font-size:14px;

    font-weight:800;

}

.favorite-confirm-actions .is-confirm{

    border-color:#111;

    background:#111;

    color:#fff;

}