/* Közös ásvány-kártya (B-080 7. kör, Gábor 2026-11-06): lexikon, Színek oldal és az ásványoldal „Hasonló színű ásványok” blokkja
   ugyanazt használja (includes/mineral-card.php). Felül a képsáv (1,95-ös arány, 76 %-ig a háttérfotó vagy az ásvány színe; a korábbi 1,35 alatt nagy üres bézs maradt), benne a
   kő és alatta az árnyék, opcionális „N termék” jelvény; alatta a név 26 px (mobil 22 px).
   A kő-PNG-k 400×400-asak, átlátszó szegéllyel (oldalt ~15 %, felül ~23–31 %, alul ~16–22 %). A kő-doboz négyzetes, a képsáv
   magasságának 125 %-a, teteje −18 %: a látható kő a képsáv ~11–85 %-án, az árnyék ~95 %-ig (a kártya szélességének ~46 %-a), a háttér és a bézs
   határán ül, közvetlenül alatta a név.
   Árnyék: a kő-doboz ::before ellipszise a doboz 74–90 %-án (sötét közepe ~81 %-nál, ahol a kövek alja van), a kő mögött –
   közvetlenül a kő aljából indul, nincs rés (a korábbi külön árnyék-PNG lejjebb ült). */
.laava-mcard{display:flex;flex-direction:column;border-radius:0;overflow:hidden;background:var(--mc-bottom,#F6F1EB);color:#24211F;text-decoration:none;transition:transform 160ms cubic-bezier(.2,.7,.2,1)}
.laava-mcard[hidden]{display:none}
.laava-mcard:hover{transform:translateY(-3px)}
.laava-mcard:focus-visible,.laava-mcard.is-pulse{outline:2px solid #5C3D2E;outline-offset:2px}
.laava-mcard__im{position:relative;display:block;aspect-ratio:1.95}
.laava-mcard__bg{position:absolute;left:0;right:0;top:0;height:76%;background-color:color-mix(in srgb,var(--mc-tint,#E6D9CC) 38%,#F6F1EB);background-image:var(--mc-bg,none);background-size:cover;background-position:center}
.laava-mcard__st{position:absolute;left:50%;top:-18%;height:125%;aspect-ratio:1;transform:translateX(-50%)}
.laava-mcard__st::before{content:"";position:absolute;left:17%;right:17%;top:74%;height:16%;background:radial-gradient(ellipse at 50% 45%,rgba(0,0,0,.38) 0%,rgba(0,0,0,.2) 38%,rgba(0,0,0,0) 70%)}
.laava-mcard__stone{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.laava-mcard__cn{position:absolute;right:10px;top:10px;z-index:2;font-size:12px;font-weight:500;padding:3px 10px;border-radius:0;background:#FFFFFF;color:#24211F}
.laava-mcard__nm{padding:8px 12px 18px;text-align:center;font:500 26px/1.1 "Cormorant Garamond",Georgia,serif;color:#24211F;text-wrap:balance}
@media (max-width:599px){.laava-mcard__nm{font-size:22px;padding:6px 8px 14px}}
@media (prefers-reduced-motion:reduce){.laava-mcard{transition:none}.laava-mcard:hover{transform:none}}

/* Alsó rész: opcionálisan tintázható (--mc-bottom), alatta a név után bővíthető rész (termékoldal: szöveg, Mohs, gomb). */
.laava-mcard__xt{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 20px 20px;text-align:center;font:400 15px/1.55 "DM Sans",system-ui,sans-serif;color:#24211F}
.laava-mcard__xt p{margin:0}
.laava-mcard__xt .laava-mcard__nm+*{margin-top:0}
.laava-mcard--static:hover{transform:none}
.laava-mcard__nm:has(+ .laava-mcard__xt){padding-bottom:10px}

/* B-151 (Gábor, 2026-11-08): (1) magasabb háttér-rész – a képsáv 1,95 → 1,7-es arány, a háttér a sáv 84 %-áig (eddig 76 %); a kő
   abszolút mérete és a háttér/bézs határhoz mért helyzete változatlan (doboz: a sáv 109 %-a, teteje 2 %). (2) Mobilon nagyobb név,
   mindenhol ugyanakkora (lexikon, termékoldal, Színek, hasonlók): 22 → 25 px. */
.laava-mcard__im{aspect-ratio:1.7}
.laava-mcard__bg{height:84%}
.laava-mcard__st{top:2%;height:109%}
@media (max-width:599px){.laava-mcard__nm{font-size:25px;line-height:1.08}}
/* B-152 (Gábor): még magasabb fotós rész a kő mögött – képsáv 1,7 → 1,55, háttér 84 → 86 %; a kő mérete és a határhoz mért helye
   változatlan (doboz: a sáv 99 %-a, teteje 11 %). */
.laava-mcard__im{aspect-ratio:1.55}
.laava-mcard__bg{height:86%}
.laava-mcard__st{top:11%;height:99%}