/* TODDY'S TOYS V5.4 WISHLIST */

.wishlist-card-shell{
    position:relative;
    min-width:0;
}

.wishlist-card-shell > .product-card{
    height:100%;
}

.wishlist-card-button{
    position:absolute;
    z-index:12;
    top:14px;
    right:14px;
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    color:#fff;
    background:rgba(7,20,38,.82);
    box-shadow:0 10px 28px rgba(0,0,0,.28);
    font-size:25px;
    line-height:1;
    cursor:pointer;
    backdrop-filter:blur(10px);
    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.wishlist-card-button:hover{
    transform:translateY(-2px) scale(1.04);
    background:#16345d;
    border-color:#77aaff;
}

.wishlist-card-button.is-active{
    color:#fff;
    background:#e83c68;
    border-color:#ff86a4;
}

.wishlist-header-link{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:42px;
    color:inherit;
    text-decoration:none;
    font-weight:800;
}

.wishlist-header-icon{
    font-size:22px;
    line-height:1;
}

.wishlist-count{
    min-width:20px;
    height:20px;
    display:inline-grid;
    place-items:center;
    padding:0 5px;
    border-radius:999px;
    color:#fff;
    background:#e83c68;
    font-size:11px;
    font-weight:900;
}

.product-wishlist-button{
    width:100%;
    margin-top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#d8e7ff;
    background:#112b4c;
    border:1px solid #315a88;
}

.product-wishlist-button:hover{
    color:#fff;
    background:#173a66;
}

.product-wishlist-button.is-active{
    color:#fff;
    background:#a62a50;
    border-color:#e96489;
}

.product-wishlist-button [data-wishlist-icon]{
    font-size:22px;
}

.wishlist-toast{
    position:fixed;
    z-index:99999;
    left:50%;
    bottom:28px;
    max-width:min(420px,calc(100% - 32px));
    padding:13px 18px;
    border:1px solid #3a608c;
    border-radius:13px;
    color:#fff;
    background:#102743;
    box-shadow:0 18px 45px rgba(0,0,0,.38);
    font-weight:800;
    text-align:center;
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,18px);
    transition:
        opacity .2s ease,
        transform .2s ease;
}

.wishlist-toast.is-visible{
    opacity:1;
    transform:translate(-50%,0);
}

.wishlist-page{
    width:min(1220px,calc(100% - 32px));
    margin:42px auto 80px;
}

.wishlist-page-heading{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:24px;
    margin-bottom:28px;
}

.wishlist-page-heading h1{
    margin:5px 0 0;
    color:#fff;
    font-size:clamp(34px,6vw,58px);
}

.wishlist-page-heading p{
    margin:0;
    color:#9fb2cc;
}

.wishlist-page-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
}

.wishlist-page-item{
    min-width:0;
}

.wishlist-empty{
    max-width:660px;
    margin:80px auto;
    padding:48px 28px;
    border:1px solid #254466;
    border-radius:24px;
    color:#dce9fb;
    background:#0d1d32;
    text-align:center;
}

.wishlist-empty-icon{
    width:82px;
    height:82px;
    display:grid;
    place-items:center;
    margin:0 auto 20px;
    border-radius:999px;
    color:#ff7fa1;
    background:#29162a;
    font-size:46px;
}

.wishlist-empty h2{
    margin:0 0 10px;
    color:#fff;
    font-size:30px;
}

.wishlist-empty p{
    margin:0 auto 24px;
    max-width:480px;
    color:#9fb2cc;
    line-height:1.7;
}

.dashboard-wishlist-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
    margin-right:18px;
    color:#9fc4ff;
    text-decoration:none;
    font-weight:800;
}

.dashboard-wishlist-link b{
    min-width:20px;
    height:20px;
    display:inline-grid;
    place-items:center;
    padding:0 5px;
    border-radius:999px;
    color:#fff;
    background:#e83c68;
    font-size:11px;
}

@media(max-width:980px){
    .wishlist-page-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wishlist-header-label{
        display:none;
    }
}

@media(max-width:620px){
    .wishlist-page-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .wishlist-page-grid{
        grid-template-columns:1fr;
    }

    .wishlist-card-button{
        top:10px;
        right:10px;
    }

    .dashboard-wishlist-link{
        margin-right:10px;
        font-size:0;
    }

    .dashboard-wishlist-link span,
    .dashboard-wishlist-link b{
        font-size:16px;
    }
}