.wishlist-container {
   padding: 60px 0;
   min-height: 70vh;
  }

  .page-header {
   background: linear-gradient(135deg, var(--primary-green), var(--fresh-green));
   color: #d3005c;
   padding: 10px 0;
   /* margin-bottom: 20px; */
   border-radius: 15px;
  }

  .page-header h1 {
   font-family: 'Playfair Display', serif;
   font-size: 42px;
   font-weight: 900;
   margin-bottom: 10px;
  }

  .page-header p {
   font-size: 18px;
   opacity: 0.9;
  }

  .wishlist-item {
   background: #fff;
   border-radius: 15px;
   padding: 20px;
   margin-bottom: 20px;
   box-shadow: 0 5px 20px rgba(61, 90, 44, 0.1);
   transition: all 0.3s ease;
   border: 2px solid transparent;
  }

  .wishlist-item:hover {
   transform: translateY(-5px);
   box-shadow: 0 15px 40px rgba(74, 124, 47, 0.2);
   border-color: var(--secondary-green);
  }

  .wishlist-item-image {
   width: 150px;
   height: 150px;
   border-radius: 12px;
   overflow: hidden;
   background: var(--accent-cream);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px;
  }

  .wishlist-item-image img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
  }

  .wishlist-item-details {
   flex: 1;
   padding: 0 20px;
  }

  .wishlist-item-title {
   font-size: 20px;
   font-weight: 700;
   color: var(--primary-green);
   margin-bottom: 10px;
  }

  .wishlist-item-title a {
   color: var(--primary-green);
   text-decoration: none;
   transition: color 0.3s ease;
  }

  .wishlist-item-title a:hover {
   color: var(--fresh-green);
  }

  .wishlist-item-rating {
   color: var(--vegetable-orange);
   margin-bottom: 10px;
  }

  .wishlist-item-price {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 15px;
  }

  .current-price {
   font-size: 28px;
   font-weight: 700;
   color: var(--fresh-green);
  }

  .old-price {
   font-size: 20px;
   color: var(--text-light);
   text-decoration: line-through;
  }

  .discount-badge {
   background: var(--vegetable-red);
   color: #fff;
   padding: 5px 12px;
   border-radius: 20px;
   font-size: 14px;
   font-weight: 600;
  }

  .stock-status {
   padding: 8px 15px;
   border-radius: 20px;
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   margin-bottom: 15px;
  }

  .stock-status.in-stock {
   background: rgba(74, 124, 47, 0.1);
   color: var(--fresh-green);
  }

  .stock-status.out-of-stock {
   background: rgba(201, 69, 69, 0.1);
   color: var(--vegetable-red);
  }

  .wishlist-item-actions {
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
  }

  .btn-add-cart,
  .btn-remove {
   padding: 12px 25px;
   border-radius: 8px;
   font-weight: 600;
   font-size: 14px;
   cursor: pointer;
   transition: all 0.3s ease;
   display: flex;
   align-items: center;
   gap: 8px;
   border: none;
  }

  .btn-add-cart {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;   color: #fff;
  }

  .btn-add-cart:hover {
   background: linear-gradient(135deg, var(--secondary-green), var(--vegetable-orange));
   transform: translateY(-2px);
   box-shadow: 0 5px 15px rgba(74, 124, 47, 0.3);
  }

  .btn-add-cart:disabled {
   background: #ccc;
   cursor: not-allowed;
   transform: none;
  }

  .btn-remove {
   color: #fff;
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;   border: 2px solid var(--vegetable-red);
  }

  .btn-remove:hover {
   background: var(--vegetable-red);
   color: #fff;
   transform: translateY(-2px);
   box-shadow: 0 5px 15px rgba(201, 69, 69, 0.3);
  }

  .empty-wishlist {
   text-align: center;
   padding: 80px 20px;
  }

  .empty-wishlist i {
   font-size: 120px;
   color: var(--secondary-green);
   margin-bottom: 30px;
   opacity: 0.5;
  }

  .empty-wishlist h3 {
   font-size: 32px;
   font-weight: 700;
   color: var(--primary-green);
   margin-bottom: 15px;
  }

  .empty-wishlist p {
   font-size: 18px;
   color: var(--text-light);
   margin-bottom: 30px;
  }

  .btn-shop-now {
   background: linear-gradient(135deg, var(--fresh-green), var(--secondary-green));
   color: #fff;
   padding: 15px 40px;
   border-radius: 50px;
   font-weight: 700;
   font-size: 18px;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   transition: all 0.3s ease;
  }

  .btn-shop-now:hover {
   background: linear-gradient(135deg, var(--secondary-green), var(--vegetable-orange));
   transform: translateY(-3px);
   box-shadow: 0 10px 30px rgba(74, 124, 47, 0.3);
   color: #fff;
  }

  .wishlist-summary {
   background: #fff;
   border-radius: 15px;
   padding: 30px;
   box-shadow: 0 5px 20px rgba(61, 90, 44, 0.1);
   position: sticky;
   top: 180px;
  }

  .wishlist-summary h4 {
   font-weight: 700;
   color: var(--primary-green);
   margin-bottom: 20px;
  }

  .summary-item {
   display: flex;
   justify-content: space-between;
   padding: 10px 0;
   border-bottom: 1px solid var(--border-color);
  }

  .summary-item:last-child {
   border-bottom: none;
   font-weight: 700;
   font-size: 18px;
   color: var(--primary-green);
  }

  @media (max-width: 768px) {
   .wishlist-item {
    flex-direction: column;
   }

   .wishlist-item-image {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
   }

   .wishlist-item-details {
    padding: 0;
   }

   .wishlist-summary {
    position: static;
    margin-top: 30px;
   }
  }
