/* =============================================================
   ATHANELEON — paragogi.css  (Παραγωγή, Ποιότητα & Πιστοποιήσεις)
   Κάθε section με δικό του εφέ. Τα απλά reveals → main.js [data-reveal].
   ============================================================= */

.pg-media-ph {
  border-radius: var(--radius-lg); border: 1px solid var(--line);
  display: grid; place-items: center; color: var(--text-muted);
  background: radial-gradient(circle at 30% 20%, var(--c-black-2), var(--c-black));
}

/* ---------------- 1) ΕΙΣΑΓΩΓΗ (hero + underline draw) ---------------- */
.pg-hero {
  min-height: 78svh; display: grid; align-items: center; padding-top: 96px;
  text-align: center;
  background: radial-gradient(80% 60% at 50% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), var(--bg);
}
/* Block-level ώστε ο τίτλος να πηγαίνει ΠΑΝΤΑ σε δική του γραμμή (το base
   .eyebrow είναι inline-flex· χωρίς αυτό, σε γλώσσες με στενότερο τίτλο π.χ.
   EN, eyebrow & τίτλος μοιράζονταν την ίδια γραμμή). */
.pg-hero .eyebrow { display: flex; justify-content: center; }
.pg-hero-title { position: relative; display: inline-block; margin-top: var(--space-sm); font-size: var(--fs-800); }
.pg-underline { display: block; height: 3px; margin: var(--space-sm) auto 0; width: 0; background: var(--accent); transition: width 1s var(--ease) .3s; }
.pg-hero.is-in .pg-underline { width: 120px; }
.pg-hero-sub { max-width: 56ch; margin: var(--space-md) auto 0; color: var(--text-muted); font-size: var(--fs-500); }

/* ---------------- 2) ΠΡΟΕΛΕΥΣΗ (split + clip reveal) ---------------- */
.pg-origin-inner { display: grid; grid-template-columns: 1fr; gap: var(--space-lg); align-items: center; }
.pg-origin-eyebrow { grid-column: 1 / -1; }
@media (min-width: 64em) { .pg-origin-inner { grid-template-columns: 1fr 1fr; gap: var(--space-2xl); align-items: stretch; } }
.pg-origin-media .pg-media-ph { aspect-ratio: 4 / 3; }
@media (min-width: 64em) {
  .pg-origin-media { display: flex; }
  .pg-origin-media .pg-media-ph { aspect-ratio: auto; height: 100%; width: 100%; }
}
.pg-origin-text > * + * { margin-top: var(--space-md); }
.pg-origin-text p { color: var(--text-muted); }
.pg-origin-cards { display: grid; gap: var(--space-sm); grid-template-columns: 1fr; margin-top: var(--space-md); }
@media (min-width: 30em) { .pg-origin-cards { grid-template-columns: 1fr 1fr; } }
.pg-origin-card { background: var(--bg-alt); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-md); }
.pg-origin-card h3 { font-size: var(--fs-500); }
.pg-origin-card p { margin-top: var(--space-2xs); color: var(--text-muted); font-size: var(--fs-300); }

