/* Boycott Market ürün sayfası: Hacı sayfasının bileşenleri (haci.css), uygulamanın yeşil–kırmızı renkleriyle. */
.boykot-page {
  --ink: #163322;
  --coral: #d90d24;
  --coral-d: #b00a1d;
  --sun: #2fbf63;
  --cream: #f3fbf6;
  --sand: #d9f2e2;
  --sky: #e6f6ec;
  --mint: #07923c;
  --on-accent: #fff; /* red/green accents are dark enough for white text */
}
.boykot-page .h-hero { padding-bottom: 72px; background: linear-gradient(180deg, #dff5e8 0%, #f1fbf5 55%, var(--bg) 100%); }
body.dark-theme .boykot-page .h-hero { background: linear-gradient(180deg, #0f2a1b 0%, #143523 55%, var(--bg) 100%); color: #eafff1; }
.boykot-page .h-hero h1 em { color: #2fbf63; }
.boykot-page .h-status.live { background: #e8fff0; color: #05772f; border-color: #07923c; }
.boykot-page .h-status.live::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-inline-end: 8px; border-radius: 50%; background: currentColor; vertical-align: middle; animation: pulse 1.8s ease-in-out infinite; }
.boykot-page .h-icon { background: #fff; }
.boykot-page a.store-badge { opacity: 1; cursor: pointer; text-decoration: none; transition: transform .15s ease; }
.boykot-page a.store-badge:hover { transform: translateY(-2px); }
.boykot-page .h-ic { color: #fff; background: #07923c; }
.b-features { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px) { .b-features { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .b-features { grid-template-columns: 1fr; } }
.boykot-page .phone-frame img { aspect-ratio: 540 / 1174; }
.boykot-page .h-feature .h-ic { background: #07923c; color: #fff; }
.boykot-page .h-feature:nth-child(even) .h-ic { background: #d90d24; color: #fff; }