.elementor-12 .elementor-element.elementor-element-b4d191b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-65be4c6{--display:flex;}.elementor-12 .elementor-element.elementor-element-c1db20c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-4d835f7 *//* =========================
   FULL WIDTH BASE
========================= */
.ml-wishlist-wrap {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: linear-gradient(135deg, #eef5fa, #ffffff);
  padding: 80px 20px 40px;
}

/* =========================
   HEADER
========================= */
.ml-wishlist-header {
  max-width: 1320px;
  margin: auto;
  text-align: center;
}

.ml-wishlist-header h1 {
  font-size: 38px;
  font-weight: 700;
  color: #002b50;
}

.ml-wishlist-header h1 span {
  color: #ff4d6d;
}

.ml-wishlist-header p {
  margin-top: 10px;
  font-size: 16px;
  color: #555;
}

/* =========================
   ACTION BUTTONS
========================= */
.ml-wishlist-actions {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.ml-btn {
  padding: 14px 26px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

.ml-btn.primary { background:#00a0d2; color:#fff; }
.ml-btn.secondary { background:#002b50; color:#fff; }
.ml-btn.success { background:#2ecc71; color:#fff; }
.ml-btn.danger { background:#ff5c77; color:#fff; }

.ml-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
}

/* =========================
   PRODUCT GRID
========================= */
.tinvwl-table-manage-list,
.wishlist-products {
  max-width: 1320px !important;
  margin: 40px auto !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 30px !important;
}

/* =========================
   PRODUCT CARD
========================= */
.tinvwl-table-manage-list li {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
  transition: all .35s ease;
}

.tinvwl-table-manage-list li:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 70px rgba(0,0,0,.14);
}

/* =========================
   PRODUCT TITLE
========================= */
.tinvwl-product-name a {
  font-size: 15px;
  font-weight: 600;
  color: #002b50;
  text-decoration: none;
}

/* =========================
   PRICE STYLE
========================= */
.tinvwl-product-price {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #00a0d2;
}

/* =========================
   STOCK BADGE
========================= */
.tinvwl-table-manage-list li::after {
  content: "IN STOCK";
  position: absolute;
  top: 15px;
  right: 15px;
  background: #2ecc71;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 20px;
}

/* =========================
   REMOVE BUTTON
========================= */
.tinvwl-product-remove button {
  background: #ff5c77 !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 6px 12px !important;
}

/* =========================
   MOBILE FIX
========================= */
@media (max-width: 768px) {
  .ml-wishlist-header h1 { font-size: 28px; }
}
/* Wishlist CTA Bar */
.ml-wishlist-extra-actions {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 30px 0;
  flex-wrap: wrap;
}

/* Heart Animation */
.tinvwl-product-remove button:hover {
  animation: pulse 0.5s;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}
.ml-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: linear-gradient(135deg,#00a0d2,#002b50);
  color: #fff;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 12px;
  text-transform: uppercase;
  z-index: 5;
}

.ml-badge.bulk { background: #ff9800; }
.ml-badge.ready { background: #4caf50; }/* End custom CSS */