/* ---------------- 3) ΔΙΑΔΙΚΑΣΙΑ (καθοδηγούμενη οριζόντια κύλιση) ---------------- */
.pg-process { position: relative; height: 320vh; background: var(--bg-alt); }
.pg-process-pin { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.pg-process-head { text-align: center; margin-bottom: var(--space-lg); }
.pg-process-head .eyebrow { justify-content: center; }
.pg-process-head h2 { margin-top: var(--space-2xs); }

.pg-process-viewport { overflow: hidden; }
.pg-process-track { display: flex; width: max-content; will-change: transform; }
.pg-stage {
  width: 100vw; flex: none;
  display: grid; grid-template-columns: 1fr; gap: var(--space-lg); align-items: center;
  padding-inline: var(--gutter); max-width: 1100px; margin: 0 auto;
}
@media (min-width: 56em) { .pg-stage { grid-template-columns: 1.1fr 1fr; gap: var(--space-2xl); } }
.pg-stage-media { aspect-ratio: 4 / 3; border-radius: var(--radius-lg); border: 1px solid var(--line); display: grid; place-items: center; color: var(--text-muted); background: radial-gradient(circle at 30% 20%, var(--c-black), #060504); }
.pg-stage-num { font-family: var(--font-display); font-weight: var(--weight-display); color: var(--accent); font-size: var(--fs-800); line-height: 1; }
.pg-stage-text h3 { font-size: var(--fs-700); margin-top: var(--space-2xs); }
.pg-stage-text p { color: var(--text-muted); margin-top: var(--space-sm); max-width: 46ch; }

.pg-process-progress { height: 3px; background: var(--line); border-radius: 2px; margin: var(--space-lg) var(--gutter) 0; }
.pg-process-bar { display: block; height: 100%; width: 0; background: var(--accent); border-radius: 2px; }

/* ---------------- 4) ΕΛΕΓΧΟΙ ΠΟΙΟΤΗΤΑΣ (checklist) ---------------- */
.pg-quality { background: var(--bg); }
.pg-q-head { text-align: center; max-width: 60ch; margin: 0 auto var(--space-xl); }
.pg-q-head .eyebrow { justify-content: center; }
.pg-q-head h2 { margin-top: var(--space-2xs); }
.pg-q-head p { margin-top: var(--space-sm); color: var(--text-muted); }
.pg-q-list { list-style: none; margin: 0 auto; padding: 0; max-width: 920px; display: grid; gap: var(--space-md); grid-template-columns: 1fr; }
@media (min-width: 48em) { .pg-q-list { grid-template-columns: 1fr 1fr; } }
.pg-q-item { display: flex; gap: var(--space-md); align-items: flex-start; background: var(--bg-alt); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-md) var(--space-lg); }
.pg-q-item[data-reveal] { transform: translateX(-40px); }
.pg-q-item[data-reveal].is-visible { transform: none; }
.pg-q-check { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); font-weight: 700; }
.pg-q-item h3 { font-size: var(--fs-500); }
.pg-q-item p { color: var(--text-muted); margin-top: 2px; font-size: var(--fs-300); }

/* ---------------- 5) ΑΝΑΛΥΣΕΙΣ ΑΝΑ ΠΑΡΤΙΔΑ (lab card) ---------------- */
.pg-lab { background: var(--bg-alt); }
.pg-lab-inner { display: grid; grid-template-columns: 1fr; gap: var(--space-xl); align-items: center; }
@media (min-width: 56em) { .pg-lab-inner { grid-template-columns: 1fr 1fr; } }
.pg-lab-text > * + * { margin-top: var(--space-md); }
.pg-lab-text p { color: var(--text-muted); }
.pg-lab-card { position: relative; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-xl); box-shadow: var(--shadow); }
.pg-lab-badge { position: absolute; top: var(--space-md); right: var(--space-md); font-size: var(--fs-200); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--accent); border: 1px solid var(--line); border-radius: 999px; padding: .3em .8em; }
.pg-lab-title { font-size: var(--fs-500); }
.pg-lab-metrics { list-style: none; margin: var(--space-md) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-sm); text-align: center; }
.pg-lab-num { display: block; font-family: var(--font-display); font-weight: var(--weight-display); font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem); color: var(--accent); line-height: 1; }
.pg-lab-label { display: block; margin-top: 4px; color: var(--text-muted); font-size: var(--fs-200); }
.pg-lab-note { margin-top: var(--space-md); padding-top: var(--space-md); border-top: 1px solid var(--line); color: var(--text-muted); font-size: var(--fs-200); font-style: italic; }

