/* =============================================================================
   ZEMO'S — fusion.css (22 oct. 2026)
   Limbajul machetelor clientului pe toate paginile: carduri crem cu linii fine, titluri serif grase,
   fotografii rotunjite, capitole numerotate 01–05.
   Referințe: Organik Nar (produsul în centru) · Nabta (capitole numerotate) · The Local Project (carduri
   editoriale) · Aesop (hârtie, liniște) · Kombai Herbaria (produs = capitol cu tabel) · Heritage Bakehouse.
   Se încarcă DUPĂ site.css, deci are ultimul cuvânt.
   ============================================================================= */
:root { --card: #FBF7EF; --card-2: #F8F2E8; --hair: rgba(30,27,24,.1); --r-card: 20px; --r-img: 14px; --card-line: rgba(30,27,24,.09); --card-shadow: 0 30px 60px -40px rgba(30,27,24,.28); }
h1, h2, .display { font-weight: 600; letter-spacing: -.028em; }
h3 { font-weight: 500; }
.pill { display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .7rem; border: 1px solid var(--rule-2); border-radius: 999px; font-size: .72rem; color: var(--ink-3); white-space: nowrap; }
.pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ink-4); }
.pill--ok { color: var(--ink-2); border-color: rgba(91,165,68,.45); }
.pill--ok::before { background: var(--dot-ok); }