.wl-page { padding: 28px 0 60px; }
.wl-hero {
 background: linear-gradient(135deg, rgba(74,124,47,.10), rgba(139,90,60,.10));
 border: 1px solid rgba(0,0,0,.06);
 border-radius: 16px;
 padding: 18px 18px;
 margin-bottom: 18px;
}
.wl-hero h1 { font-size: 1.4rem; margin: 0; display:flex; gap:10px; align-items:center; }
.wl-hero .meta { color: rgba(0,0,0,.6); margin-top: 6px; display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.wl-pill {
 display:inline-flex; align-items:center; gap:6px;
 padding: 6px 10px; border-radius: 999px; font-size: .85rem;
 border: 1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.75);
}
.wl-toolbar {
 display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:space-between;
 margin: 14px 0 16px;
}
.wl-search { position:relative; flex: 1 1 280px; max-width: 520px; }
.wl-search input {
 width:100%; padding: 10px 12px 10px 38px; border-radius: 12px;
 border: 1px solid rgba(0,0,0,.12);
}
.wl-search i { position:absolute; left:12px; top:50%; transform:translateY(-50%); color: rgba(0,0,0,.45); }
.wl-filters { display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
.wl-filter-btn {
 border: 1px solid rgba(0,0,0,.12); border-radius: 999px;
 background: #fff; padding: 8px 12px; font-size: .9rem;
 display:inline-flex; gap:8px; align-items:center;
}
.wl-filter-btn.active { border-color: rgba(74,124,47,.55); box-shadow: 0 0 0 3px rgba(74,124,47,.12); }
.wl-grid { display:grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 768px) { .wl-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .wl-grid { grid-template-columns: repeat(3, 1fr); } }

.wl-card {
 border: 1px solid rgba(0,0,0,.08);
 border-radius: 16px;
 background: #fff;
 overflow: hidden;
 box-shadow: 0 6px 20px rgba(0,0,0,.06);
 display:flex;
 flex-direction:column;
 height:100%;
}
.wl-card .imgwrap {
 position:relative;
 background: linear-gradient(135deg, rgba(0,0,0,.04), rgba(0,0,0,.02));
}
.wl-card img {
 width:100%;
 height: 210px;
 object-fit: cover;
 display:block;
}
.wl-badge {
 position:absolute;
 left:12px; top:12px;
 background: rgba(0,0,0,.78);
 color: #fff;
 padding: 6px 10px;
 border-radius: 999px;
 font-size: .82rem;
 display:inline-flex; gap:6px; align-items:center;
}
.wl-badge.out { background: rgba(201,69,69,.88); }
.wl-discount {
 position:absolute;
 right:12px; top:12px;
 background: rgba(139,90,60,.92);
 color: #fff;
 padding: 6px 10px;
 border-radius: 999px;
 font-size: .82rem;
}
.wl-card .body { padding: 14px 14px 12px; display:flex; flex-direction:column; gap: 8px; flex:1; }
.wl-title {
 font-weight: 700;
 font-size: 1.02rem;
 margin:0;
 line-height: 1.25;
}
.wl-title a { color: inherit; text-decoration: none; }
.wl-title a:hover { text-decoration: underline; }
.wl-rating { display:flex; gap:10px; align-items:center; color: rgba(0,0,0,.65); font-size: .9rem; }
.wl-stars i { color: #f1b600; }
.wl-price { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; }
.wl-price .cur { font-size: 1.12rem; font-weight: 800; }
.wl-price .old { color: rgba(0,0,0,.5); text-decoration: line-through; }
.wl-actions {
 display:flex;
 gap: 10px;
 margin-top: auto;
}
.wl-actions .btn {
 border-radius: 12px;
 padding: 10px 12px;
 font-weight: 600;
}
.wl-actions .btn-primary:disabled { opacity:.55; }
/*
.wl-actions .btn-primary { background:#4a7c2f; border-color:#4a7c2f; }
.wl-actions .btn-outline-danger { border-color: rgba(201,69,69,.6); color:#c94545; }
.wl-actions .btn-outline-danger:hover { background:#c94545; color:#fff; }
*/
.wl-side {
 position: sticky;
 top: 160px;
}
.wl-summary {
 border: 1px solid rgba(0,0,0,.08);
 border-radius: 16px;
 background:#fff;
 box-shadow: 0 6px 20px rgba(0,0,0,.06);
 padding: 16px;
}
.wl-summary h4 { margin:0 0 12px; font-size: 1.05rem; display:flex; gap:8px; align-items:center; }
.wl-srow { display:flex; justify-content:space-between; align-items:center; padding: 10px 0; border-bottom: 1px dashed rgba(0,0,0,.12); }
.wl-srow:last-child { border-bottom: 0; }
.wl-srow .k { color: rgba(0,0,0,.62); }
.wl-empty {
 border: 1px dashed rgba(0,0,0,.18);
 border-radius: 16px;
 padding: 34px 18px;
 background: rgba(255,255,255,.85);
 text-align:center;
}
.wl-empty i { font-size: 2.2rem; color: rgba(0,0,0,.35); }
.wl-empty h3 { margin: 10px 0 6px; }
.wl-empty p { color: rgba(0,0,0,.62); margin-bottom: 16px; }
.wl-empty .btn-shop-now { border-radius: 999px; padding: 10px 16px; }