/* ---------------- 6) ΠΙΣΤΟΠΟΙΗΣΕΙΣ ---------------- */
.pg-certs { background: var(--bg); text-align: center; }
.pg-certs-head { margin-bottom: var(--space-xl); }
.pg-certs-head .eyebrow { justify-content: center; }
.pg-certs-head h2 { margin-top: var(--space-2xs); }
.pg-certs-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-md); grid-template-columns: 1fr; }
@media (min-width: 40em) { .pg-certs-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64em) { .pg-certs-grid { grid-template-columns: repeat(4, 1fr); } }
.pg-cert { display: flex; flex-direction: column; align-items: center; background: var(--bg-alt); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-lg) var(--space-md); transition: transform .4s var(--ease), border-color .4s var(--ease); }
.pg-cert:hover { transform: translateY(-5px); border-color: var(--accent); }
.pg-cert-badge { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; color: var(--accent); border: 1px solid var(--line); background: color-mix(in srgb, var(--accent) 8%, transparent); margin-bottom: var(--space-sm); }
.pg-cert-badge svg { width: 30px; height: 30px; }
.pg-cert h3 { font-size: var(--fs-500); }
.pg-cert p { margin-top: var(--space-2xs); color: var(--text-muted); font-size: var(--fs-300); max-width: 28ch; }

/* ---------------- 7) ΙΧΝΗΛΑΣΙΜΟΤΗΤΑ (batch lookup) ---------------- */
.pg-trace { background: var(--bg-alt); text-align: center; }
.pg-trace-inner { max-width: 640px; margin: 0 auto; }
.pg-trace-inner .eyebrow { justify-content: center; }
.pg-trace-inner h2 { margin-top: var(--space-2xs); }
.pg-trace-inner > p { margin-top: var(--space-sm); color: var(--text-muted); }
.pg-trace-form { display: flex; gap: var(--space-2xs); margin-top: var(--space-lg); }
.pg-trace-input { flex: 1; min-width: 0; padding: .9em 1.1em; font-size: var(--fs-400); color: var(--text); background: color-mix(in srgb, var(--c-black) 55%, transparent); border: 1px solid var(--line); border-radius: var(--radius); }
.pg-trace-input:focus-visible { border-color: var(--accent); outline: none; }
.pg-trace-result { margin-top: var(--space-lg); text-align: left; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-lg); }
.pg-trace-row { display: flex; justify-content: space-between; gap: var(--space-md); padding-block: var(--space-2xs); border-bottom: 1px solid var(--line); }
.pg-trace-row:last-of-type { border-bottom: 0; }
.pg-trace-row span { color: var(--text-muted); }
.pg-trace-note { margin-top: var(--space-sm); color: var(--text-muted); font-size: var(--fs-200); font-style: italic; }

/* ---------------- 8) EARLY HARVEST (ημερολόγιο) ---------------- */
.pg-harvest { background: var(--bg); }
.pg-harvest-inner { max-width: 900px; margin: 0 auto; text-align: center; }
.pg-harvest-text .eyebrow { justify-content: center; }
.pg-harvest-text h2 { margin-top: var(--space-2xs); }
.pg-harvest-text p { margin-top: var(--space-sm); color: var(--text-muted); }
.pg-calendar { list-style: none; margin: var(--space-xl) 0 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-2xs); }
@media (min-width: 48em) { .pg-calendar { grid-template-columns: repeat(12, 1fr); } }
.pg-calendar li { padding: var(--space-sm) 0; border: 1px solid var(--line); border-radius: var(--radius); color: var(--text-muted); font-size: var(--fs-200); letter-spacing: .04em; }
.pg-calendar li.is-harvest { background: var(--accent); color: var(--c-black); border-color: var(--accent); font-weight: var(--weight-medium); }
.pg-calendar-key { display: inline-flex; align-items: center; gap: .5em; margin-top: var(--space-md); color: var(--text-muted); font-size: var(--fs-200); }
.pg-key-dot { width: 12px; height: 12px; border-radius: 3px; background: var(--accent); }

/* ---------------- CTA ---------------- */
.pg-cta { background: var(--bg-alt); text-align: center; }
.pg-cta-inner { max-width: 60ch; margin-inline: auto; }
.pg-cta-actions { display: flex; flex-wrap: wrap; gap: var(--space-sm); justify-content: center; margin-top: var(--space-lg); }
/* ΔΙΟΡΘΩΣΗ MOBILE: τα 2 κουμπιά («Προϊόντα» / «Το Εμφιαλωτήριο») στην ΙΔΙΑ
   ευθεία, ισομοιρασμένα & ίσου ύψους (το «Το Εμφιαλωτήριο» μπορεί να σπάσει
   σε 2 γραμμές χωρίς να κόβεται). */
