@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&display=swap');
@import "tailwindcss";
@import "tw-animate-css";
@import "../vendor/shadcn-tailwind-4.13.0.css";

@utility scrollbar-thin {
  scrollbar-width: thin;
}

@utility scrollbar-none {
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

@utility scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

:root {
  --background: #ffffff;
  --foreground: #171717;
  --card: #ffffff;
  --card-foreground: #171717;
  --popover: #ffffff;
  --popover-foreground: #171717;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #f54900;
  --chart-2: #009689;
  --chart-3: #104e64;
  --chart-4: #ffb900;
  --chart-5: #fe9a00;
  --radius: 0.625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #171717;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --card: #171717;
    --card-foreground: #ededed;
    --popover: #171717;
    --popover-foreground: #ededed;
    --primary: #ededed;
    --primary-foreground: #171717;
    --secondary: #262626;
    --secondary-foreground: #ededed;
    --muted: #262626;
    --muted-foreground: #a1a1a1;
    --accent: #262626;
    --accent-foreground: #ededed;
    --destructive: #ff6467;
    --border: #ffffff1a;
    --input: #ffffff26;
    --ring: #737373;
    --chart-1: #8e51ff;
    --chart-2: #00bc7d;
    --chart-3: #fe9a00;
    --chart-4: #ad46ff;
    --chart-5: #ff2056;
    --sidebar: #171717;
    --sidebar-foreground: #ededed;
    --sidebar-primary: #8e51ff;
    --sidebar-primary-foreground: #ededed;
    --sidebar-accent: #262626;
    --sidebar-accent-foreground: #ededed;
    --sidebar-border: #ffffff1a;
    --sidebar-ring: #737373;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

.site{--pine:#073f27;--leaf:#13643d;--cream:#f8f4e8;--ink:#173025;--gold:#e8b83e;--line:#d9d3c3;width:100%;min-height:100vh;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}.site *{box-sizing:border-box}.site a{color:inherit}.nav{height:62px;background:var(--pine);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 4.5%;font-size:.85rem;font-weight:700}.wordmark{font-family:Fraunces,serif;font-size:1.1rem;letter-spacing:.02em}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{text-decoration:none;opacity:.83}.navlinks a.active,.navlinks a:hover{color:#f3ce45;opacity:1}.facebook{background:#1976d2;border-radius:999px;padding:8px 13px;color:#fff!important}.hero{min-height:calc(100vh - 62px);position:relative;background:linear-gradient(90deg,#f7f3e8 0%,#f7f3e8e8 35%,#f7f3e800 67%),url('/farm-hero.png') center/cover}.hero-grid{position:relative;z-index:1;max-width:1320px;margin:auto;padding:45px 5% 40px;display:grid;grid-template-columns:225px minmax(330px,580px);gap:35px}.crest{width:225px;align-self:start;margin:22px 7px}.crest img{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 10px #11271855)}.eyebrow{font-size:.72rem;letter-spacing:.27em;font-weight:800;color:var(--leaf);margin:17px 0 5px}.hero h1,.section-title{font:800 clamp(2.6rem,5vw,4.7rem)/.92 Fraunces,serif;margin:0;letter-spacing:-.06em}.hero p{max-width:490px;line-height:1.55;font-size:1.02rem}.promise{color:var(--leaf);font-family:Fraunces,serif;font-weight:700;font-style:italic;margin:18px 0}.contact-grid{display:flex;gap:23px;flex-wrap:wrap;margin:22px 0}.contact-grid div{border-left:3px solid var(--gold);padding-left:11px;font-size:.9rem;font-weight:700}.contact-grid span{display:block;font-size:.75rem;color:#4a695a;font-weight:500;margin-top:2px}.buttons{display:flex;gap:11px;flex-wrap:wrap}.button{border:2px solid var(--pine);border-radius:7px;padding:12px 19px;font-size:.84rem;font-weight:800;text-decoration:none}.button.primary{background:var(--pine);color:#fff}.values{background:var(--pine);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.values div{padding:14px 8px;border-right:1px solid #fff4;font-size:.72rem;font-weight:700;letter-spacing:.03em}.values b{display:block;font-size:1.2rem;color:#f0c53a;margin-bottom:2px}.products{padding:45px 5% 55px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-title{font-size:2.5rem}.section-heading p{max-width:390px;margin:0;line-height:1.5}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);text-align:center;overflow:hidden;box-shadow:0 3px 8px #15302312}.card .photo{height:155px;background:url('/farm-hero.png') center/cover}.card:nth-child(2) .photo{background-position:22% 80%}.card:nth-child(3) .photo{background-position:75% 78%}.card:nth-child(4) .photo{background-position:90% 83%}.card h3{font:800 1.08rem Fraunces,serif;margin:13px 8px 4px}.card p{font-size:.8rem;line-height:1.4;margin:0 12px 12px}.price{display:block;color:var(--leaf);font-weight:800;font-size:.9rem;margin-bottom:15px}.callout{margin:0 5% 50px;background:#e4ead7;padding:28px;display:flex;gap:25px;align-items:center;justify-content:space-between}.callout h2{font:800 1.9rem/.98 Fraunces,serif;margin:0}.callout p{margin:7px 0 0}.footer{border-top:1px solid var(--line);padding:20px 5%;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.75rem;color:#496052}@media(max-width:760px){.nav{height:auto;padding:15px 5%;gap:13px;align-items:flex-start}.navlinks{gap:13px;flex-wrap:wrap;justify-content:flex-end;font-size:.74rem}.facebook{display:none}.hero{min-height:680px;background:linear-gradient(90deg,#f7f3e8f3 0%,#f7f3e8bb 70%,#f7f3e844),url('/farm-hero.png') 62% center/cover}.hero-grid{grid-template-columns:1fr;padding-top:22px;gap:0}.crest{width:175px;margin:10px 0 20px}.hero h1{font-size:3rem}.values{grid-template-columns:repeat(2,1fr)}.values div:nth-child(2){border-right:0}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card .photo{height:118px}.section-heading{display:block}.section-heading p{margin-top:12px}.callout{display:block}.callout .button{display:inline-block;margin-top:17px}.footer{display:block;line-height:1.8}}
.products-page{background:var(--cream)}.products-wrap{width:min(1120px,90%);margin:0 auto}.products-hero{min-height:330px;padding:32px 0 52px;background:linear-gradient(90deg,#f7f3e8fa 0%,#f7f3e8db 44%,#f7f3e83d 82%),url('/farm-hero.png') center 54%/cover}.products-back{display:inline-block;font-size:.86rem;font-weight:800;text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:3px}.products-hero .eyebrow{margin-top:55px}.products-hero h1{font:800 clamp(2.8rem,6vw,4.8rem)/.94 Fraunces,serif;letter-spacing:-.06em;margin:0}.products-hero p{font-size:1.05rem;line-height:1.5;margin:14px 0 0}.products-list{padding:48px 0 60px;background:linear-gradient(#f8f4e8ed,#f8f4e8ed),url('/farm-hero.png') center/cover fixed}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sale-card{overflow:hidden;background:#fffdf8;border:1px solid var(--line);box-shadow:0 10px 24px #17302522}.sale-card img{width:100%;height:220px;object-fit:cover;display:block}.sale-card>div{padding:20px}.sale-card h2,.no-products h2{font:800 1.7rem/1 Fraunces,serif;margin:0}.sale-price{color:var(--leaf);font-weight:800;margin:10px 0 0;font-size:1.05rem}.sale-description{color:#496052;line-height:1.5;margin:12px 0 0}.no-products{grid-column:1/-1;background:#fffdf8;border:1px solid var(--line);text-align:center;padding:48px 24px}.no-products p{color:#496052;margin:12px 0 24px}.products-page .footer{background:var(--cream)}@media(max-width:760px){.products-hero{min-height:300px;background:linear-gradient(90deg,#f7f3e8f4,#f7f3e8a8),url('/farm-hero.png') 62% center/cover}.products-hero .eyebrow{margin-top:44px}.products-grid{grid-template-columns:1fr}.sale-card img{height:235px}.products-list{padding:30px 0 40px}}

/* Paths must remain inside the isolated cPanel test folder. */
.hero{background-image:linear-gradient(90deg,#f7f3e8 0%,#f7f3e8e8 35%,#f7f3e800 67%),url('assets/farm-hero.png')}.card .photo{background-image:url('assets/farm-hero.png')}.products-hero{background-image:linear-gradient(90deg,#f7f3e8fa 0%,#f7f3e8db 44%,#f7f3e83d 82%),url('assets/farm-hero.png')}.products-list{background-image:linear-gradient(#f8f4e8ed,#f8f4e8ed),url('assets/farm-hero.png')}@media(max-width:760px){.hero{background-image:linear-gradient(90deg,#f7f3e8f3 0%,#f7f3e8bb 70%,#f7f3e844),url('assets/farm-hero.png')}.products-hero{background-image:linear-gradient(90deg,#f7f3e8f4,#f7f3e8a8),url('assets/farm-hero.png')}}