/* KiwiCue V1 public app layer.
   The complete membership/account product is preserved in Git; this file
   keeps the public validation build focused on search and discovery. */

:root {
  --v1-green: #07975a;
  --v1-green-dark: #073f2c;
  --v1-paper: #f5faf7;
}

body {
  background-color: var(--v1-paper);
  background-image:
    radial-gradient(circle at 82% 0, rgb(65 210 139 / .13), transparent 30rem),
    linear-gradient(rgb(7 151 90 / .035) 1px, transparent 1px),
    linear-gradient(90deg, rgb(7 151 90 / .035) 1px, transparent 1px);
  background-size: auto, 34px 34px, 34px 34px;
}

.hdr-main,
.hdr.is-scrolled .hdr-main {
  background:
    radial-gradient(480px circle at 20% -80%, rgb(255 255 255 / .32), transparent 70%),
    linear-gradient(118deg, rgb(6 121 73 / .88), rgb(4 103 63 / .78));
}

.v1-about {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  border: 1px solid rgb(255 255 255 / .28);
  border-radius: 14px;
  color: #fff;
  background: rgb(255 255 255 / .10);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .28);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.v1-about:hover { background: rgb(255 255 255 / .18); }

.discover-page .discover-top {
  min-height: 250px;
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 4%, rgb(45 206 127 / .22), transparent 33%),
    linear-gradient(135deg, rgb(255 255 255 / .98), rgb(241 251 246 / .91));
}
.discover-page .discover-top::after {
  content: "";
  position: absolute;
  width: 270px;
  height: 270px;
  right: -95px;
  bottom: -150px;
  border: 1px solid rgb(7 151 90 / .12);
  border-radius: 50%;
  box-shadow: 0 0 0 44px rgb(7 151 90 / .025), 0 0 0 88px rgb(7 151 90 / .025);
  pointer-events: none;
}
.discover-page .discover-top,
.discover-page .discover-top > * { position: relative; }
.discover-page .discover-top > * { z-index: 1; }
.discover-page .discover-heading .eyebrow { color: var(--brand-ink); }
.discover-page .discover-heading h1 {
  max-width: 12ch;
  font-size: clamp(40px, 4vw, 60px);
}
.discover-page .discover-heading p { font-size: 16px; }

.discover-catalogue {
  border-color: rgb(7 151 90 / .10);
  background: rgb(255 255 255 / .88);
}
.discover-row-head h2 { font-family: var(--sans); font-weight: 800; }
.discover-price-tease {
  background:
    radial-gradient(circle at 88% 0, rgb(255 255 255 / .23), transparent 35%),
    linear-gradient(135deg, #07553a, #07975a);
}
.discover-price-tease .eyebrow { color: #a4f0c9; }
.discover-price-tease .btn.primary {
  color: var(--v1-green-dark);
  background: #fff;
  border-color: rgb(255 255 255 / .72);
  box-shadow: 0 12px 30px rgb(1 47 29 / .18), inset 0 1px 0 #fff;
}
.discover-price-tease .btn.primary:hover {
  color: #032b1d;
  background: #f3fff8;
}

.product-finder {
  background:
    radial-gradient(circle at 88% 8%, rgb(255 255 255 / .25), transparent 32%),
    linear-gradient(140deg, #07543a, #07975a);
}
.product-finder.is-locked { filter: none; }
.product-search .btn { color: var(--v1-green-dark); background: #fff; }
.product-suggestions button { color: #fff; }

.page-head h1 { font-family: var(--sans); font-weight: 800; letter-spacing: -.045em; }
.ftr { background: var(--v1-green-dark); }
.ftr-grid { grid-template-columns: 1.6fr repeat(2, 1fr); }

@media (max-width: 1120px) {
  .v1-about { display: none; }
}

@media (max-width: 760px) {
  .discover-page .discover-top { min-height: 0; }
  .discover-page .discover-heading h1 { font-size: 38px; }
}