@media (max-width: 47.999em) {
  .pg-cta-actions { flex-wrap: nowrap; align-items: stretch; gap: var(--space-2xs); }
  .pg-cta-actions .btn { flex: 1 1 0; padding-inline: var(--space-xs); font-size: var(--fs-200); white-space: normal; line-height: 1.2; }
}

/* ---------------- reduced motion ---------------- */
@media (prefers-reduced-motion: reduce) {
  .pg-underline { width: 120px !important; }
  .pg-origin-media[data-reveal] { clip-path: none !important; }
  .pg-process { height: auto; }
  .pg-process-pin { position: static; height: auto; }
  .pg-process-track { flex-direction: column; width: auto; transform: none !important; }
  .pg-stage { width: auto; margin-bottom: var(--space-xl); }
  .pg-process-progress { display: none; }
}

/* ---------------- 3β) ΛΩΡΙΔΑ ΣΤΑΤΙΣΤΙΚΩΝ ---------------- */
.pg-stats { background: var(--bg); text-align: center; }
.pg-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-lg) var(--space-md); }
@media (min-width: 56em) { .pg-stats-grid { grid-template-columns: repeat(4, 1fr); } }
.pg-stat { display: flex; flex-direction: column; gap: 6px; }
.pg-stat-num { font-family: var(--font-display); font-weight: var(--weight-display); font-size: clamp(2.2rem, 1.5rem + 3vw, 3.6rem); color: var(--accent); line-height: 1; }
.pg-stat-label { color: var(--text-muted); font-size: var(--fs-300); }
.pg-stats-note { margin-top: var(--space-lg); color: var(--text-muted); font-size: var(--fs-200); font-style: italic; text-align: center; }

/* ---------------- 5β) PULL QUOTE ---------------- */
.pg-quote { background: var(--bg-alt); }
.pg-quote-inner { max-width: 900px; margin: 0 auto; text-align: center; border: 0; }
.pg-quote-inner p { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.6rem, 1.2rem + 2vw, 3rem); line-height: 1.25; color: var(--text); }
.pg-quote-inner cite { display: block; margin-top: var(--space-md); font-style: normal; color: var(--accent); letter-spacing: var(--tracking-wide); text-transform: uppercase; font-size: var(--fs-300); }

/* ---------------- 6) ΟΡΓΑΝΟΛΗΠΤΙΚΟ ΠΡΟΦΙΛ (animated bars) ---------------- */
.pg-profile { background: var(--bg); }
.pg-profile-inner { display: grid; grid-template-columns: 1fr; gap: var(--space-xl); align-items: center; }
@media (min-width: 56em) { .pg-profile-inner { grid-template-columns: 1fr 1fr; gap: var(--space-2xl); } }
.pg-profile-text > * + * { margin-top: var(--space-md); }
.pg-profile-text p { color: var(--text-muted); }
.pg-notes { display: flex; flex-wrap: wrap; gap: var(--space-2xs); }
.pg-note-chip { border: 1px solid var(--line); border-radius: 999px; padding: .4em 1em; font-size: var(--fs-200); color: var(--accent); letter-spacing: .02em; }

.pg-bar-row + .pg-bar-row { margin-top: var(--space-lg); }
.pg-bar-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--space-2xs); }
.pg-bar-head span:first-child { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-500); }
.pg-bar-val { color: var(--text-muted); font-size: var(--fs-200); }
.pg-bar { height: 10px; border-radius: 999px; background: var(--bg-alt); border: 1px solid var(--line); overflow: hidden; }
.pg-bar-fill { display: block; height: 100%; width: 0; border-radius: 999px;
  background: linear-gradient(90deg, var(--c-gold-deep), var(--accent), var(--accent-bright));
  transition: width 1.2s var(--ease); }
.pg-profile.is-in .pg-bar-fill { width: var(--level, 0%); }
.pg-bar-row:nth-child(2) .pg-bar-fill { transition-delay: .12s; }
.pg-bar-row:nth-child(3) .pg-bar-fill { transition-delay: .24s; }
.pg-profile-note { margin-top: var(--space-md); color: var(--text-muted); font-size: var(--fs-200); font-style: italic; }

