:root {
  /* Colors */
  --pg-cream: #ECD9BB;
  --pg-cream-light: #D6BEA5;
  --pg-sand: #C49A6C;
  --pg-kraft: #CBA383;

  --pg-green-950: #15291F;
  --pg-green-900: #21362C;
  --pg-green-800: #2C493C;
  --pg-green-700: #3F5F3C;
  --pg-green-soft: #8A8367;

  --pg-red: #C91F2E;
  --pg-red-dark: #961923;

  --pg-text: #21362C;
  --pg-text-muted: #6D4230;
  --pg-white: #FFF8ED;

  /* Hero text colors */
  --pg-hero-title-color: #D6BEA5;
  --pg-hero-lead-color: #C49A6C;

  /* Fonts */
  --pg-font-body: "Helvetica Now Text", Arial, sans-serif;
  --pg-font-heading: "Milany", Georgia, serif;
  --pg-font-menu: "Khuja", "Helvetica Now Condensed", Arial, sans-serif;
  --pg-font-condensed: "Helvetica Now Condensed", Arial, sans-serif;
  --pg-font-display: var(--pg-font-condensed);

  /* Layout */
  --pg-container: 1120px;
  --pg-container-wide: 1120px;

  /* Közös oldal-margó: header, hero, későbbi sectionök */
  --pg-page-gutter: 40px;

  

  --pg-section-y: clamp(64px, 8vw, 120px);
  --pg-section-y-sm: clamp(40px, 5vw, 80px);

  /* Radius */
  --pg-radius-sm: 8px;
  --pg-radius-md: 16px;
  --pg-radius-lg: 28px;
  --pg-radius-xl: 40px;

  /* Effects */
  --pg-shadow-soft: 0 18px 50px rgba(21, 41, 31, .12);
  --pg-transition: .22s ease;

  /* Header sizing */
  --pg-nav-height: 42px;
  --pg-nav-gap: clamp(18px, 3.2vw, 37px);
  --pg-nav-x: clamp(15px, 2.6vw, 29px);
  --pg-logo-width: clamp(231px, 31vw, 370px);
  --pg-logo-top: 22px;
  --pg-fruit-width: clamp(343px, 39vw, 502px);

  /* Hero sizing */
  --pg-hero-gap-top: clamp(4px, .7vw, 10px);
  --pg-hero-bottom: clamp(22px, 4vw, 46px);
  --pg-hero-card-height: clamp(336px, 40vw, 444px);
  --pg-hero-card-padding: clamp(42px, 7vw, 90px);
  --pg-hero-title-size: clamp(40px, 6.1vw, 73px);
  --pg-hero-lead-size: clamp(11px, 1.12vw, 14px);

  /* Benefits sizing */
  --pg-benefits-y: clamp(37px, 4vw, 72px);
  --pg-benefit-icon-size: clamp(76px, 6vw, 116px);
  --pg-benefit-title-size: clamp(20px, 1.6vw, 34px);
  --pg-benefit-text-size: clamp(16px, 1.15vw, 25px);


}

@media (max-width: 1024px) {
  :root {
    --pg-page-gutter: 40px;
  }
}

@media (max-width: 767px) {
  :root {
    --pg-page-gutter: 0px;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--pg-cream);
  color: var(--pg-text);
  font-family: var(--pg-font-body);
  font-weight: 500;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: var(--pg-red);
  color: var(--pg-white);
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

.pg-no-margin > *:first-child {
  margin-top: 0;
}

.pg-no-margin > *:last-child {
  margin-bottom: 0;
}

/* Prevent absolute decorative elements from creating horizontal scroll */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}