.pageHeader{

display:flex;

align-items:center;

gap:15px;

padding:20px;

background:white;

position:sticky;

top:0;

z-index:100;

box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.backBtn{

font-size:24px;

text-decoration:none;

color:#111;

}

#wishlistContainer{

padding:15px;

display:grid;

grid-template-columns:repeat(auto-fill,minmax(180px,1fr));

gap:18px;

}

.product{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

cursor:pointer;

transition:.3s;

}

.product img{

width:100%;

aspect-ratio:1;

object-fit:cover;

}

.product h3{

padding:12px;

font-size:16px;

}

.price{

padding:0 12px 15px;

font-weight:700;

color:#d81b60;

}

.empty{

text-align:center;

padding:80px 20px;

font-size:18px;

color:#777;

}
.removeBtn{

width:calc(100% - 24px);

margin:12px;

padding:12px;

border:none;

border-radius:12px;

background:#e91e63;

color:#fff;

font-weight:600;

cursor:pointer;

}
/* ==========================================
   PINKMOM WISHLIST
   Premium Glossy Theme
========================================== */

:root{

    --navy:#0B1F3A;
    --navy-light:#163A70;
    --gold:#D4AF37;
    --bg:#F7F9FC;
    --white:#FFFFFF;
    --text:#1D2A3A;
    --muted:#72809A;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:"Poppins",sans-serif;

    background:
    radial-gradient(circle at top,#FFFFFF,#F7F9FC 70%);

    color:var(--text);

    min-height:100vh;

}

/* Floating Background */

body::before{

    content:"";

    position:fixed;

    top:-220px;
    right:-220px;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(212,175,55,.10),
    transparent 70%);

    pointer-events:none;

    z-index:-1;

}

body::after{

    content:"";

    position:fixed;

    bottom:-220px;
    left:-220px;

    width:520px;
    height:520px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(11,31,58,.08),
    transparent 70%);

    pointer-events:none;

    z-index:-1;

}

/* Header */

.pageHeader{

    position:sticky;

    top:0;

    z-index:999;

    height:78px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(212,175,55,.18);

    box-shadow:0 8px 25px rgba(0,0,0,.04);

    position:relative;

}

.pageHeader h2{

    font-size:24px;

    font-weight:700;

    color:var(--navy);

}

.backBtn{

    position:absolute;

    left:18px;

    width:46px;
    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:var(--navy);

    font-size:22px;

    background:#fff;

    border-radius:16px;

    border:1px solid rgba(212,175,55,.18);

    box-shadow:
    0 10px 25px rgba(0,0,0,.06);

    transition:.25s;

}

.backBtn:hover{

    transform:translateY(-2px);

}

/* Wishlist */

.products{

    max-width:900px;

    margin:auto;

    padding:24px 18px 90px;

}

/* Loading */

.loading{

    background:#fff;

    border-radius:24px;

    padding:45px 25px;

    text-align:center;

    font-size:18px;

    color:var(--muted);

    border:1px solid rgba(212,175,55,.20);

    box-shadow:
    0 16px 35px rgba(11,31,58,.06);

}

/* Product Cards */

.product-card{

    display:flex;

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:16px;

    background:#fff;

    border-radius:22px;

    border:1px solid rgba(212,175,55,.18);

    box-shadow:
    0 14px 35px rgba(11,31,58,.06);

    transition:.25s;

}

.product-card:hover{

    transform:translateY(-3px);

    box-shadow:
    0 18px 40px rgba(11,31,58,.10);

}

.product-card img{

    width:95px;

    height:95px;

    object-fit:cover;

    border-radius:18px;

    background:#f4f4f4;

}

.product-info{

    flex:1;

}

.product-info h3{

    font-size:20px;

    color:var(--navy);

    margin-bottom:8px;

}

.product-info p{

    color:var(--muted);

    line-height:1.6;

    font-size:14px;

}

.product-price{

    margin-top:10px;

    color:var(--gold);

    font-weight:700;

    font-size:20px;

}

.empty{

    background:#fff;

    border-radius:24px;

    padding:50px 30px;

    text-align:center;

    border:1px solid rgba(212,175,55,.20);

    box-shadow:
    0 16px 35px rgba(11,31,58,.06);

}

.empty h3{

    color:var(--navy);

    margin-bottom:12px;

    font-size:24px;

}

.empty p{

    color:var(--muted);

    line-height:1.7;

}

/* Responsive */

@media(max-width:700px){

.product-card{

    flex-direction:column;

    align-items:flex-start;

}

.product-card img{

    width:100%;

    height:220px;

}

.pageHeader h2{

    font-size:22px;

}

}