/* ---------- antetul paginilor interioare ---------- */
.phero { padding: clamp(1.2rem, 3vw, 2.2rem) 0 0; }
.phero__card { display: grid; grid-template-columns: 1fr; background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); overflow: hidden; box-shadow: var(--card-shadow); }
@media (min-width: 900px) { .phero__card { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); min-height: 430px; } }
.phero__text { padding: clamp(1.6rem, 4vw, 3.2rem); display: flex; flex-direction: column; justify-content: center; }
.phero__text .sec__num::after { flex-basis: 4rem; }
.phero__text h1 { font-size: clamp(2.5rem, 5.2vw, 4.6rem); line-height: .98; margin: 0 0 1rem; max-width: 14ch; }
.phero__lead { color: var(--ink-2); font-size: 1.05rem; line-height: 1.55; max-width: 48ch; margin: 0; }
.phero__latin { font-family: var(--font-display); font-style: italic; color: var(--ink-3); margin: .8rem 0 0; }
.phero__cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }
.phero__photo { position: relative; min-height: 280px; }
.phero__photo .ph { position: absolute; inset: clamp(.6rem, 1.4vw, 1rem); border-radius: var(--r-img); aspect-ratio: auto; overflow: hidden; }
.phero__photo .ph--img img { object-fit: cover; padding: 0; }
.page--fruit .phero__photo .ph { background: color-mix(in srgb, var(--fc) 10%, #F2E4D5); }
.page--fruit .phero__photo .ph--img img { object-fit: contain; }
.page-body { padding-top: clamp(2rem, 4vw, 3rem); }
.page .fruit-filter { margin-bottom: 1.4rem; }

/* ---------- Fructele: 14 carduri (fructul + cutia + textul) ---------- */
.fcards { display: grid; gap: clamp(1rem, 2.4vw, 1.6rem); grid-template-columns: 1fr; }
@media (min-width: 760px) { .fcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1180px) { .fcards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fcard { display: flex; flex-direction: column; align-items: stretch; gap: 0; grid-template-columns: none; background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); overflow: hidden; padding: 0; border-top: 1px solid var(--card-line); }
.fcard[hidden] { display: none; }
.fcard__media { display: grid; grid-template-columns: 1.25fr 1fr; gap: .6rem; padding: .7rem; }
.fcard__media .ph { aspect-ratio: 364 / 427; border-radius: 12px; overflow: hidden; }
.fcard__media .ph--img img { object-fit: cover; padding: 0; }
.fcard__box { display: flex; }
.fcard__box .ph { width: 100%; background: #F2E9DB; }
.fcard__box .ph--img img { object-fit: contain; padding: 10%; filter: drop-shadow(0 12px 14px rgba(30,27,24,.18)); }
.fcard--soon .fcard__box .ph--img img { filter: grayscale(1) drop-shadow(0 12px 14px rgba(30,27,24,.15)); }
.fcard__boximg--none { display: grid; place-items: center; color: var(--ink-3); font-size: .78rem; border: 1px dashed var(--rule-2); background: transparent !important; }
.fcard__body { padding: .4rem 1.3rem 1.3rem; display: flex; flex-direction: column; flex: 1; }
.fcard__top { display: flex; justify-content: space-between; align-items: center; gap: .6rem; margin: 0 0 .5rem; }
.fcard__num { font-family: var(--font-mono); font-size: .66rem; letter-spacing: .14em; color: var(--ink-3); }
.fcard h2 { font-size: 1.7rem; margin: 0; }
.fcard h2 a:hover { color: var(--green-2); }
.fcard__latin { font-family: var(--font-display); font-style: italic; color: var(--ink-3); margin: .1rem 0 .7rem; font-size: .95rem; }
.fcard__text { color: var(--ink-2); font-size: .94rem; line-height: 1.55; margin: 0 0 1rem; flex: 1; }
.fcard__links { display: flex; gap: 1.2rem; margin: 0; padding-top: .8rem; border-top: 1px solid var(--hair); font-size: .85rem; }
.fcard__more { color: var(--green-2); font-weight: 500; }
.fcard__more--j { color: var(--ink-3); font-weight: 400; }
.fcard__more:hover { color: var(--ink); }
.fcard--soon h2, .fcard--soon h2 .is-locked { color: var(--ink-3); }

/* ---------- Rodul: produsul ca și capitol (Herbaria) ---------- */
.prods { display: grid; gap: clamp(1.2rem, 3vw, 2rem); }
.prod { display: grid; grid-template-columns: 1fr; background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); overflow: hidden; box-shadow: var(--card-shadow); }
@media (min-width: 900px) { .prod { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } .prod--flip .prod__media { order: 2; } }
.prod__media { position: relative; display: grid; place-items: center; padding: clamp(1.5rem, 4vw, 3rem); min-height: 360px; background: color-mix(in srgb, var(--fc) 9%, #F4ECDF); }
.prod__disc { position: absolute; width: min(78%, 360px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--fc) 26%, #fff), color-mix(in srgb, var(--fc) 16%, #F4ECDF) 70%); }
.prod__media .ph { position: relative; width: min(82%, 380px); aspect-ratio: 1; background: transparent; }
.prod__media .ph--img img { object-fit: contain; padding: 0; filter: drop-shadow(0 26px 30px rgba(30,27,24,.28)); }
.prod__vol { position: absolute; right: 1.2rem; bottom: 1rem; font-family: var(--font-mono); font-size: .7rem; letter-spacing: .14em; color: var(--ink-3); }
.prod__body { padding: clamp(1.6rem, 3.6vw, 2.8rem); }
@media (min-width: 900px) { .prod__body { border-left: 1px solid var(--hair); } .prod--flip .prod__body { border-left: 0; border-right: 1px solid var(--hair); } }
.prod__num { font-family: var(--font-display); font-weight: 600; font-size: clamp(3rem, 6vw, 4.6rem); line-height: .9; color: var(--fc); margin: 0 0 .4rem; letter-spacing: -.04em; }
.prod__kicker { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 .5rem; }
.prod__body h2 { font-size: clamp(2rem, 3.6vw, 3rem); margin: 0 0 .7rem; }
.prod__lead { color: var(--ink-2); max-width: 54ch; margin: 0 0 1.4rem; }
.prod__grid { display: grid; gap: 1.4rem; grid-template-columns: 1fr; }
@media (min-width: 1100px) { .prod__grid { grid-template-columns: 1fr 1fr; gap: 2rem; } }
.ntab { width: 100%; border-collapse: collapse; font-size: .86rem; }
.ntab caption { text-align: left; font-family: var(--font-mono); font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); padding-bottom: .5rem; }
.ntab th, .ntab td { padding: .42rem 0; border-bottom: 1px solid var(--hair); text-align: left; font-weight: 400; }
.ntab td { text-align: right; font-variant-numeric: tabular-nums; color: var(--ink); white-space: nowrap; padding-left: 1rem; }
.ntab tr.sub th { padding-left: .9rem; color: var(--ink-3); font-size: .8rem; }
.prod__spec { margin: 0; display: grid; gap: .7rem; align-content: start; }
.prod__spec div { display: grid; gap: .1rem; }
.prod__spec dt { font-family: var(--font-mono); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.prod__spec dd { margin: 0; font-size: .9rem; color: var(--ink-2); }
.prod__cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.6rem; }
.feats--card { margin-top: clamp(1.2rem, 3vw, 2rem); border: 1px solid var(--card-line); border-radius: var(--r-card); overflow: hidden; }
.howto { margin-top: clamp(1.2rem, 3vw, 2rem); display: grid; gap: 1.4rem; grid-template-columns: 1fr; padding: clamp(1.6rem, 3.6vw, 2.8rem); background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); }
@media (min-width: 900px) { .howto { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 3rem; } }
.howto .sec__num { margin-bottom: .8rem; }
.howto h2 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); margin: 0; }
.howto__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem 2.4rem; grid-template-columns: 1fr; counter-reset: h; }
@media (min-width: 700px) { .howto__list { grid-template-columns: 1fr 1fr; } }
.howto__list li { position: relative; padding-left: 2.2rem; color: var(--ink-2); font-size: .95rem; counter-increment: h; }
.howto__list li::before { content: counter(h, decimal-leading-zero); position: absolute; left: 0; top: .15rem; font-family: var(--font-mono); font-size: .7rem; color: var(--green-2); }
.howto__list li strong { color: var(--ink); }
.soon { margin-top: clamp(1.2rem, 3vw, 2rem); padding: clamp(1.6rem, 3.6vw, 2.8rem); background: var(--card-2); border: 1px solid var(--card-line); border-radius: var(--r-card); }
.soon__head { display: grid; gap: .6rem; grid-template-columns: 1fr; margin-bottom: 1.6rem; }
@media (min-width: 900px) { .soon__head { grid-template-columns: 1fr 1fr; align-items: end; } }
.soon__head h2 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); margin: 0; }
.soon__head p { color: var(--ink-2); margin: 0; max-width: 46ch; }
.soon__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem .8rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 700px) { .soon__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .soon__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.soon__item { display: grid; gap: .25rem; text-align: center; }
.soon__item .ph { aspect-ratio: 3 / 4; border-radius: 12px; background: rgba(255,255,255,.4); }
.soon__item .ph--img img { object-fit: contain; padding: 10%; filter: grayscale(1) drop-shadow(0 10px 14px rgba(30,27,24,.18)); }
.soon__img--none { display: grid; place-items: center; border: 1px dashed var(--rule-2); background: color-mix(in srgb, var(--fc) 8%, transparent) !important; color: var(--ink-3); font-size: .8rem; }
.soon__item b { font-family: var(--font-display); font-weight: 500; font-size: 1rem; margin-top: .3rem; }
.soon__item span { font-size: .72rem; color: var(--ink-3); }

/* ---------- Viața reală: capitole în mozaic ---------- */
.vgroup, .vcard, .places { background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); padding: clamp(1.4rem, 3vw, 2.4rem); margin-bottom: clamp(1.2rem, 3vw, 2rem); }
.vgroup__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1.4rem; margin-bottom: 1.2rem; }
.vgroup__head .sec__num { margin: 0; flex-basis: 100%; }
.vgroup__head .sec__num::after { display: none; }
.vgroup__head h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); margin: 0; }
.vgroup__count { margin: 0; font-size: .82rem; color: var(--ink-3); }
.mosaic { display: grid; gap: .6rem; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 150px; }
@media (min-width: 760px) { .mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 190px; } }
.mosaic__item { position: relative; margin: 0; border-radius: 12px; overflow: hidden; }
.mosaic__item--big { grid-column: span 2; grid-row: span 2; }
.mosaic__item .ph { position: absolute; inset: 0; aspect-ratio: auto; }
.mosaic__item .ph--img img { object-fit: cover; padding: 0; transition: transform .6s var(--ease); }
.mosaic__item:hover .ph--img img { transform: scale(1.03); }
.mosaic__item figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.6rem .8rem .6rem; font-size: .75rem; line-height: 1.3; color: #F4EFE6; background: linear-gradient(transparent, rgba(20,18,15,.8) 1.4rem); }
.vcard .videos__grid { display: grid; gap: 1rem; grid-template-columns: 1fr; }
@media (min-width: 700px) { .vcard .videos__grid { grid-template-columns: 1fr 1fr; } }
.vcard .video video { border-radius: 12px; }
.places { display: grid; gap: 1.6rem; grid-template-columns: 1fr; }
@media (min-width: 760px) { .places { grid-template-columns: 1fr 1fr; gap: 3rem; } .places > div + div { border-left: 1px solid var(--hair); padding-left: 3rem; } }
.places .sec__num::after { display: none; }
.places h2 { font-size: clamp(1.6rem, 2.8vw, 2.2rem); margin: 0 0 .6rem; }
.places p:last-child { color: var(--ink-2); margin: 0; }

