/* ── WooCommerce Animations ────────────────────────────────────────────────── */

/* Shop grid wrapper */
.wpanim-shop-grid { display: contents; }
.wpanim-product-item { position: relative; }

/* Sale badge animations */
.wpanim-badge { display: inline-block; transform-origin: center; }

/* Quick view overlay on product image */
.wpanim-woo-quick-overlay {
  position: absolute; inset: 0; background: rgba(0,0,0,0.45);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.3s; pointer-events: none;
}
.wpanim-product-item:hover .wpanim-woo-quick-overlay,
.wpanim-woo-card:hover .wpanim-woo-quick-overlay { opacity: 1; pointer-events: auto; }
.wpanim-woo-quick-btn {
  background: #fff; border: none; padding: 10px 20px; border-radius: 6px;
  font-weight: 600; cursor: pointer; font-size: 13px; transition: transform 0.2s;
}
.wpanim-woo-quick-btn:hover { transform: scale(1.05); }

/* Cart sidebar */
.wpanim-cart-sidebar { font-family: inherit; }
.wpanim-cart-sidebar-inner { padding: 24px; }
.wpanim-cart-close { position: absolute; top: 16px; right: 16px; background: none; border: none; font-size: 20px; cursor: pointer; }
.wpanim-cart-sidebar h3 { margin: 0 0 20px; font-size: 20px; }

/* Quick view modal */
#wpanim-quick-view { display: flex; }
.wpanim-qv-inner img { border-radius: 8px; }

/* Wishlist active state */
.wpanim-wishlisted { color: #ec4899 !important; }

/* ── Woo Scroll Widget Cards ───────────────────────────────────────────────── */
.wpanim-woo-scroll-outer { width: 100%; }
.wpanim-woo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.wpanim-woo-hscroll {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-bottom: 8px;
}
.wpanim-woo-hscroll::-webkit-scrollbar { display: none; }

.wpanim-woo-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: none;
  flex-shrink: 0;
  scroll-snap-align: start;
  min-width: 200px;
}
.wpanim-woo-img-wrap { position: relative; overflow: hidden; aspect-ratio: 1; }
.wpanim-woo-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.wpanim-woo-info { padding: 16px; }
.wpanim-woo-name { margin: 0 0 6px; font-size: 15px; font-weight: 600; line-height: 1.3; }
.wpanim-woo-price { font-size: 16px; font-weight: 700; margin-bottom: 12px; color: #6366f1; }
.wpanim-woo-badge { position: absolute; top: 10px; left: 10px; background: #ec4899; color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 20px; z-index: 2; text-transform: uppercase; letter-spacing: 0.5px; }
.wpanim-woo-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 9px 16px; border: none; border-radius: 7px;
  font-size: 13px; font-weight: 600; cursor: pointer;
  transition: opacity 0.2s, transform 0.15s;
  text-decoration: none;
}
.wpanim-woo-btn:hover { opacity: 0.88; transform: translateY(-1px); }
.wpanim-woo-atc { background: #6366f1; color: #fff; width: 100%; margin-top: 6px; }
.wpanim-woo-wishlist { background: #f3f4f6; color: #555; font-size: 18px; padding: 8px 12px; }
.wpanim-woo-wishlist.active { color: #ec4899; }

@media (max-width: 768px) {
  .wpanim-woo-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
  .wpanim-woo-grid { grid-template-columns: 1fr !important; }
}