/* ============ Page-specific styles: wishlist.html ============ */

body{background:#F4F5F7;}
.wl-page{padding:40px 0 64px;}

/* empty state */
.wl-empty{
  text-align:center;padding:80px 20px;
  display:none;flex-direction:column;align-items:center;
}
.wl-empty.show{display:flex;}
.wl-empty-ico{
  width:80px;height:80px;border-radius:50%;background:#FEF0E8;
  display:flex;align-items:center;justify-content:center;margin:0 auto 20px;
}

/* page header */
.wl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px;}
.wl-title-block h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--heading);margin-bottom:3px;}
.wl-title-block p{font-size:.82rem;color:var(--body);}
.wl-header-actions{display:flex;gap:10px;align-items:center;}
.wl-clear-btn{
  font-size:.78rem;font-weight:600;color:#ef4444;background:none;
  border:1.5px solid #ef4444;border-radius:7px;padding:7px 14px;cursor:pointer;transition:.2s;
}
.wl-clear-btn:hover{background:#FEF2F2;}

/* sort/filter bar */
.wl-bar{
  background:#fff;border:1px solid var(--border);border-radius:11px;
  padding:14px 18px;margin-bottom:24px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.wl-count-tag{
  font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);background:#FEF0E8;padding:3px 10px;border-radius:20px;
}
.wl-bar-sep{color:var(--border);}
.wl-bar select{
  font-size:.8rem;font-family:var(--font-body);color:var(--body);
  border:1.5px solid var(--border);border-radius:7px;padding:6px 10px;
  outline:none;cursor:pointer;background:#fff;transition:border-color .2s;
}
.wl-bar select:focus{border-color:var(--accent);}
.wl-view-btns{margin-left:auto;display:flex;gap:4px;}
.wl-vbtn{
  width:32px;height:32px;border-radius:7px;border:1.5px solid var(--border);
  background:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--body);transition:.2s;
}
.wl-vbtn.active{border-color:var(--accent);background:#FEF0E8;color:var(--accent);}

/* GRID VIEW */
.wl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.wl-card{
  background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;
  transition:all .25s;position:relative;
}
.wl-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.09);transform:translateY(-3px);border-color:transparent;}
.wl-card-img{aspect-ratio:1/1;background:#FAFAFA;overflow:hidden;position:relative;}
.wl-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.wl-card:hover .wl-card-img img{transform:scale(1.07);}
.wl-badge{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:4px;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.wl-badge.sale{background:var(--accent);color:#fff;}
.wl-badge.new{background:#111;color:#fff;}
.wl-badge.hot{background:#ef4444;color:#fff;}
.wl-rm-btn{
  position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.92);backdrop-filter:blur(4px);
  border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:#ef4444;transition:.2s;opacity:0;
}
.wl-card:hover .wl-rm-btn{opacity:1;}
.wl-rm-btn:hover{background:#ef4444;color:#fff;}
.wl-card-body{padding:14px 16px 16px;}
.wl-card-cat{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--body);margin-bottom:4px;}
.wl-card-name{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--heading);margin-bottom:6px;line-height:1.3;}
.wl-card-stars{display:flex;align-items:center;gap:3px;margin-bottom:10px;}
.wl-card-stars svg{width:12px;height:12px;}
.wl-rc{font-size:.68rem;color:var(--body);}
.wl-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:12px;}
.wl-price{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--accent);}
.wl-old{font-size:.78rem;color:#aaa;text-decoration:line-through;}
.wl-save{font-size:.65rem;font-weight:700;color:var(--accent);background:#FEF0E8;padding:2px 7px;border-radius:20px;}
.wl-stock{font-size:.7rem;font-weight:600;margin-bottom:10px;}
.wl-stock.ok{color:#16a34a;} .wl-stock.low{color:#f59e0b;}
.wl-card-btns{display:grid;grid-template-columns:1fr 36px;gap:6px;}
.wl-atc{
  padding:9px 12px;background:var(--accent);color:#fff;border:none;border-radius:7px;
  font-size:.78rem;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:5px;
}
.wl-atc:hover{background:var(--accent-hover);}
.wl-atc.done{background:#16a34a;}
.wl-view{
  width:36px;height:36px;border:1.5px solid var(--border);border-radius:7px;
  display:flex;align-items:center;justify-content:center;
  color:var(--body);cursor:pointer;transition:.2s;background:#fff;
}
.wl-view:hover{border-color:var(--heading);color:var(--heading);}

/* LIST VIEW */
.wl-list{display:flex;flex-direction:column;gap:12px;}
.wl-list-item{
  background:#fff;border:1px solid var(--border);border-radius:12px;
  display:flex;align-items:center;gap:16px;padding:14px 18px;
  transition:.2s;
}
.wl-list-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.07);border-color:transparent;}
.wl-list-img{width:80px;height:80px;border-radius:9px;overflow:hidden;background:#FAFAFA;flex-shrink:0;}
.wl-list-img img{width:100%;height:100%;object-fit:cover;}
.wl-list-info{flex:1;min-width:0;}
.wl-list-cat{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--body);margin-bottom:3px;}
.wl-list-name{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--heading);margin-bottom:5px;}
.wl-list-stars{display:flex;align-items:center;gap:2px;margin-bottom:8px;}
.wl-list-stars svg{width:11px;height:11px;}
.wl-list-price{display:flex;align-items:baseline;gap:6px;}
.wl-list-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;}
.wl-list-atc{
  padding:9px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;
  font-size:.8rem;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:5px;
}
.wl-list-atc:hover{background:var(--accent-hover);}
.wl-list-rm{
  width:34px;height:34px;border:1.5px solid var(--border);border-radius:8px;
  background:#fff;display:flex;align-items:center;justify-content:center;
  color:#ef4444;cursor:pointer;transition:.2s;
}
.wl-list-rm:hover{background:#FEF2F2;border-color:#ef4444;}

/* also liked section */
.also-liked{margin-top:48px;padding-top:40px;border-top:1px solid var(--border);}
.also-liked-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.also-liked-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}

/* responsive */
@media(max-width:1024px){.wl-grid{grid-template-columns:repeat(3,1fr);}.also-liked-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.wl-grid{grid-template-columns:repeat(2,1fr);}.also-liked-grid{grid-template-columns:repeat(2,1fr);}.wl-list-img{width:64px;height:64px;}.wl-list-name{font-size:.84rem;}}
@media(max-width:480px){.wl-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.also-liked-grid{grid-template-columns:repeat(2,1fr);gap:10px;}}