/* gasztrocenter.hu — a termékkártya EGY helyen (GC_Kezdolap::kartya), minden oldalon.
 * 2026-09-29: eddig két példány volt (kezdolap-f.css `.gcf-termek`, oldalak.css
 * `.gco .gcf-termek`), és eltértek egymástól. A forrás a jóváhagyott kezdőlap kártyája
 * („a főoldal rendben van", tulajdonos 2026-09-29) — a kezdőlapon pixelre ugyanaz
 * (mérve 1440 és 390 px-en, előtte-utána). Gyerek-kombinátor (`>`) nincs.
 * A kártyán: egyetlen készlet-felirat (a Woo Custom Stock Status írja az ár-HTML-be),
 * „Kosárba" gomb teljes szélességben, egy vonalban; a „Ft" előtt köz. */
.gcf-termek{--tus:#1b1b18;--halvany:#5f5a50;--zold-m:#3f6b1f;display:flex;flex-direction:column;min-width:0}
.gcf-termek .kep{display:block;aspect-ratio:1;background:#fff;border-radius:24px;padding:9%;box-shadow:0 10px 30px -18px rgba(60,40,10,.35);transition:transform .3s;position:relative}
.gcf-termek:hover .kep{transform:translateY(-4px) rotate(-.6deg)}
.gcf-termek .kep img{width:100%;height:100%;object-fit:contain}
.gcf-termek .akcio{position:absolute;top:12px;left:12px;z-index:1;background:#d0342c;color:#fff;font:700 .72rem/1 'Work Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:12px}
.gcf-termek h3{font:700 1.06rem/1.3 'Fraunces',Georgia,serif;margin:14px 0 4px;color:var(--tus)}
.gcf-termek h3 a{display:block;padding:3px 0;text-decoration:none;color:inherit} /* legalább 24 px magas cél (mért: 19–21 px, a söprés elbukott rajta) */
/* az ár-HTML: bruttó összeg, <br>, „(nettó + ÁFA)" (display-net-price), majd a készlet-bővítmény <p class="stock">-ja */
.gcf-termek .ar{font:400 .82rem/1.35 'Work Sans',sans-serif;color:var(--halvany)}
.gcf-termek .ar .amount{font:700 1.3rem/1.2 'Fraunces',Georgia,serif;color:var(--tus);white-space:nowrap} /* 390 px-en az ezres csoport eltört („389 / 000Ft") — mért */
.gcf-termek .ar .woocommerce-Price-currencySymbol{margin-left:.18em} /* köz a „Ft" előtt */
.gcf-termek .ar del{font-size:.85rem;color:var(--halvany);font-weight:400;margin-right:6px}
.gcf-termek .ar del .amount{font-size:.9rem;font-weight:400;color:var(--halvany)}
.gcf-termek .ar ins{text-decoration:none}
.gcf-termek .ar .stock{margin:6px 0 0;font:600 .85rem/1.2 'Work Sans',sans-serif} /* az EGYETLEN készlet-felirat */
.gcf-termek .n{font-size:.8rem;color:var(--halvany)}
/* a gombok egy vonalban: a kártya lába mindig alulra kerül, bármilyen hosszú a terméknév */
.gcf-termek .lab{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:12px}
.gcf-termek .lab .button{flex:1 1 100%;max-width:100%;text-align:center;justify-content:center;white-space:nowrap;font-size:.8rem!important;padding:12px 10px!important;letter-spacing:.02em}
/* sötét felirat a világoszöld gombon (DONTESEK 29, tulajdonos 2026-09-29: „kosárba gomb lehet sötét"):
 * a fehér 2,09:1 volt (AA-bukás), a tus ~9:1 — mindenhol, a kezdőlapon is */
.gcf-termek .lab .button,.gcf-termek .lab .button:hover,.gcf-termek .lab .button:focus,.gcf-termek .lab .added_to_cart{color:var(--tus)!important}
.gcf-termek .button.loading{opacity:.6}
.gcf-termek .k{font-size:.82rem;font-weight:600;color:var(--zold-m)}.gcf-termek .k.x{color:#8a4b12}
@media (max-width:760px){
  .gcf-termek .kep{border-radius:18px}.gcf-termek h3{font-size:.98rem}.gcf-termek .ar{font-size:1.15rem}
  .gcf-termek .lab{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){.gcf-termek .kep{transition:none}}
/* kosárba tétel után (tulajdonos, 2026-09-29: „…akkor alá írja, hogy kosár"): a WC natív „Kosár" linkje
 * a kártyán nem látszik (a sor nem csúszik el), a visszajelzés a gomb állapota és az értesítő (kosarba.js);
 * a gomb felirata normál írásmódú (az Astra nagybetűsítése ellen) */
.gcf-termek .lab .added_to_cart{display:none!important}
.gcf-termek .lab .button{text-transform:none!important;letter-spacing:0!important;font-size:.92rem!important;font-weight:600!important;line-height:20px!important;border:0!important} /* az Astra a .loading/.added állapotban 1 px szegélyt ad (mért: 44→46 px); px-es sormagasság: a „✓" tartalék-betűje 2 px-szel megemelte a sort (mért) */
.gcf-termek .lab .button.added::after,.gcf-termek .lab .button.gc-kosarban::after{content:none!important;display:none!important}
/* a kártyán csak az állapot („Készleten"): az Astra a terméklapon „Készlet:" címkét tesz elé (ast-stock-detail) —
 * a kapcsolódó kártyák fele így kapott előtagot, a fele nem (mért, 2026-09-30) */
.gcf-termek .ast-stock-avail{display:none}
.gcf-termek .ast-stock-detail{margin:6px 0 0;font:600 .85rem/1.2 'Work Sans',sans-serif}