:root {
  --bs-primary: #165DFF;
}

.navbar-brand {
  letter-spacing: 0.5px;
}

.carousel-item {
  background: linear-gradient(90deg, rgba(22,93,255,0.9), rgba(22,93,255,0.6));
}

footer a { color: #6c757d; }
footer a:hover { color: var(--bs-primary); }

/* 卡片微调 */
.card-title { color: #333; }
.card.text-center .fw-bold { color: var(--bs-primary); }

/* 斜角角標（熱賣中） */
.corner-ribbon {
  position: absolute;
  right: -18px;
  bottom: 14px;
  background: #dc3545; /* Bootstrap danger */
  color: #fff;
  padding: 6px 46px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transform: rotate(-45deg);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  pointer-events: none; /* 不可點擊，避免遮擋 */
}

@media (min-width: 768px) {
  .corner-ribbon {
    right: -20px;
    bottom: 16px;
    padding: 8px 52px;
    font-size: 13px;
  }
}

/* 絲帶樣式角標（熱賣中） */
.ribbon-banner {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #dc3545;
  color: #fff;
  padding: 9px 21px; /* 放大 1.5x */
  font-size: 18px;   /* 放大 1.5x */
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  border-radius: 6px; /* 改為長方形角標 */
}

@media (min-width: 768px) {
  .ribbon-banner {
    padding: 12px 24px;
    font-size: 20px;
  }
}