@media (prefers-reduced-motion: reduce) { .pg-profile .pg-bar-fill { width: var(--level, 0%) !important; transition: none; } }

/* ---------------- (1) HERO entrance ---------------- */
.pg-hero .eyebrow,
.pg-hero-title,
.pg-hero-sub { opacity: 0; transform: translateY(18px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.pg-hero.is-in .eyebrow    { opacity: 1; transform: none; transition-delay: .1s; }
.pg-hero.is-in .pg-hero-title { opacity: 1; transform: none; transition-delay: .25s; }
.pg-hero.is-in .pg-hero-sub   { opacity: 1; transform: none; transition-delay: .45s; }

/* ---------------- (2) PULL QUOTE — sticky gold-fill ---------------- */
.pg-quote { height: 180vh; }
.pg-quote-sticky { position: sticky; top: 0; min-height: 100vh; display: grid; place-items: center; }
.pg-quote-text .pg-qword { color: color-mix(in srgb, var(--text) 24%, transparent); transition: color .25s var(--ease); }
.pg-quote-text .pg-qword.lit { color: var(--accent); }

/* ---------------- (3) PROFILE bars — πιο αργό ανέβασμα ---------------- */
.pg-bar-fill { transition: width 1.8s var(--ease); }
#pgBars .pg-bar-row:nth-child(2) .pg-bar-fill { transition-delay: .22s; }
#pgBars .pg-bar-row:nth-child(3) .pg-bar-fill { transition-delay: .44s; }

/* ---------------- (4) HARVEST — ανοδικός κύκλος ---------------- */
.pg-cycle { list-style: none; margin: var(--space-xl) 0 0; padding: 0; display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px; align-items: end; height: 220px; }
.pg-cycle li { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 8px; height: 100%; cursor: default; }
.pg-cycle-bar { width: 100%; max-width: 38px; height: 0; border-radius: 7px 7px 3px 3px;
  background: linear-gradient(to top, color-mix(in srgb, var(--c) 70%, #000), var(--c));
  transition: height .9s var(--ease); transition-delay: calc(var(--i,0) * 70ms); }
.pg-cycle.is-in .pg-cycle-bar { height: var(--h, 10%); }
.pg-cycle li:hover .pg-cycle-bar { filter: brightness(1.18); }
.pg-cycle-m { font-size: var(--fs-200); color: var(--text-muted); letter-spacing: .03em; }
.pg-cycle li.is-harvest .pg-cycle-m { color: var(--accent); font-weight: var(--weight-medium); }
.pg-cycle-legend { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); justify-content: center; margin-top: var(--space-lg); color: var(--text-muted); font-size: var(--fs-200); }
.pg-cycle-legend span { display: inline-flex; align-items: center; gap: .5em; }
.pg-cycle-legend em { font-style: italic; opacity: .8; }
.pg-lg-dot { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }

@media (prefers-reduced-motion: reduce) {
  .pg-hero .eyebrow, .pg-hero-title, .pg-hero-sub { opacity: 1 !important; transform: none !important; }
  .pg-quote { height: auto; }
  .pg-quote-sticky { position: static; min-height: 0; padding-block: var(--space-2xl); }
  .pg-quote-text .pg-qword { color: var(--accent); }
  .pg-cycle-bar { height: var(--h, 10%) !important; transition: none; }
}

/* ============================================================
   ΝΕΑ SECTIONS (Batch 2) — Βίντεο · Πρώιμη vs Όψιμη · Βιωσιμότητα
   ============================================================ */
.pg-video { background: var(--bg-alt); }
.pg-video-head { text-align: center; max-width: 52ch; margin: 0 auto var(--space-xl); }
.pg-video-head h2 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-700); margin-top: var(--space-2xs); }
.pg-video-sub { color: var(--text-muted); margin-top: var(--space-sm); }
/* Άλμπουμ 3×3 (αντικατέστησε το παλιό video). 3 στήλες σε desktop & mobile. */
.pg-album { max-width: 900px; margin: var(--space-md) auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-2xs); }
.pg-album-item { margin: 0; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--radius); border: 1px solid var(--line); background: var(--bg-alt); }
.pg-album-item img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform var(--dur) var(--ease); }
.pg-album-item:hover img { transform: scale(1.04); }
@media (max-width: 39.999em) { .pg-album { gap: 4px; } }