/* ---------- Jurnal de rod: o însemnare mare + carduri ---------- */
.journal2 { display: grid; gap: clamp(1.2rem, 3vw, 2rem); }
.jfeat { display: grid; grid-template-columns: 1fr; background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); overflow: hidden; margin-top: clamp(1.2rem, 3vw, 2rem); padding: 0; }
.journal2 > .jfeat { margin-top: 0; }
@media (min-width: 900px) { .jfeat { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.jfeat__img { padding: .8rem; }
.jfeat__img .ph { aspect-ratio: 4 / 5; border-radius: var(--r-img); overflow: hidden; }
.jfeat__img .ph--img img { object-fit: cover; padding: 0; }
.jfeat__body { padding: clamp(1.6rem, 3.6vw, 3rem); align-self: center; }
.jfeat__body h2 { font-size: clamp(2rem, 3.8vw, 3.2rem); margin: .6rem 0 1rem; }
.jfeat__body p:not(.jmeta) { color: var(--ink-2); font-size: 1.05rem; line-height: 1.7; max-width: 60ch; }
.jmeta { display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin: 0; font-family: var(--font-mono); font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.jmeta b { color: color-mix(in srgb, var(--fc, var(--green-2)) 50%, var(--ink)); font-weight: 600; }
.jgrid { display: grid; gap: clamp(1rem, 2.4vw, 1.6rem); grid-template-columns: 1fr; }
@media (min-width: 700px) { .jgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .jgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.jcard2 { background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); padding: .7rem .7rem 1.4rem; }
.jcard2__img .ph { aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; margin-bottom: 1rem; }
.jcard2__img .ph--img img { object-fit: cover; padding: 0; }
.jcard2 .jmeta, .jcard2 h3, .jcard2 p:not(.jmeta) { padding-inline: .6rem; }
.jcard2 h3 { font-size: 1.35rem; margin: .5rem 0 .5rem; }
.jcard2 p:not(.jmeta) { color: var(--ink-2); font-size: .9rem; line-height: 1.6; margin: 0; }

/* ---------- Contact ---------- */
.ccard { display: grid; grid-template-columns: 1fr; background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); overflow: hidden; box-shadow: var(--card-shadow); }
@media (min-width: 900px) { .ccard { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.ccard__form { padding: clamp(1.6rem, 3.6vw, 2.8rem); }
.ccard__form h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); margin: 0 0 1.4rem; }
.ccard__row { display: grid; gap: 0 1.4rem; grid-template-columns: 1fr; }
@media (min-width: 640px) { .ccard__row { grid-template-columns: 1fr 1fr; } }
.ccard__info { padding: clamp(1.6rem, 3.6vw, 2.8rem); background: var(--card-2); display: flex; flex-direction: column; gap: 1.6rem; }
@media (min-width: 900px) { .ccard__info { border-left: 1px solid var(--hair); } }
.ccard__info dl { margin: 0; display: grid; gap: 1rem; }
.ccard__info dt { font-family: var(--font-mono); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.ccard__info dd { margin: .2rem 0 0; color: var(--ink); }
.ccard__info a { text-decoration: underline; text-underline-offset: 3px; }
.ccard__photo .ph { aspect-ratio: 4 / 3; border-radius: var(--r-img); overflow: hidden; }
.ccard__photo .ph--img img { object-fit: cover; padding: 0; }

/* ---------- galeria fructului și vecinii ---------- */
.fruit-gallery { padding-top: 0; }
.fruit-gallery .wrap { background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); padding: clamp(1.4rem, 3vw, 2.4rem); }
.fruit-gallery .gallery figure .ph { border-radius: 12px; overflow: hidden; }
.fruit-nav { border-top: 0; }

/* ---------- prima pagină, 03 Viața reală (macheta) ---------- */
.sec--life3 { background: var(--paper); padding-block: clamp(2rem, 5vw, 4rem); }
.life3 { display: grid; grid-template-columns: 1fr; gap: 1.6rem; background: var(--card); border: 1px solid var(--card-line); border-radius: var(--r-card); padding: clamp(1.4rem, 3vw, 2.2rem); box-shadow: var(--card-shadow); }
@media (min-width: 900px) { .life3 { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: clamp(2rem, 4vw, 3rem); align-items: center; } }
.life3__text h2 { font-size: clamp(2.3rem, 4.4vw, 3.6rem); line-height: .98; margin: 0 0 1rem; }
.life3__text p:not(.sec__num) { color: var(--ink-2); line-height: 1.5; margin: 0 0 1.4rem; }
.life3 .sec__num::after { flex-basis: 3rem; }
.life3__collage { display: grid; gap: .6rem; grid-template-columns: 1.15fr 1fr 1fr; grid-template-rows: 1fr 1fr; aspect-ratio: 16 / 8.2; }
.life3__tile { margin: 0; position: relative; border-radius: 10px; overflow: hidden; }
.life3__tile .ph { position: absolute; inset: 0; aspect-ratio: auto; }
.life3__tile .ph--img img { object-fit: cover; padding: 0; }
.life3__tile--1 { grid-column: 1; grid-row: 1 / 3; }
.life3__tile--2 { grid-column: 2 / 4; grid-row: 1; }
.life3__tile--3 { grid-column: 2; grid-row: 2; }
.life3__tile--4 { grid-column: 3; grid-row: 2; }
@media (max-width: 599px) {
    .life3__collage { aspect-ratio: 4 / 4.4; grid-template-columns: 1fr 1fr; grid-template-rows: 1.3fr 1fr 1fr; }
    .life3__tile--1 { grid-column: 1 / 3; grid-row: 1; }
    .life3__tile--2 { grid-column: 1 / 3; grid-row: 2; }
    .life3__tile--3 { grid-column: 1; grid-row: 3; }
    .life3__tile--4 { grid-column: 2; grid-row: 3; }
}

/* ---------- prima pagină: titlurile secțiunilor rămase, același ton ---------- */
.sec__head h2 { font-weight: 600; }
.jcard h3 { font-weight: 500; }
.fcard__boximg--none::before, .soon__img--none::before { display: none; }
.jcard2__img .ph--img img { object-position: 50% 16%; }
.page--fruit .phero-real .phero__photo .ph { background: var(--paper-3); }
.page--fruit .phero-real .phero__photo .ph--img img { object-fit: cover; }

/* =============================================================================
   LINIȘTE ȘI MIȘCARE (22 oct. 2026, după propunerea Aesop + The Local Project + Organik Nar + Nabta)
   Mai puține colțuri rotunjite și umbre, fotografii mai mari, mai mult aer. Mișcarea e discretă:
   apariție la scroll 550 ms / 16 px, o singură dată; zoom pe fotografie max. 1.03 în 500 ms;
   butoane și linkuri 220 ms. La „reduced motion” totul apare direct (vezi și js/app.js, secțiunea 7).
   ============================================================================= */
:root { --r-card: 12px; --r-img: 6px; --card-shadow: none; --t: 220ms; }
.rod3, .life3, .prod, .ccard, .phero__card { border-radius: var(--r-card); box-shadow: none; }
.fcard__media .ph, .soon__item .ph, .mosaic__item, .vcard .video video, .jcard2__img .ph, .fruit-gallery .gallery figure .ph,
.life3__tile, .fruit-grid--framed .ph, .rod3__photo .ph, .rod2__boxes .ph, .jcard .ph, .jfeat__img .ph, .ccard__photo .ph, .phero__photo .ph { border-radius: var(--r-img); }
.jcard2 { border: 0; background: transparent; padding: 0; }
.jcard2 .jmeta, .jcard2 h3, .jcard2 p:not(.jmeta) { padding-inline: 0; }
.sec { padding-block: clamp(4.5rem, 10vw, 8.5rem); }
.page-body .wrap > * + * { margin-top: clamp(2rem, 5vw, 3.5rem); }

/* fotografii mai mari */
@media (min-width: 900px) { .phero__card { min-height: 520px; } .life3 { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); } }
@media (min-width: 760px) { .mosaic { grid-auto-rows: 230px; } }

/* iconițele benzii de avantaje: fără cerc, linie fină */
.rod3__ico { width: auto; height: auto; background: none; border-radius: 0; color: var(--green-2); }
.rod3__ico svg { width: 24px; height: 24px; }

/* zoom fin la hover, numele subliniat */
.fruit-grid--framed a:hover .ph { transform: none; box-shadow: none; }
.fruit-grid--framed .ph--img img, .jcard .ph--img img, .jcard2__img .ph--img img, .jfeat__img .ph--img img, .fcard__media .ph--img img,
.life3__tile .ph--img img, .rod3__photo .ph--img img, .mosaic__item .ph--img img { transition: transform .5s var(--ease); }
.fruit-grid--framed a:hover .ph--img img, .jcard:hover .ph--img img, .jcard2:hover .ph--img img, .jfeat:hover .jfeat__img img,
.fcard:hover .fcard__fruit img, .life3__tile:hover img, .rod3__photo:hover img { transform: scale(1.03); }
.fruit-grid--framed h3, .fcard h2 a, .jcard h3, .jcard2 h3, .jfeat__body h2 { text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: .18em; transition: text-decoration-color var(--t) var(--ease), color var(--t) var(--ease); }
.fruit-grid--framed a:hover h3, .fcard h2 a:hover, .jcard:hover h3, .jcard2:hover h3, .jfeat:hover h2 { text-decoration-color: currentColor; }
.fruit-grid--framed .fg--soon .fg__status, .pill, .soon__item span { color: rgba(30, 27, 24, .66); }

/* contact: culoare la interacțiune */
.field input, .field select, .field textarea { transition: border-color var(--t) var(--ease), background-color var(--t) var(--ease); }
.field input:focus, .field select:focus, .field textarea:focus { border-bottom-color: var(--green-2); }
.btn { transition-duration: var(--t); }

/* galeria Viața reală: clic pe fotografie = mărire */
.mosaic__item[data-lb] { cursor: zoom-in; }
.mosaic__item[data-lb]:focus-visible { outline: 2px solid var(--green-2); outline-offset: 3px; }
.lb { border: 0; padding: 0; margin: auto; width: min(92vw, 1400px); max-height: 92vh; background: transparent; color: #F4EFE6; overflow: visible; }
.lb::backdrop { background: rgba(20, 18, 15, .9); }
.lb figure { margin: 0; display: grid; gap: .8rem; justify-items: center; }
.lb img { max-width: 100%; max-height: 82vh; width: auto; height: auto; display: block; border-radius: var(--r-img); }
.lb figcaption { font-size: .9rem; color: rgba(244, 239, 230, .85); text-align: center; max-width: 60ch; }
.lb__btn { position: fixed; top: 50%; translate: 0 -50%; width: 48px; height: 48px; border: 1px solid rgba(244,239,230,.35); border-radius: 50%; background: rgba(20,18,15,.35); color: #F4EFE6; font-size: 1.3rem; cursor: pointer; transition: background-color var(--t) var(--ease), border-color var(--t) var(--ease); }
.lb__btn:hover { background: rgba(244,239,230,.15); border-color: #F4EFE6; }
.lb__prev { left: 1.2rem; } .lb__next { right: 1.2rem; }
.lb__close { top: 1.2rem; right: 1.2rem; translate: none; }
@media (max-width: 640px) { .lb__prev, .lb__next { top: auto; bottom: 1rem; translate: none; } }

/* apariție: textul din hero vine încet, imaginea stă pe loc; blocurile apar la scroll */
@media (prefers-reduced-motion: no-preference) {
    @keyframes z-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
    .hero__text > * { animation: z-rise .9s var(--ease) both; }
    .hero__text > :nth-child(2) { animation-delay: .15s; }
    .hero__text > :nth-child(3) { animation-delay: .3s; }
    .reveal { opacity: 0; transform: translateY(16px); transition: opacity .55s var(--ease), transform .55s var(--ease); transition-delay: var(--rd, 0ms); }
    .reveal.is-in { opacity: 1; transform: none; }
    [data-parallax] { will-change: transform; }
}
@media (prefers-reduced-motion: reduce) {
    .fruit-grid--framed .ph--img img, .jcard .ph--img img, .jcard2__img .ph--img img, .jfeat__img .ph--img img, .fcard__media .ph--img img,
    .life3__tile .ph--img img, .rod3__photo .ph--img img, .mosaic__item .ph--img img { transition: none; transform: none !important; }
}

/* ---------- fără chenare (22 oct.: clientul a găsit chenarele cardurilor „dubioase") ----------
   Blocurile stau direct pe hârtie; rămân doar liniile fine dintre coloane și benzi.
   Excepție: celulele grilei de fructe de pe prima pagină își păstrează chenarul (cerut separat). */
.rod3, .life3, .phero__card, .prod, .ccard, .jfeat, .vgroup, .vcard, .places, .howto, .soon, .fcard, .feats--card, .fruit-gallery .wrap {
    border: 0; background: transparent; box-shadow: none; border-radius: 0; overflow: visible;
}
.rod3__feats { background: transparent; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.feats--card { border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.ccard__info { background: transparent; }
.prod__media { border-radius: var(--r-img); }
.vgroup, .vcard, .places, .howto, .soon, .fruit-gallery .wrap { padding-inline: 0; }
.vgroup + .vgroup, .vcard, .places { border-top: 1px solid var(--hair); padding-top: clamp(2rem, 5vw, 3.5rem); }
.fcard { border-top: 1px solid var(--hair); padding-top: .4rem; }
.fcard__media { padding-inline: 0; }
.fcard__body { padding-inline: 0; }
.jfeat__img { padding: 0; }
.phero__photo .ph { inset: 0; }
.phero__text { padding-left: 0; }
.jcard2__img .ph--img img { object-position: 50% 50%; }

/* ---------- banda foto mare, prima pagină (22 oct.) ---------- */
.photo-band { position: relative; margin: 0; overflow: hidden; width: 100%; height: 75vw; }
@media (min-width: 700px) { .photo-band { height: min(42.86vw, 82vh); } }  /* 21:9, plafonat la 82vh fără să îngusteze banda */
.photo-band .ph { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; }
.photo-band .ph--img img { object-fit: cover; object-position: 50% 55%; padding: 0; filter: saturate(1.08); }
.photo-band figcaption { position: absolute; z-index: 1; left: clamp(1rem, 4vw, 3rem); right: 1rem; bottom: clamp(.9rem, 2.4vw, 1.6rem); font-family: var(--font-mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: #F4EFE6; text-shadow: 0 1px 12px rgba(0,0,0,.45); }
.photo-band::after { content: ""; position: absolute; inset: auto 0 0; height: max(30%, 7rem); background: linear-gradient(transparent, rgba(20,18,15,.8) 40%); pointer-events: none; }

/* ---------- hero: fotografia se mărește foarte lent, culori puțin mai vii (22 oct.) ---------- */
.hero .ph--img img { filter: saturate(1.12) contrast(1.03); object-position: 62% 28%; }  /* pe ecrane late se taie jos (masa), nu vârful fructelor */
@media (max-width: 900px) {
    .hero .ph--img img { object-position: 60% 40%; }
    .hero::after { background: linear-gradient(90deg, rgba(40,52,32,.9), rgba(40,52,32,.82) 65%, rgba(40,52,32,0) 100%); }
}
@media (prefers-reduced-motion: no-preference) {
    @keyframes z-slowzoom { from { transform: scale(1); } to { transform: scale(1.06); } }
    .hero .ph--img img { animation: z-slowzoom 24s cubic-bezier(.25, .1, .25, 1) both alternate infinite; transform-origin: 62% 40%; will-change: transform; }
}
.hero__media, .hero .ph { overflow: hidden; }

/* =============================================================================
   TELEFON (22 oct.): după scoaterea chenarelor, blocurile nu mai au margini interioare
   proprii, ca tot conținutul să stea pe aceeași linie cu marginea paginii (--gutter).
   ============================================================================= */
@media (max-width: 899px) {
    .rod3__left, .rod3__right { padding-inline: 0; }
    .rod3__right { border-top: 1px solid var(--hair); padding-top: 2.2rem; }
    .rod3__feats li { padding-inline: 0; }
    .life3 { padding: 0; }
    .prod__body, .ccard__form, .ccard__info, .jfeat__body, .phero__text { padding-inline: 0; }
    .prod__body { padding-top: 1.6rem; }
    .ccard__info { padding-top: 2rem; border-top: 1px solid var(--hair); }
    .jfeat__body { padding-top: 1.4rem; }
    .phero__text { padding-top: .4rem; padding-bottom: 1.4rem; }
    .phero__photo { min-height: 0; aspect-ratio: 4 / 3; }
    .feats--card li { padding-inline: 0; }
    .sec { padding-block: clamp(3rem, 12vw, 4.5rem); }
    .sec--rod3, .sec--life3 { padding-block: clamp(2.6rem, 10vw, 4rem); }
    .page-body .wrap > * + * { margin-top: 2.4rem; }
}
@media (max-width: 700px) {
    .sec__head--row { grid-template-columns: 1fr; align-items: start; }
    .sec__link { white-space: normal; }
    /* hero: textul stă jos, peste un văl mai dens, ca să se citească peste fructe */
    .hero { align-items: end; min-height: min(86svh, 720px); padding-bottom: 2.4rem; }
    .hero::after { background: linear-gradient(180deg, rgba(40,52,32,.78) 0%, rgba(40,52,32,.82) 55%, rgba(40,52,32,.9) 100%); }
    .hero h1 { font-size: clamp(1.9rem, 10.2vw, 3.4rem); max-width: none; }  /* „fructe românești.” e lipit (anti-orfani), deci trebuie să încapă pe un rând */
    .hero .ph--img img { object-position: 58% 30%; }
    /* etichetele mono: minimum 11 px pe telefon */
    .sec__num, .jmeta, .fcard__num, .prod__kicker, .prod__vol, .ntab caption, .prod__spec dt, .ccard__info dt,
    .photo-band figcaption, .soon__item span, .fg__status, .pill, .vgroup__count, .sub li a em, .sub li a .st-mono,
    .sub .is-soon .is-locked em, .sub .is-soon .is-locked .st-mono, .lang, .jcard__cat { font-size: 11px; }
    .mosaic__item figcaption, .gallery figcaption, .fruit-gallery figcaption { font-size: 12px; }
    .video figcaption { font-size: 11px; }
    .fruit-grid--framed h3 { font-size: 1.05rem; }
}

/* telefoanele cele mai înguste (≤ 360 px): grilele nu se lărgesc după cel mai lung rând lipit (anti-orfani),
   titlurile mari scad puțin, iar cele două sucuri din Rodul trec unul sub altul */
@media (max-width: 899px) {
    .rod3, .rod3 > *, .jfeat, .prod, .ccard, .phero__card, .life3, .sec__head, .jgrid, .fcards { min-width: 0; }
    .jfeat, .prod, .ccard, .phero__card, .life3, .rod3__main { grid-template-columns: minmax(0, 1fr); }
    .rod3__badge { padding-inline: 1.4rem; max-width: 100%; }
}
@media (max-width: 360px) {
    .jfeat__body h2, .prod__body h2, .sec__head h2, .phero__text h1, .rod3 h2, .life3__text h2 { font-size: clamp(1.7rem, 8.6vw, 2.2rem); }
    .rod3__names { grid-template-columns: 1fr; gap: .8rem; }
    .rod3__claim { font-size: clamp(1.6rem, 8.4vw, 2.1rem); }  /* „What cannot be seen” e lipit pe un rând (lockup-ul de brand) */
    .rod3__name + .rod3__name { border-left: 0; padding-left: 0; border-top: 1px solid var(--hair); padding-top: .8rem; }
}

/* ---------- Etichetele noi în locul cutiilor gri (primite pe 23 oct. 2026) ----------
   Fața cutiei, color, oriunde apărea cutia veche: grila Fructele, Rodul (produse + „în curând”),
   paginile mărului și aroniei. Fructele fără etichetă încă (pere, caise, agrișe, dude, porumbele,
   gutui) rămân cu cutia gri. „În curând” se spune în text, nu prin gri. */
.ph--label img { filter: drop-shadow(0 14px 18px rgba(30,27,24,.22)) !important; opacity: 1; }
.fcard__box .ph--label img { padding: 9% 13%; }
.soon__item .ph--label img { padding: 8% 11%; }
.prod__media .ph--label { width: min(64%, 300px); aspect-ratio: 1000 / 1256; }
.prod__media .ph--label img { filter: drop-shadow(0 26px 30px rgba(30,27,24,.28)) !important; }

/* ---------- Liniștea Aesop / The Local Project (23 oct. 2026, a doua trecere) ----------
   Clientul: „cutiile în chenare și cerc arată rău”, „cartonul e nașpa, trecerea la poza verde
   e urâtă”. Deci: fără carton, fără discuri, fără fundaluri sub cutii; antete cu titlul mare
   și fotografia pe toată lățimea; cutiile (etichetele) mari, direct pe hârtie. */

/* Prima pagină, Rodul: textul din prezentarea clientului, în locul pozelor (pozele sunt mai jos, la Viața reală) */
.rod3__list { list-style: none; counter-reset: r; margin: .2rem 0 1.6rem; padding: 0; border-top: 1px solid var(--hair); }
.rod3__list li { counter-increment: r; position: relative; padding: .78rem 0 .78rem 2.6rem; border-bottom: 1px solid var(--hair); font-size: .97rem; line-height: 1.5; color: var(--ink-2); }
.rod3__list li::before { content: counter(r, decimal-leading-zero); position: absolute; left: 0; top: 1.02rem; font-family: var(--font-mono); font-size: .7rem; letter-spacing: .08em; color: var(--green-2); }
.rod3__list b { color: var(--ink); font-weight: 600; }
.rod3__list a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.rod3__list a:hover { color: var(--green-2); }
.rod3__motto { display: grid; gap: .35rem; margin: 0 0 1.6rem; font-family: var(--font-display); font-weight: 500; font-size: clamp(1.15rem, 1.8vw, 1.42rem); line-height: 1.3; color: var(--green); }
.rod3__motto span { font-family: var(--font-body); font-weight: 400; font-size: .95rem; line-height: 1.5; color: var(--ink-2); }
.rod3__fruits { list-style: none; margin: .4rem 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .15rem .5rem;
    font-family: var(--font-body); font-weight: 700; font-size: clamp(1rem, 1.6vw, 1.3rem); line-height: 1.35; color: #5B3F5C; text-align: center; }
.rod3__fruits li:not(:last-child)::after { content: "·"; margin-left: .5rem; opacity: .6; }
.rod3__fruits .is-now { color: #B0231D; }

/* Antetele paginilor: titlul mare + textul în dreapta, apoi fotografia pe toată lățimea ecranului */
.phero { padding: clamp(2.2rem, 6vw, 4.6rem) 0 0; overflow-x: clip; }
.phero__card { display: block; min-height: 0 !important; }
.phero__text { padding: 0 0 clamp(2rem, 4vw, 3.4rem) !important; }
.phero__text h1 { font-size: clamp(2.6rem, 6vw, 5.4rem); line-height: .96; letter-spacing: -.035em; max-width: 15ch; }
@media (min-width: 900px) {
    .phero__text { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(2rem, 6vw, 6rem); align-items: end; }
    .phero__text > * { grid-column: 2; }
    .phero__text > .sec__num { grid-column: 1 / -1; margin-bottom: 1.4rem; }
    .phero__text > h1 { grid-column: 1; grid-row: 2 / span 4; align-self: end; margin: 0; }
    .phero__lead { max-width: 42ch; }
}
.phero__photo { position: relative; margin-inline: calc(50% - 50vw); height: clamp(340px, 66vh, 760px); min-height: 0 !important; aspect-ratio: auto !important; }
.phero__photo .ph { position: absolute; inset: 0 !important; border-radius: 0 !important; background: var(--paper-3) !important; }
.phero__photo .ph--img img { object-fit: cover !important; padding: 0 !important; }
@media (max-width: 899px) { .phero__photo { height: auto; aspect-ratio: 4 / 3 !important; } }

/* Produsul (Rodul, paginile mărului și aroniei): eticheta mare, direct pe hârtie */
.prod__disc { display: none; }
@media (min-width: 900px) { .prod { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.prod + .prod { border-top: 1px solid var(--hair); padding-top: clamp(2rem, 5vw, 3.5rem); }
.prod__media { background: transparent !important; min-height: 0; padding: clamp(.5rem, 2vw, 1.5rem) 0 clamp(1.5rem, 3vw, 2rem); border-radius: 0; }
.prod__media .ph--label { width: min(88%, 470px); }
.prod__vol { right: 0; bottom: 0; }
@media (min-width: 900px) { .prod__body { border: 0 !important; padding-inline: clamp(1rem, 3vw, 2.5rem) 0; } .prod--flip .prod__body { padding-inline: 0 clamp(1rem, 3vw, 2.5rem); } }

/* Fructele și „în curând”: cutiile fără plăci de fundal */
.fcard__box .ph, .soon__item .ph { background: transparent !important; box-shadow: none; }
.soon { background: transparent; border: 0; padding-inline: 0; }

@media (max-width: 700px) {
    .rod3__list li { font-size: .95rem; padding-left: 2.3rem; }
    .rod3__fruits { font-size: 1.02rem; gap: .1rem .4rem; }
    .rod3__fruits li:not(:last-child)::after { margin-left: .4rem; }
    .prod__media .ph--label { width: min(78%, 360px); }
}

/* Viața reală: fără benzi negre peste poze; legenda apare la hover (și oricum în lightbox) */
.mosaic__item figcaption { background: none; padding: .6rem .75rem; font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
    color: #fff; text-shadow: 0 1px 10px rgba(0, 0, 0, .6); opacity: 0; transform: translateY(6px); transition: opacity .25s var(--ease), transform .25s var(--ease); }
@media (hover: hover) { .mosaic__item:hover figcaption, .mosaic__item:focus-visible figcaption { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mosaic__item figcaption { transition: none; } }

/* Telefon, paginile cu produs (măr, aronia, Rodul): fotografia mare rămâne dedesubt, iar peste
   marginea ei de jos urcă un container cu cutia de suc și toate informațiile (25 oct. 2026). */
@media (max-width: 899px) {
    .page--fruit .phero__photo, .page--rodul .phero__photo { aspect-ratio: 4 / 3.6 !important; }
    .page--fruit .page-body, .page--rodul .page-body { padding-top: 0; }
    .page--fruit .prod, .page--rodul .prod {
        position: relative; z-index: 2; background: #FBF8F2; border-radius: 18px;
        padding: 1.4rem 1.25rem 1.6rem; box-shadow: 0 24px 50px -34px rgba(30, 27, 24, .45);
    }
    .page--fruit .prods > .prod:first-child, .page--rodul .prods > .prod:first-child { margin-top: -5.5rem; }
    .prod + .prod { border-top: 0; padding-top: 1.4rem; }
    .page--fruit .prod__media, .page--rodul .prod__media { padding: .4rem 0 1.2rem; }
    .page--fruit .prod__media .ph--label, .page--rodul .prod__media .ph--label { width: min(72%, 320px); }
    .page--fruit .prod__body, .page--rodul .prod__body { padding: 0; }
}