body.fruit-page {
  background:
    linear-gradient(180deg, #f7fff3 0%, #ffffff 36%, #f3fbf0 100%);
  color: #24372e;
}

.fruit-page .menu-bar li a[aria-current="page"] {
  background: #e8f7d7;
  color: #315f13;
  font-weight: 800;
}

.fruit-hero {
  background:
    linear-gradient(135deg, rgba(246, 255, 237, 0.95), rgba(255, 252, 235, 0.95)),
    url("../product/home-ads/pokok-buah-hybrid.jpg") center/cover;
  border-bottom: 1px solid #d9ebc7;
}

.fruit-hero::before {
  background:
    radial-gradient(circle at 18% 28%, rgba(109, 154, 35, 0.2), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(240, 176, 62, 0.2), transparent 25%);
}

.fruit-page .flower-kicker,
.fruit-page .flower-tool-label {
  color: #527c18;
}

.fruit-page .flower-btn {
  background: #4f7f17;
  border-color: #4f7f17;
}

.fruit-page .flower-btn.secondary {
  background: rgba(255, 255, 255, 0.86);
  border-color: #cfe5b5;
  color: #345a12;
}

.fruit-page .flower-hero h1,
.fruit-page .flower-section .section-title {
  color: #24391b;
}

.fruit-page .flower-hero p,
.fruit-page .flower-section-copy {
  color: #50664a;
}

.fruit-page .flower-hero-card {
  border-color: #cfe5b5;
  box-shadow: 0 18px 42px rgba(54, 90, 18, 0.13);
}

.fruit-page .flower-product-toolbar {
  border-color: #d9ebc7;
  box-shadow: 0 8px 18px rgba(54, 90, 18, 0.07);
}

.fruit-page .flower-search-wrap input,
.fruit-page .flower-sort-control select,
.fruit-page .flower-check-filter {
  border-color: #cfe5b5;
}

.fruit-page .flower-check-filter {
  background: #f7fff3;
}

.fruit-page .flower-check-filter input {
  accent-color: #4f7f17;
}

.fruit-page .flower-reset-filter {
  background: #24391b;
  border-color: #24391b;
}

.fruit-page .flower-reset-filter:hover,
.fruit-filter-bar .filter-btn.is-active {
  background: #4f7f17;
  border-color: #4f7f17;
  box-shadow: 0 2px 8px rgba(79, 127, 23, 0.26);
}

.fruit-filter-bar {
  border-bottom-color: #d9ebc7;
}

.fruit-product-card {
  border-color: #d9ebc7;
  box-shadow: 0 8px 18px rgba(54, 90, 18, 0.08);
}

.fruit-product-card:hover {
  box-shadow: 0 13px 26px rgba(54, 90, 18, 0.13);
}

.fruit-product-card .rating {
  color: #4f7f17;
}

.fruit-product-card .price {
  color: #00695c;
}

.fruit-product-card .flower-auto-badge.fruit,
.fruit-product-card .flower-auto-badge.custom {
  background: #f4ffe9;
  border-color: #cfe5b5;
  color: #345a12;
}

.fruit-product-card .flower-auto-badge.limited {
  background: #fff7d6;
  border-color: #f4c430;
  color: #7a4b00;
}

.fruit-empty,
.fruit-error {
  border-color: #d9ebc7;
}

@media (max-width: 768px) {
  .fruit-hero {
    padding-top: 24px;
  }
}