.pg-compare { background: var(--bg); }
.pg-compare-head { text-align: center; max-width: 54ch; margin: 0 auto var(--space-xl); }
.pg-compare-head h2 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-700); margin-top: var(--space-2xs); }
.pg-compare-sub { color: var(--text-muted); margin-top: var(--space-sm); }
.pg-compare-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-lg); }
@media (min-width: 48em) { .pg-compare-grid { grid-template-columns: 1fr 1fr; } }
/* ΔΙΟΡΘΩΣΗ MOBILE: carousel με swipe (ίδιο scroll-snap pattern με την αρχική
   «Πώς συνεργαζόμαστε»), αντί για τις 2 κάρτες στοιβαγμένες κάθετα. */
@media (max-width: 47.999em) {
  .pg-compare-grid {
    display: flex; gap: var(--space-sm);
    overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: var(--space-xs);
  }
  .pg-comp-col { flex: 0 0 min(82%, 320px); scroll-snap-align: center; }
}
.pg-comp-col { padding: var(--space-lg); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-alt); }
.pg-comp-col--early { border-color: var(--accent); background: rgba(196,162,78,.06); }
.pg-comp-col h3 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-600); margin-bottom: var(--space-md); }
.pg-comp-col h3 span { font-family: var(--font-body); font-weight: var(--weight-medium); font-size: var(--fs-300); color: var(--accent-bright); }
.pg-comp-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-xs); }
.pg-comp-col li { display: flex; flex-direction: column; gap: 2px; padding-bottom: var(--space-xs); border-bottom: 1px solid var(--line); color: var(--text); }
.pg-comp-col li:last-child { border-bottom: 0; }
.pg-comp-col li span { font-size: var(--fs-200); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--text-muted); }
.pg-compare-note { text-align: center; color: var(--text-muted); font-size: var(--fs-300); margin-top: var(--space-lg); max-width: 60ch; margin-inline: auto; }

.pg-sustain2 { background: var(--bg-alt); }
.pg-sustain2-head { text-align: center; max-width: 48ch; margin: 0 auto var(--space-xl); }
.pg-sustain2-head h2 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-700); margin-top: var(--space-2xs); }
.pg-sustain2-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-md); }
@media (min-width: 48em) { .pg-sustain2-grid { grid-template-columns: repeat(3, 1fr); } }
.pg-sus-card { padding: var(--space-lg); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg); text-align: center; }
.pg-sus-ic { width: 44px; height: 44px; color: var(--accent); margin: 0 auto var(--space-sm); }
.pg-sus-ic svg { width: 100%; height: 100%; }
.pg-sus-card h3 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-500); margin-bottom: var(--space-2xs); }
.pg-sus-card p { color: var(--text-muted); font-size: var(--fs-300); }
/* ── Ελληνικές ποικιλίες (4 σε σειρά desktop, 2×2 mobile) ── */
.pg-var-head { text-align: center; max-width: 720px; margin: 0 auto var(--space-2xl); }
.pg-var-head p { color: var(--text-muted); }
.pg-var-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg); }
.pg-var-card { background: var(--bg-alt, #1A1712); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-lg); text-align: center; }
.pg-var-icon { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; border: 1px solid var(--line); color: var(--accent); margin-bottom: var(--space-md); }
.pg-var-card h3 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-500); margin: 0 0 6px; color: var(--text); }
.pg-var-card p { color: var(--text-muted); font-size: var(--fs-300); line-height: 1.55; margin: 0; }
@media (max-width: 60em) { .pg-var-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 30em) { .pg-var-grid { grid-template-columns: 1fr 1fr; gap: var(--space-sm); } .pg-var-card { padding: var(--space-md); } }
.pg-var-icon{
    width:72px;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto var(--space-md);
    border:1px solid var(--line);
    border-radius:50%;
    background:rgba(196,162,78,.05);
}

.pg-var-icon img{
    width:42px;
    height:42px;
    object-fit:contain;
    display:block;
}