/* 甜美少女風格 CSS - 背景 + 價格白底修正完整版 */
html, body {
  background-color: #fff5f8;
  color: #4a2c3a;
  font-family: "Pacifico", "Poppins", cursive;
  cursor: url('heart-cursor.png'), auto;
  margin: 0;
  padding: 0;
  height: 100%;
}

h1, h2, h3 {
  color: #c07a68;
  text-shadow: 2px 2px 10px rgba(192, 122, 104, 0.8);
}

p {
  color: #6d4157;
}
a:hover {
  color: #ff8fa3;
}
a:hover::after {
  content: "✨";
  position: absolute;
  right: -10px;
  top: -10px;
}

button {
  background: linear-gradient(135deg, #ff9eab, #ffb6c1);
  border: 2px solid #c07a68;
  color: #fff;
  padding: 12px 24px;
  cursor: pointer;
  border-radius: 30px;
  box-shadow: 0 4px 8px rgba(255, 105, 180, 0.3);
  transition: transform 0.2s ease-in-out;
}
button:hover {
  background: linear-gradient(135deg, #ff7e94, #ff9eab);
  border-color: #ffb6c1;
  transform: scale(1.1);
}

.container {
  border: 3px solid rgba(192, 122, 104, 0.6);
  box-shadow: 0 0 10px rgba(192, 122, 104, 0.8);
  border-radius: 10px;
}

/* 統一價格樣式並清除白底 */
.price,
.product-price,
.product-info,
.price-wrapper,
.product-card {
  background-color: transparent !important;
  color: #4a2c3a;
  font-weight: bold;
  font-size: 1.1rem;
}