/* ============================================================
   PLANT AURA — CUSTOM CSS
   ============================================================
   This file loads AFTER the site's built-in stylesheet, so any
   rule you write here will override the default look — safely,
   without ever touching index.html.

   HOW TO USE
   1. Add your own CSS rules below.
   2. Upload this file to the SAME folder as index.html on your host.
   3. Refresh the site (hard refresh: Ctrl/Cmd+Shift+R) to see changes.

   You don't need to edit index.html for styling changes — just
   this file. If a rule here doesn't seem to apply, it usually means
   the built-in rule is more specific; add a bit more context to your
   selector (e.g. ".btn.btn-primary" instead of just ".btn") or add
   "!important" as a last resort.
   ============================================================ */


/* ------------------------------------------------------------
   BRAND COLOURS
   These are the same variables the whole site uses, so changing
   one here updates it everywhere at once (buttons, links, icons).
   Uncomment and edit any line below to change a colour.
   ------------------------------------------------------------ */
:root{
  /* --forest: #004A32; */       /* primary brand green (buttons, headings) */
  /* --green: #006842; */        /* hover / secondary green */
  /* --lime: #D1FB43; */         /* accent lime */
  /* --cream: #FEFADF; */        /* page background */
  /* --orange: #F7941D; */       /* highlight / stars */
  /* --ink: #1D1A1B; */          /* body text colour */
}


/* ------------------------------------------------------------
   EXAMPLES — uncomment any of these to try them out
   ------------------------------------------------------------ */

/* Make all primary buttons a bit more rounded */
/* .btn-primary { border-radius: 8px; } */

/* Change the page's maximum content width */
/* :root { --maxw: 1320px; } */

/* Tighten up spacing between sections */
/* .sec { padding-top: 60px; padding-bottom: 60px; } */

/* Give the header a subtle shadow */
/* .nav { box-shadow: 0 2px 12px rgba(0,0,0,.06); } */


/* ------------------------------------------------------------
   YOUR CUSTOM RULES GO BELOW THIS LINE
   ------------------------------------------------------------ */
   
   
 h3, .ws-card h3, .p-card h3, .chip-card h4, .lf-step h4, .lf-panel h4, .feat-row h4, .split h4, .it h4, .foot-col h4, .faq-panel .acc-head, .acc-head {
    font-size: 16px !important;
}


/* Tighten up spacing between sections */
 .sec { padding-top: 60px; padding-bottom: 60px; } 
 
 
 #store > section:nth-child(10) > div > div > p {
  font-family: "PP Telegraf", system-ui, sans-serif !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;

  color: rgb(0 74 50) !important;
  text-align: center !important;

  width: 100% !important;
  max-width: 32.5em !important;
  margin: 0 auto !important;
  padding: 0 !important;

  box-sizing: border-box !important;
  overflow-wrap: break-word;
}