/* laava-mineral-v2 */
/* Ásvány oldal v2 (B-058) – a vászon AsvanyV2 (1440) / TabletAsvanyV2 (834) / MobilAsvanyV2 (390) méretei, töréspontok ≤1100, ≤899, ≤599.
   A --min* tinta a Tudástár laava_mineral_term_tint() színe (docs/mineral-tint-spec.md); tinta nélkül a meleg bézs alap. */
.lv-av2{--min:#A98468;--min-bg:color-mix(in srgb,var(--min) 11%,#FFFFFF);--min-line:color-mix(in srgb,var(--min) 30%,#E5DDD2);--min-ink:color-mix(in srgb,var(--min) 60%,#24211F);--acc:var(--laava-accent,#7801f2);--r:8px;--ease:cubic-bezier(.2,.7,.2,1);--dur:240ms;--dur-s:160ms;color:#24211F;overflow-x:clip}
.lv-av2,.lv-av2 *{box-sizing:border-box}
.lv-av2 a{color:inherit;text-decoration:none}
.lv-av2__wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.lv-av2__crumbs{padding:20px 0 12px}
.lv-av2__bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:#5A534D}
.lv-av2__bc a{padding:10px 4px}
.lv-av2__bc a:hover{color:#24211F;text-decoration:underline;text-underline-offset:3px}
.lv-av2__bc [aria-current]{color:#24211F;font-weight:500}
.lv-av2 .lv-tt-nav{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:20px}

/* Hero: teljes szélességű tinta-sáv */
.lv-av2__hero{position:relative;background:var(--min-bg);box-shadow:0 0 0 100vmax var(--min-bg);clip-path:inset(0 -100vmax)}
.lv-av2__hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center;padding-top:24px;padding-bottom:56px}
.lv-av2__intro{display:flex;flex-direction:column;gap:20px;min-width:0}
.lv-av2__eyebrow{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--min-ink)}
.lv-av2 h1{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:76px;line-height:1.02;color:#24211F;text-wrap:balance}
.lv-av2__lead{margin:0;font-size:18px;line-height:1.6;color:#3F3A36;max-width:520px}
.lv-av2__avc{display:flex;gap:16px;align-items:center;padding:16px;background:#FFFFFF;border:1px solid var(--min-line);border-radius:0;max-width:540px;transition:transform var(--dur-s) var(--ease),border-color var(--dur-s) var(--ease)}
.lv-av2 a.lv-av2__avc:hover{transform:translateY(-2px);border-color:var(--min)}
.lv-av2 a.lv-av2__avc:focus-visible,.lv-av2__sticky:focus-visible,.lv-av2__nudge:focus-visible,.lv-av2__onp:focus-visible{outline:2px solid #7801f2;outline-offset:2px}
.lv-av2__stk{display:flex;flex:none}
.lv-av2__stk>span{width:48px;height:48px;border-radius:0;border:2px solid #FFFFFF;margin-left:-14px;overflow:hidden;background:var(--min-bg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--min-ink)}
.lv-av2__stk>span:first-child{margin-left:0}
.lv-av2__stk img{width:100%;height:100%;object-fit:cover;display:block}
.lv-av2__more{background:color-mix(in srgb,var(--min) 18%,#FFFFFF)!important}
.lv-av2__avt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lv-av2__avt b{font-weight:500;font-size:17px;line-height:1.3}
.lv-av2__avt>span:not(.lv-av2__pill){font-size:13px;color:#5A534D;line-height:1.4}
.lv-av2__pill{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 9px;border-radius:0;font-size:12px;font-weight:500;background:#E3F4E8;color:#09883A;width:fit-content;margin-bottom:4px}
.lv-av2__pill.is-low{background:#FFF1C9;color:#7A4A00}
.lv-av2__pill i{width:7px;height:7px;border-radius:50%;background:currentColor;display:block}
.lv-av2__go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:0;background:var(--acc);color:#FFFFFF!important;font-weight:500;font-size:15px;white-space:nowrap;transition:transform var(--dur-s) var(--ease),filter var(--dur-s) var(--ease)}
.lv-av2 a.lv-av2__avc:hover .lv-av2__go{transform:translateX(2px)}
.lv-av2 a.lv-av2__go:hover{filter:brightness(.9)}
.lv-av2__avb{display:flex;gap:8px;flex-wrap:wrap;flex:none}
.lv-av2__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--lv-btn-gap,8px);min-height:var(--lv-btn-h,44px);padding:0 var(--lv-btn-px,22px);border-radius:var(--lv-btn-radius,8px);border:1px solid var(--lv-btn-outline-bd,#24211F);background:transparent;color:var(--lv-btn-outline-fg,#24211F);font-size:var(--lv-btn-fs,15px);font-weight:var(--lv-btn-fw,500);white-space:nowrap;transition:background-color var(--dur-s) var(--ease),color var(--dur-s) var(--ease)}
.lv-av2 .lv-av2__btn:hover{background:var(--lv-btn-dark-bg,#24211F);color:var(--lv-btn-dark-fg,#fff)}
.lv-av2__btn:focus-visible,.lv-av2__go:focus-visible{outline:var(--lv-btn-focus-w,2px) solid var(--lv-btn-focus,#7801f2);outline-offset:var(--lv-btn-focus-offset,2px)}

/* Fotóblokk: felső 61 % háttérfotó (vagy a tinta), középen a kivágott kő az árnyékán */
/* V3 (B-082): a fotóblokk alsó része is az ásvány színével tintázott (26 %), nem semleges bézs */
.lv-av2__photo{position:relative;aspect-ratio:1.2;border-radius:var(--r);overflow:hidden;background:color-mix(in srgb,var(--min) 26%,#F6F1EB)}
.lv-av2__bg{position:absolute;left:0;right:0;top:0;height:61%;background-color:color-mix(in srgb,var(--min) 38%,#F6F1EB);background-size:cover;background-position:center}
/* A kő és az árnyéka egy négyzetes dobozban (a fotók 400×400-asak, a kő alja a doboz ~84 %-ánál, a stone-bg.png árnyéka ehhez
   rajzolt). A doboz a fotó magasságának 72 %-a, úgy, hogy a kő alja a háttérfotó széle (61 %) alá, ~70 %-ra kerüljön. */
.lv-av2__st{position:absolute;left:50%;top:9.5%;height:72%;aspect-ratio:1;transform:translateX(-50%)}
.lv-av2__st img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.lv-av2__sh{top:1.25%!important}
.lv-av2__onp{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:0;background:#FFFFFF;color:#24211F;font-size:14px;font-weight:500;transition:transform var(--dur-s) var(--ease)}
.lv-av2__onp:hover{transform:translateY(-2px)}
.lv-av2__onp i{width:8px;height:8px;border-radius:50%;background:#09883A;display:block}

/* Adatlap-sáv: a hero aljába 28 px-szel átlóg */
.lv-av2__facts{display:grid;grid-template-columns:repeat(min(var(--n,6),6),minmax(0,1fr));margin:-28px 0 0;position:relative;z-index:1;background:#FFFFFF;border:1px solid var(--min-line);border-radius:0;overflow:hidden}
.lv-av2__fc{padding:16px 18px;border-left:1px solid #EFE6DB;display:flex;flex-direction:column;gap:4px;min-width:0}
.lv-av2__fc:first-child{border-left:0}
.lv-av2__fc small{font-size:12px;color:#5A534D;letter-spacing:.04em}
.lv-av2__fc b{font-weight:500;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.lv-av2__mohs{display:flex;gap:3px;margin-top:4px}
.lv-av2__mohs i{width:100%;height:5px;border-radius:0;background:#E5DDD2;display:block}
.lv-av2__mohs i.on{background:var(--min)}

/* Cikk + tartalomjegyzék */
.lv-av2__art{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding:72px 0 24px;align-items:start}
.lv-av2__toc{position:sticky;top:120px;display:flex;flex-direction:column;gap:2px;border-left:1px solid #E5DDD2}
.lv-av2__toc small{padding:0 0 10px 16px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#5A534D}
.lv-av2__toc a{padding:8px 16px;font-size:15px;color:#3F3A36;margin-left:-1px;border-left:2px solid transparent;transition:color var(--dur-s) var(--ease),border-color var(--dur-s) var(--ease)}
.lv-av2__toc a:hover,.lv-av2__toc a.is-on{color:var(--min-ink);border-color:var(--min)}
.lv-av2__txt{display:flex;flex-direction:column;gap:40px;max-width:760px;min-width:0}
.lv-av2__txt>section{display:flex;flex-direction:column;gap:10px;scroll-margin-top:110px}
.lv-av2 h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:40px;line-height:1.1;color:#24211F}
.lv-av2__prose{font-size:17px;line-height:1.7;color:#3F3A36}
.lv-av2__prose>*{margin:0 0 14px}
.lv-av2__prose>:last-child{margin-bottom:0}
.lv-av2__prose h3,.lv-av2__prose h4{font-size:19px;font-weight:600;line-height:1.35;color:#24211F;margin-top:24px}
.lv-av2__prose a{text-decoration:underline;text-underline-offset:3px}
.lv-av2__prose img{max-width:100%;height:auto;border-radius:var(--r)}
.lv-av2__loc{padding-left:22px}
.lv-av2__loc li{margin:4px 0}
.lv-av2__small{font-size:13px!important;color:#5A534D}
.lv-av2__chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.lv-av2__chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border:1px solid var(--min-line);border-radius:0;background:#FFFFFF;font-size:14px;text-decoration:none}
.lv-av2__chips a:hover{border-color:var(--min)}
.lv-av2__nudge{display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:0;background:var(--min-bg);border:1px solid var(--min-line);transition:transform var(--dur-s) var(--ease)}
.lv-av2__nudge:hover{transform:translateY(-2px)}
.lv-av2__nudge>span:first-child{display:flex;flex-direction:column;gap:2px}
.lv-av2__nudge b{font-weight:500;font-size:17px}
.lv-av2__nudge .s{font-size:14px;color:#5A534D}
.lv-av2__nudge .ar{margin-left:auto;font-weight:500;color:var(--min-ink);white-space:nowrap}

/* Termékek: típusszűrő + a közös termékkártya 4/3/2 oszlopban (8/6/6 kártya) */
.lv-av2__prod{padding:56px 0 16px;scroll-margin-top:100px}
.lv-av2__ph{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.lv-av2__ph>div:first-child{display:flex;flex-direction:column;gap:6px}
.lv-av2__phs{color:#5A534D;font-size:15px}
.lv-av2__flt{display:flex;gap:8px;flex-wrap:wrap}
.lv-av2__flt button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 16px;border-radius:0;border:1px solid #D9CFC2;background:#FFFFFF;color:#24211F;font:inherit;font-size:14px;cursor:pointer;transition:background-color var(--dur-s) var(--ease),border-color var(--dur-s) var(--ease)}
.lv-av2__flt button:hover{border-color:#24211F}
.lv-av2__flt button small{color:#5A534D;font-size:12px}
.lv-av2__flt button[aria-pressed="true"]{background:#24211F;border-color:#24211F;color:#FFFFFF}
.lv-av2__flt button[aria-pressed="true"] small{color:#FFFFFF;opacity:.75}
.lv-av2__flt button:focus-visible{outline:2px solid #7801f2;outline-offset:2px}
.lv-av2 ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;margin:0!important;padding:0;list-style:none}
.lv-av2 ul.products::before,.lv-av2 ul.products::after{display:none!important}
.lv-av2 ul.products>li{width:auto!important;margin:0!important;float:none!important}
.lv-av2 ul.products>li.lv-av2-x{display:none!important}
.lv-av2__morep{display:flex;justify-content:center;margin:0;padding-top:28px}

/* Hasonló színű ásványok */
.lv-av2__sim{padding:64px 0 24px;scroll-margin-top:100px}
.lv-av2__ulink{font-weight:500;text-decoration:underline!important;text-underline-offset:3px}
.lv-av2__sg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
/* A kártya a Tudástár közös ásvány-kártyája (laava-mcard, B-080 7. kör): plugins/laava-horoszkop-grid/assets/mineral-card.css. */

/* V3 ásvány-értesítő (B-082, vászon .ntf): balra szöveg + pontok, jobbra fehér űrlapdoboz; ≤1100 egy oszlop, ≤599 teljes szélesség */
.lv-av2__ntf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin:64px 0 8px;padding:40px 44px;border-radius:0;background:var(--min-bg);border:1px solid var(--min-line);scroll-margin-top:100px}
.lv-av2__ntft{display:flex;flex-direction:column;gap:12px;min-width:0}
.lv-av2__ntft p{margin:0;font-size:17px;line-height:1.6;color:#3F3A36;max-width:520px}
.lv-av2__ntfl{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px;color:#3F3A36}
.lv-av2__ntfl li{display:flex;gap:10px;align-items:center}
.lv-av2__ntfl li i{width:6px;height:6px;border-radius:50%;background:var(--min);display:block;flex:none}
.lv-av2__ntff,.lv-av2__ntfok{display:flex;flex-direction:column;gap:12px;padding:24px;background:#FFFFFF;border:1px solid var(--min-line);border-radius:0;min-width:0}
.lv-av2__ntff[hidden],.lv-av2__ntfok[hidden]{display:none}
.lv-av2__ntflb{font-size:14px;font-weight:500}
.lv-av2__ntfrow{display:flex;gap:8px}
.lv-av2__ntfin{flex:1;min-width:0;min-height:48px;padding:0 14px;font:inherit;font-size:16px;border:1px solid #8F857D;border-radius:0;background:#FFFFFF;color:#24211F}
.lv-av2__ntfin[aria-invalid="true"]{border-color:#B3261E;box-shadow:0 0 0 1px #B3261E}
.lv-av2__ntfin:focus-visible,.lv-av2__ntfbtn:focus-visible,.lv-av2__ntfx:focus-visible,.lv-av2__ntfck input:focus-visible{outline:2px solid #7801f2;outline-offset:2px}
.lv-av2__ntfbtn{min-height:48px;padding:0 22px;border:0;border-radius:0;background:#24211F;color:#FFFFFF;font:inherit;font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-s) var(--ease)}
.lv-av2__ntfbtn:hover{background:#3F3A36}
.lv-av2__ntfbtn:disabled{opacity:.7;cursor:progress}
.lv-av2__ntferr{margin:0;font-size:14px;color:#B3261E}
.lv-av2__ntferr[hidden]{display:none}
.lv-av2__ntfck{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#3F3A36;cursor:pointer}
.lv-av2__ntfck input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:#24211F}
.lv-av2__ntfck input[aria-invalid="true"]{outline:2px solid #B3261E;outline-offset:2px}
.lv-av2 .lv-av2__ntfck a{text-decoration:underline}
.lv-av2__ntfhp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.lv-av2__ntfs{font-size:13px;color:#5A534D}
.lv-av2__ntfok{flex-direction:row;gap:14px;align-items:flex-start}
.lv-av2__ntfic{width:40px;height:40px;border-radius:50%;background:#E3F4E8;color:#09883A;display:flex;align-items:center;justify-content:center;flex:none}
.lv-av2__ntfok>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.lv-av2__ntfok b{font-weight:500;font-size:17px}
.lv-av2__ntfok span{font-size:14px;color:#5A534D;line-height:1.5}
.lv-av2__ntfx{padding:0;border:0;background:none;font:inherit;font-size:14px;text-decoration:underline;color:#24211F;cursor:pointer}
.lv-av2__ntfx[hidden]{display:none}

/* GYIK + megjegyzés */
.lv-av2__faq{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:56px 0 24px}
.lv-av2__faql{border-top:1px solid #E8DDD2}
.lv-av2__faql details{border-bottom:1px solid #E8DDD2}
.lv-av2__faql summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 0;cursor:pointer;font-size:17px;list-style:none;color:#24211F}
.lv-av2__faql summary::-webkit-details-marker{display:none}
.lv-av2__faql summary:focus-visible{outline:2px solid #7801f2;outline-offset:2px}
.lv-av2__faqi{color:#6B5A4E;font-size:24px;line-height:1;flex:none}
.lv-av2__faqi::before{content:"+"}
.lv-av2__faql details[open] .lv-av2__faqi::before{content:"–"}
.lv-av2__faql .lv-av2__prose{padding:0 0 20px;font-size:16px;line-height:1.65;color:#5A534D;max-width:760px}
.lv-av2__note{margin:24px auto 56px;font-size:13px;color:#5A534D;max-width:860px}

/* Alsó CTA-sáv (≤1100 px): a hero kártyájának kigörgetése után (mineral-v2.js) */
.lv-av2__sticky{display:none}
@keyframes lv-av2-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:1100px){
	.lv-av2__ntf{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px}
	.lv-av2__hero-g{gap:36px}
	.lv-av2 h1{font-size:60px}
	.lv-av2__facts{grid-template-columns:repeat(min(var(--n,6),3),minmax(0,1fr))}
	.lv-av2__fc:nth-child(3n+1){border-left:0}
	.lv-av2__fc:nth-child(n+4){border-top:1px solid #EFE6DB}
	.lv-av2__art{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:56px}
	.lv-av2__toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;border:0}
	.lv-av2__toc small{width:100%;padding:0}
	.lv-av2__toc a{padding:0 16px;min-height:38px;display:inline-flex;align-items:center;border:1px solid #D9CFC2;border-radius:0;margin:0;background:#FFFFFF}
	/* B-107 (AS-3, TabletAsvanyV3): 3 oszlop 24/20 px réssel. A `:not(.swiper-wrapper)` a katalógus `.lv-main ul.products:not(…)`
	   4 oszlopos szabályánál erősebb specifitás miatt kell (anélkül tableten is 4 oszlop maradt). */
	.lv-av2 ul.products,.lv-av2 ul.products:not(.swiper-wrapper){grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
	.lv-av2 ul.products>li.lv-av2-7{display:none!important}
	.lv-av2__sg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 -40px;padding:0 40px 8px;scrollbar-width:none}
	.lv-av2__sg::-webkit-scrollbar{display:none}
	.lv-av2__sg>.laava-mcard{flex:0 0 240px;scroll-snap-align:start}
	.lv-av2__sticky:not([hidden]){display:flex;align-items:center;gap:16px;position:fixed;left:0;right:0;bottom:12px;z-index:60;margin:0 auto;width:calc(100% - 32px);max-width:560px;padding:10px 10px 10px 16px;background:#FFFFFF;border:1px solid #24211F;border-radius:0;box-shadow:0 8px 24px rgba(36,33,31,.16);animation:lv-av2-in var(--dur) var(--ease) both}
	.lv-av2__sticky b{flex:1;min-width:0;font-weight:500;font-size:15px;line-height:1.3}
	.lv-av2__sticky .lv-av2__go{min-height:40px}
}
@media (max-width:899px){
	.lv-av2__hero-g{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:44px}
	.lv-av2__photo{order:-1;aspect-ratio:1.75}
	.lv-av2__avc{max-width:none}
	.lv-av2 h1{font-size:52px}
}
@media (max-width:599px){
	.lv-av2__wrap{padding:0 16px}
	.lv-av2__crumbs{padding-top:12px}
	.lv-av2 .lv-tt-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 14px}
	.lv-av2 .lv-tt-nav a{flex:none}
	.lv-av2 h1{font-size:46px}
	.lv-av2 h2{font-size:32px}
	.lv-av2__lead{font-size:16px}
	.lv-av2__hero-g{gap:20px;padding-top:8px;padding-bottom:36px}
	.lv-av2__photo{margin:0 -16px;border-radius:0;aspect-ratio:1.3}
	.lv-av2__avc{flex-wrap:wrap}
	.lv-av2__avc .lv-av2__avt{flex-basis:calc(100% - 140px)}
	.lv-av2__avc .lv-av2__go,.lv-av2__avb,.lv-av2__avb>a{width:100%}
	.lv-av2__facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-20px}
	.lv-av2__fc:nth-child(n){border-left:0;border-top:1px solid #EFE6DB}
	.lv-av2__fc:nth-child(2n){border-left:1px solid #EFE6DB}
	.lv-av2__fc:nth-child(-n+2){border-top:0}
	.lv-av2__art{padding-top:40px}
	.lv-av2__toc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
	.lv-av2__toc a{flex:none}
	.lv-av2__toc small{display:none}
	.lv-av2__txt{gap:32px}
	.lv-av2__prose{font-size:16px}
	.lv-av2__nudge{flex-wrap:wrap}
	.lv-av2__nudge .ar{margin-left:0}
	.lv-av2 ul.products,.lv-av2 ul.products:not(.swiper-wrapper){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
	.lv-av2__flt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
	.lv-av2__flt button{flex:none}
	.lv-av2__sg{margin:0 -16px;padding:0 16px 8px}
	.lv-av2__sg>.laava-mcard{flex-basis:200px}
	.lv-av2__sticky:not([hidden]){width:calc(100% - 24px)}
	.lv-av2__ntf{margin:48px -16px 8px;padding:24px 16px;border-radius:0;border-left:0;border-right:0}
	.lv-av2__ntfrow{flex-direction:column}
	.lv-av2__ntfbtn{width:100%}
	.lv-av2__ntff,.lv-av2__ntfok{padding:16px}
}
@media (prefers-reduced-motion:reduce){.lv-av2 *{transition:none!important;animation:none!important}}
/* B-151 (Gábor): mobilon az ásvány fotója alatt közvetlenül a neve (a „Ásvány Lexikon” felcím nélkül), és a fotón lévő
   „N termék készleten” chip nem kell (az elérhetőségi kártya lent ugyanezt mondja). */
@media (max-width:899px){
	.lv-av2__photo{order:-1}
	.lv-av2__intro{gap:14px}
	.lv-av2__eyebrow{display:none}
	.lv-av2__onp{display:none}
}

/* laava-motion */
/*
 * LAAVA mozgás- és popup-réteg (docs/motion-spec.md, vászon „MOTION v1” + Popup/PopupAjanlat/MobilHeader scrim).
 * Utolsóként töltődik (inc/assets.php, wp_enqueue_scripts 100), így a komponensek után érvényesül. A tokenek
 * (--ease, --dur, --dur-s) és a mo-* keyframe-ek a tokens.css-ben vannak; csökkentett mozgásnál ott .01ms-ra állnak.
 *
 * Elv: csak opacity / transform jellegű tulajdonság mozog (a magasság-lenyíló a kivétel). A dialógusoknál az önálló
 * `scale` / `translate` tulajdonságot animáljuk, nem a `transform`-ot, így nem ütközik a komponens saját transformjával
 * (pl. a kereső translateX(-50%)-os középre igazításával). A záró animációt a motion.js indítja (.is-closing), és csak
 * utána hívja a natív close()-t, így a nyitott állapotú ([open]) geometria a kifutás alatt is megmarad.
 */

/* ---------------------------------------------------------------- Lenyíló / accordion (<details>) */
/* Magasság 0 → auto, a tartalom mo-in-nel jön be. Kivétel minden olyan <details>, amelynek a tartalma abszolút
   pozicionált lenyíló (pl. katalógus gyorsszűrő .lv-qf): ott a ::details-content 0 magassága levágná a panelt. */
details:not(.lv-qf){interpolate-size:allow-keywords}
details:not(.lv-qf)::details-content{block-size:0;overflow:clip;transition:block-size var(--dur) var(--ease),content-visibility var(--dur) allow-discrete}
details:not(.lv-qf)[open]::details-content{block-size:auto}
details:not(.lv-qf)[open]>:not(summary){animation:mo-in var(--dur) var(--ease)}
summary{transition:background-color var(--dur-s) var(--ease),border-color var(--dur-s) var(--ease),color var(--dur-s) var(--ease)}

/* Lenyíló jellegű <details> (gyorsszűrő): a hover-lenyíló mozgása – átlátszóság + 4 px, 160 ms. */
.lv-qf[open]>.lv-qf__dd{animation:lv-drop var(--dur-s) var(--ease)}
@keyframes lv-drop{from{opacity:0;translate:0 -4px}}

/* ---------------------------------------------------------------- Script által beszúrt / megjelenített elemek */
/* docs/motion-spec.md „Script-vezérelt elemek”: a JS ezekre a két osztályra hivatkozik (belépő animáció). */
.moi{animation:mo-in var(--dur) var(--ease)}
.moi-f{animation:mo-fade var(--dur) var(--ease)}

/* ---------------------------------------------------------------- Vezérlők átmenete (Interakciok board) */
/* Szín, keret, háttér 160 ms-mal; a komponensek saját (150 ms, ease-out) értékeit egységesíti. */
.lv-btn,.lv-hbtn,.lv-chip,.lv-qf>summary{transition:background-color var(--dur-s) var(--ease),border-color var(--dur-s) var(--ease),color var(--dur-s) var(--ease),box-shadow var(--dur-s) var(--ease),filter var(--dur-s) var(--ease)}
.lv-qf__chv{transition:transform var(--dur) var(--ease)}

/* ---------------------------------------------------------------- Egységes popup-háttér (scrim) */
/* Minden popup, drawer és panel háttere: 10% ásványtinta (a --min a termékoldal body-ján / a minikosáron van, a ::backdrop
   a dialógustól örököl) + 50% grafit + 5 px homályosítás. A lightbox szándékosan erősebb (docs/lightbox-spec.md), az nem ez. */
dialog::backdrop{background:color-mix(in srgb,var(--min,#1F1D1B) 10%,rgba(31,29,27,.5));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.lv-backdrop,.lv-dr__bd{background:color-mix(in srgb,var(--min,#1F1D1B) 10%,rgba(31,29,27,.5));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}

/* ---------------------------------------------------------------- Dialógusok: nyitás és zárás */
@keyframes lv-dlg-in{from{opacity:0;scale:.97}}
@keyframes lv-dlg-out{to{opacity:0;scale:.97}}
@keyframes lv-bd-in{from{opacity:0}}
@keyframes lv-bd-out{to{opacity:0}}
@keyframes lv-sheet-in{from{translate:0 100%}}
@keyframes lv-sheet-out{to{translate:0 100%}}
@keyframes lv-left-in{from{translate:-100% 0}}
@keyframes lv-left-out{to{translate:-100% 0}}
@keyframes lv-right-in{from{translate:100% 0}}
@keyframes lv-right-out{to{translate:100% 0}}

/* Alap: középre nyíló ablak (gyorsnézet, összehasonlítás, vélemény, termék-dialógusok, kereső, ajánlat-popup desktopon). */
dialog[open]{animation:lv-dlg-in var(--dur) var(--ease)}
dialog[open]::backdrop{animation:lv-bd-in var(--dur) var(--ease)}
dialog.is-closing{animation:lv-dlg-out var(--dur) var(--ease) forwards}
dialog.is-closing::backdrop{animation:lv-bd-out var(--dur) var(--ease) forwards}

/* Balról nyíló drawer: a régi teljes szűrőpanel és a katalógus szűrőpanelje desktopon (storefront.css: inset 0 auto 0 0). */
.lv-filter-panel[open]{animation:lv-left-in var(--dur) var(--ease)}
.lv-filter-panel.is-closing{animation:lv-left-out var(--dur) var(--ease) forwards}
/* Jobbról nyíló kereső (oldalsáv-változat). */
.lv-search--sidebar[open]{animation:lv-right-in var(--dur) var(--ease)}
.lv-search--sidebar.is-closing{animation:lv-right-out var(--dur) var(--ease) forwards}
/* Alsó lapok mobilon: a katalógus szűrőpanelje (≤ 767 px) és a pénztár előtti ajánlat (≤ 599 px). */
@media (max-width:767px){
	.lv-catalog2 .lv-filter-panel[open]{animation:lv-sheet-in var(--dur) var(--ease)}
	.lv-catalog2 .lv-filter-panel.is-closing{animation:lv-sheet-out var(--dur) var(--ease) forwards}
}
@media (max-width:599px){
	.lv-popup[open]{animation:lv-sheet-in var(--dur) var(--ease)}
	.lv-popup.is-closing{animation:lv-sheet-out var(--dur) var(--ease) forwards}
}

/* ---------------------------------------------------------------- Osztállyal nyíló fiókok */
/* Minikosár-fiók (cart.js: hidden → is-open, zárásnál 250 ms múlva hidden): a csúszás a tokenekkel; a háttér beúszik. */
.lv-minicart{transition:transform var(--dur) var(--ease)}
.lv-backdrop:not([hidden]){animation:lv-bd-in var(--dur) var(--ease)}

/* ---------------------------------------------------------------- Csökkentett mozgás */
/* A tokenek .01ms-ra állnak (tokens.css); ami nem tokenen fut vagy elmosás, azt itt kapcsoljuk ki. */
@media (prefers-reduced-motion:reduce){
	details::details-content{transition:none}
	dialog[open],dialog[open]::backdrop,dialog.is-closing,dialog.is-closing::backdrop,.lv-backdrop,.moi,.moi-f,.lv-qf[open]>.lv-qf__dd{animation:none!important}
}

/* ================================================================ Állapotok (B-059 2. kör)
 * Vászon: Allapotok/Betoltes (váz, spinner), Termek (készletjelző), Kosar (visszavonás-toast), Koszono (pipa-rajz),
 * Kategoria (betöltött elemek), Main (hero dia). Az időzítések a boardok értékei; csökkentett mozgásnál lent kikapcsolva.
 */

/* Váz (skeleton): finom csillogás a lapos bézs helyett (Allapotok .sk: 1,4 s, 400% széles átmenet). Katalógus „Továbbiak”
   váza (catalog-laava.js) és az élő kereső váza (Core live-search.js), valamint az általános .lv-sk osztály. */
@keyframes lv-skm{from{background-position:100% 50%}to{background-position:0 50%}}
.lv-sk,.lv-skel__img,.lv-skel__l,.lvls-skel .lvls-th,.lvls-skel__t i{background:linear-gradient(90deg,#F3EEE8 25%,#FAF7F3 37%,#F3EEE8 63%);background-size:400% 100%;animation:lv-skm 1.4s ease infinite}

/* Töltésjelző a gombon (Allapotok: kattintás után forgó jelző, a gomb tiltott, a szélessége nem változik). A felirat
   átlátszó lesz, de a helyét megtartja; a jelző a gomb közepén. Sötét gombon fehér, világos (ikon-) gombon grafit. */
@keyframes lv-spn{to{rotate:360deg}}
.lv-spin{display:inline-block;width:18px;height:18px;box-sizing:border-box;border:2px solid rgba(255,255,255,.4);border-top-color:#FFFFFF;border-radius:50%;animation:lv-spn 800ms linear infinite;vertical-align:-3px}
:is(.single_add_to_cart_button,.lv-btn,.lv-hbtn).loading,:is(.lv-btn,.lv-hbtn)[aria-busy="true"]{position:relative;color:transparent!important;pointer-events:none}
/* Töltés közben a gomb tiltott, de NEM halványul (a Woo a :disabled gombot 50%-ra veszi, a fehér jelző szürkén elveszne). */
:is(.single_add_to_cart_button,.lv-btn,.lv-hbtn).loading:is(:disabled,.disabled){opacity:1!important;cursor:progress}
/* transform:none: a gombok ::after-jára más szabály ferdítést (skewX) tehet, az torzítaná a kört; a forgás a `rotate` tulajdonság. */
:is(.single_add_to_cart_button,.lv-btn,.lv-hbtn).loading::after,:is(.lv-btn,.lv-hbtn)[aria-busy="true"]::after{content:"";transform:none;position:absolute;left:50%;top:50%;width:var(--lv-btn-spin,18px);height:var(--lv-btn-spin,18px);margin:calc(var(--lv-btn-spin,18px) / -2) 0 0 calc(var(--lv-btn-spin,18px) / -2);box-sizing:border-box;border:2px solid rgba(255,255,255,.4);border-top-color:#FFFFFF;border-radius:50%;animation:lv-spn 800ms linear infinite}
/* B-093: világos alapú gombon (körvonalas, világos, szellem) a fehér jelző nem látszana – grafit jelző. */
:is(.lv-btn--outline,.lv-hbtn--outline,.lv-btn--light,.lv-hbtn--light,.lv-btn--round):is(.loading,[aria-busy="true"])::after{border-color:rgba(36,33,31,.2);border-top-color:var(--laava-graphite,#24211F)}
/* A kártya kosár-ikonja (fehér kör): az ikon helyén grafit jelző. */
.lv-product-card .lv-cva__btn.loading{position:relative}
.lv-product-card .lv-cva__btn.loading svg{opacity:0!important}
.lv-product-card .lv-cva__btn.loading::after{content:"";transform:none;position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;border:2px solid rgba(36,33,31,.2);border-top-color:#24211F;border-radius:50%;animation:lv-spn 800ms linear infinite}

/* Készletjelző: kevés készletnél (a Woo „Alacsony készlet küszöbe” alatt, B-061) borostyán (Termek board: „● Már csak 2 db”
   #9A5B00); eddig a „Készleten” zöldjét kapta. */
.lv-pd-stock.is-low{color:#9A5B00}

/* Visszavonás-toast a kosár oldalon (Kosar .ktoast): a Woo „… eltávolítva. Visszavonás?” értesítése alul középen, grafit
   dobozban, 6 s után eltűnik (a hely nem ugrik, mert fix pozíciójú). Mobilon a 84 px-es alsó sáv fölött. A halvány világos
   keret a grafit lábléc fölött választja el (árnyék a design-szabály szerint nincs).
   Kedvencek (Kedvencek .fvt, B-061): ugyanez a sáv a JS-es eltávolításnál (.lv-undo-toast, storefront.js) és JS nélkül a
   WCBoost „… eltávolítva a kedvencekből. Visszavonom” értesítésén (.wcboost-wishlist-page). */
@keyframes lv-toast{0%,94%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.lv-undo-toast,.wcboost-wishlist-page .woocommerce-message:has(.restore-item),.woocommerce-cart :is(.woocommerce-message,.wc-block-components-notice-banner):has(.restore-item){position:fixed;left:50%;bottom:24px;z-index:9990;translate:-50% 0;display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;margin:0;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:0;background:#24211F;color:#FFFFFF;font-size:14px;line-height:1.4;box-shadow:none;animation:mo-in var(--dur) var(--ease),lv-toast 6s forwards}
.wcboost-wishlist-page .woocommerce-message:has(.restore-item)::before,.woocommerce-cart :is(.woocommerce-message,.wc-block-components-notice-banner):has(.restore-item)::before,.woocommerce-cart .wc-block-components-notice-banner:has(.restore-item)>svg{display:none}
.wcboost-wishlist-page .woocommerce-message:has(.restore-item) .restore-item,.woocommerce-cart :is(.woocommerce-message,.wc-block-components-notice-banner):has(.restore-item) .restore-item{color:#FFFFFF;font-weight:500;text-decoration:underline;text-underline-offset:3px}
@media (max-width:599px){.woocommerce-cart :is(.woocommerce-message,.wc-block-components-notice-banner):has(.restore-item){bottom:84px}}
/* A JS-es sáv a vászon .fvt méretei szerint (2/6/2/16 px, 12 px köz, a gomb 44 px magas érintési felület). */
.lv-undo-toast{gap:12px;padding:2px 6px 2px 16px}
.lv-undo-toast[hidden]{display:none}
.lv-undo-toast__btn{min-height:44px;margin:0;padding:0 10px;border:0;background:none;color:#FFFFFF;font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lv-undo-toast__btn:hover{background:none;color:#FFFFFF;opacity:.85}
.lv-undo-toast__btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:-2px;border-radius:0}

/* Sikeres fizetés pipa: a vonal kirajzolódik (Koszono .kchk: 0,5 s, 0,2 s késleltetés). A path pathLength="1". */
@keyframes lv-draw{to{stroke-dashoffset:0}}
.lv-ty__badge--ok svg path{stroke-dasharray:1;stroke-dashoffset:1;animation:lv-draw .5s .2s ease-out forwards}

/* „Továbbiak betöltése”: a betöltött termékek felúsznak (Kategoria lmin: 8 px, 0,35 s); a JS a .lv-lmin osztályt teszi rájuk. */
@keyframes lv-lmin{from{opacity:0;translate:0 8px}}
.lv-lmin{animation:lv-lmin .35s ease-out both}

/* Főoldali hero: a megjelenő dia áttűnik (Main .fadein 300 ms), a szövege felúszik (Main .rise 350 ms). */
@keyframes lv-rise{from{opacity:0;translate:0 8px}}
.lv-hero__slide:not([hidden]){animation:mo-fade 300ms ease-out both}
.lv-hero__slide:not([hidden]) .lv-hero__copy{animation:lv-rise 350ms ease-out both}

@media (prefers-reduced-motion:reduce){
	.lv-sk,.lv-skel__img,.lv-skel__l,.lvls-skel .lvls-th,.lvls-skel__t i,.lv-lmin,.lv-hero__slide:not([hidden]),.lv-hero__slide:not([hidden]) .lv-hero__copy{animation:none}
	.lv-ty__badge--ok svg path{animation:none;stroke-dashoffset:0}
	/* A toast eltűnése nem mozgás, csak időzítés: marad, a beúszás nélkül. */
	.lv-undo-toast,.wcboost-wishlist-page .woocommerce-message:has(.restore-item),.woocommerce-cart :is(.woocommerce-message,.wc-block-components-notice-banner):has(.restore-item){animation:lv-toast 6s forwards}
	/* A forgó jelző lassan, de forog: állapotot jelez (WCAG: lényeges animáció). */
	.lv-spin,:is(.single_add_to_cart_button,.lv-btn,.lv-hbtn).loading::after,.lv-product-card .lv-cva__btn.loading::after{animation-duration:1.6s}
}

/* laava-notices */
/* B-131 (Gábor): minden hiba-, info-, siker- és figyelmeztető üzenet LAAVA-stílusban – a klasszikus Woo (.woocommerce-error/-info/
   -message), a Block (.wc-block-components-notice-banner) és a WP-figyelmeztetés (.notice) egy rendszerben.
   Szögletes (B-120), bézs alap, 3 px bal oldali színsáv típusonként, a Woo ikonfontja és kék felső kerete nélkül, kompakt gomb. */
:root{--lv-n-info:#5C3D2E;--lv-n-ok:#2F6B45;--lv-n-warn:#B07A1E;--lv-n-err:#8E1B2B}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice,.wc-block-components-notice-banner,.lv-main .notice{
	position:relative;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 20px;padding:14px 18px 14px 20px!important;
	border:0!important;border-left:3px solid var(--lv-n-info)!important;border-radius:0!important;background:#F6F1EB!important;color:#24211F!important;
	font-family:var(--laava-font-body,'DM Sans',system-ui,sans-serif);font-size:15px;line-height:1.55;box-shadow:none!important;outline:0}
.woocommerce-message,.wc-block-components-notice-banner.is-success{border-left-color:var(--lv-n-ok)!important}
.woocommerce-error,.wc-block-components-notice-banner.is-error{border-left-color:var(--lv-n-err)!important;background:#FBF1F0!important}
.wc-block-components-notice-banner.is-warning,.lv-main .notice-warning{border-left-color:var(--lv-n-warn)!important;background:#FBF5EA!important}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:none!important;display:none!important}
.woocommerce-error>li{list-style:none;margin:0;padding:0}
.woocommerce-error{flex-direction:column;align-items:flex-start}
.wc-block-components-notice-banner>svg{flex:none;width:20px;height:20px;padding:0!important;border-radius:0!important;background:transparent!important;fill:var(--lv-n-info)!important}
.wc-block-components-notice-banner.is-success>svg{fill:var(--lv-n-ok)!important}
.wc-block-components-notice-banner.is-error>svg{fill:var(--lv-n-err)!important}
.wc-block-components-notice-banner.is-warning>svg{fill:var(--lv-n-warn)!important}
.wc-block-components-notice-banner__content{flex:1 1 240px;min-width:0;color:inherit!important;font-size:15px}
:is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner) a:not(.button):not(.wc-forward){color:inherit;text-decoration:underline;text-underline-offset:3px}
:is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner) :is(.button,.wc-forward,.wp-element-button):not(.wc-block-components-notice-banner__dismiss){
	order:9;float:none!important;margin:0 0 0 auto!important;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px!important;
	border:1px solid #24211F!important;border-radius:0!important;background:#24211F!important;color:#fff!important;
	font:500 11px/1 var(--laava-font-body,'DM Sans',sans-serif)!important;letter-spacing:.14em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap}
:is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner) :is(.button,.wc-forward,.wp-element-button):not(.wc-block-components-notice-banner__dismiss):hover{background:#fff!important;color:#24211F!important}
.wc-block-components-notice-banner .wc-block-components-button:not(.wp-element-button){color:inherit}
@media (max-width:599px){:is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner) :is(.button,.wc-forward,.wp-element-button):not(.wc-block-components-notice-banner__dismiss){margin:4px 0 0!important;width:100%}}
/* B-077 (2026-11-08): a Block értesítés bezáró gombja is .wp-element-button – a fenti kompakt gombszabály szürke/fekete téglalappá
   (mobilon teljes szélességű csíkká) tette, az X ikon nem látszott. Saját 44×44-es, átlátszó ikon-gomb a doboz jobb felső sarkában. */
.wc-block-components-notice-banner:has(>.wc-block-components-notice-banner__dismiss){padding-right:52px!important}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__dismiss{position:absolute!important;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;
	width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
	background:transparent!important;color:#24211F!important;box-shadow:none!important;cursor:pointer}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__dismiss svg{width:20px!important;height:20px!important;fill:currentColor!important;background:none!important}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__dismiss:hover{background:rgba(36,33,31,.06)!important}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__dismiss:focus-visible{outline:2px solid #24211F!important;outline-offset:-2px}

/* laava-icon-motion */
/*
 * B-163 (Gábor, 2026-11-08): LAAVA ikonok rámutatásra animálnak – „It's Hover” mintájára (az ikon egy része céltudatosan mozdul,
 * nem díszítés), de React/Motion nélkül, tiszta CSS-sel. Minden ikon a közös `laava_svg()`-ből jön (`.lv-ic--{név}` osztály),
 * így egy helyen él az összes mozgás.
 *
 * Kiváltó: a befoglaló link/gomb/összefoglaló rámutatása vagy billentyűfókusza (`:hover`, `:focus-visible`) – így a gomb teljes
 * felülete indítja, nem csak a kis ikon. Csak egeres eszközön (hover:hover), és csak ha a látogató nem kért csökkentett mozgást.
 * Hossz: 360–700 ms, egyszer játszódik le rámutatásonként; a drágakő-részletek (`.lv-gem`) mindenhol felcsillannak.
 */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
	/* A mozgó részek a saját dobozuk közepe körül fordulnak/nőnek – csak rámutatás közben (a kosár-állapot animációit nem érinti). */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) :is(svg[class*="lv-ic--"],svg[class*="lv-ic--"] *){transform-box:fill-box;transform-origin:center}

	/* Kiváltó-segéd: H = a befoglaló interaktív elem rámutatva / fókuszban. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) [class*="lv-ic--"] .lv-gem{animation:lvIcGem 620ms cubic-bezier(.3,.7,.3,1)}

	/* Kereső: a lencse körbe „keres” (kis billegés a fogantyú körül). */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--search{animation:lvIcSearch 560ms ease-in-out;transform-origin:44% 44%}
	/* Fiók: a fej bólint. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--user>circle{animation:lvIcNod 520ms ease-in-out}
	/* Kedvencek: dobban a szív. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg:is(.lv-ic--heart,.lv-ic--heart-filled)>path{animation:lvIcBeat 620ms ease-in-out}
	/* Menü: a vonalak jobbra csúsznak és vissza. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--menu>path:first-child{animation:lvIcSlide 520ms ease-in-out}
	/* Bezárás: negyed fordulat. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--close{animation:lvIcTurn 420ms cubic-bezier(.3,.7,.3,1)}
	/* Nyilak: a mutatott irányba lökődnek. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg:is(.lv-ic--chevron-right,.lv-ic--arrow-right)>path{animation:lvIcNudgeR 460ms ease-in-out}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--chevron-left>path{animation:lvIcNudgeL 460ms ease-in-out}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--chevron-down>path{animation:lvIcNudgeD 460ms ease-in-out}
	/* Kosár: a kosár megbillen, a tartalma felugrik; kosárba-tétel ikonon a plusz megfordul. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg:is(.lv-ic--cart,.lv-ic--cart-add){animation:lvIcTilt 560ms ease-in-out;transform-origin:50% 90%}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--cart .lv-ci{animation:lvIcHop 560ms ease-in-out}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--cart-add>path:last-child{animation:lvIcTurn 460ms ease-in-out}
	/* Szállítás: a kocsi előre gurul és visszaugrik. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--truck{animation:lvIcDrive 640ms ease-in-out}
	/* Lakat: a kengyel felemelkedik. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--lock>path:nth-of-type(1){animation:lvIcLift 560ms ease-in-out}
	/* Ajándék: a masni felpattan. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--gift>path:nth-of-type(n+2){animation:lvIcLift 560ms ease-in-out}
	/* Naptár: a karikák megbillennek. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--calendar-gem>path:nth-of-type(1){animation:lvIcLift 520ms ease-in-out}
	/* Csillag / szikra: fordul egyet és felragyog. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg:is(.lv-ic--star,.lv-ic--sparkle){animation:lvIcSpark 640ms cubic-bezier(.3,.7,.3,1)}
	/* Kuka: megbillen. Címke: kileng a lyukánál. Visszaküldés: visszafordul. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--trash{animation:lvIcShake 460ms ease-in-out;transform-origin:50% 30%}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--tag{animation:lvIcSwing 620ms ease-in-out;transform-origin:20% 20%}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--return{animation:lvIcBack 600ms ease-in-out}
	/* Szem: pislog. Levél: a fedél lebben. Üzenet: felpattan. Nagyító: ráközelít. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--eye>path:first-child{animation:lvIcBlink 420ms ease-in-out}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--mail>path{animation:lvIcFlap 520ms ease-in-out;transform-origin:50% 0}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--chat{animation:lvIcHop 520ms ease-in-out}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--zoom{animation:lvIcZoom 460ms ease-in-out}
	/* Pipa: újrarajzolódik. Szűrő: a sorok elcsúsznak. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--check>path{stroke-dasharray:24;animation:lvIcDraw 520ms ease-out}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--filter>path{animation:lvIcSlide 520ms ease-in-out}
	/* Kristály-, karkötő-, könyv- és gyűrű-ikon: finom lebegés. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg:is(.lv-ic--crystals,.lv-ic--bracelet,.lv-ic--book,.lv-ic--ring,.lv-ic--camera,.lv-ic--shield,.lv-ic--help){animation:lvIcFloat 620ms ease-in-out}
	/* B-164 sima kristályok: a csúcs megbillen és lebeg, a drágakő felvillan (fordul + nő), a nyers kő megemelkedik. */
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--crystal-point{animation:lvIcTilt 620ms ease-in-out;transform-origin:50% 90%}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--gem{animation:lvIcGemBig 640ms cubic-bezier(.3,.7,.3,1)}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--gem>path:last-child{animation:lvIcShine 640ms ease-in-out}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--crystal-raw{animation:lvIcFloat 620ms ease-in-out}
	:is(a,button,summary,label,[role="button"]):is(:hover,:focus-visible) svg.lv-ic--crystal-raw>path:last-child{animation:lvIcShine 620ms ease-in-out}
	/* „Vissza a tetejére” nyíl (B-154): felfelé lökődik. */
	.lv-back-to-top:is(:hover,:focus-visible) svg{animation:lvIcUp 520ms ease-in-out}

	@keyframes lvIcGem{0%{transform:none}40%{transform:scale(1.55) rotate(45deg)}100%{transform:none}}
	@keyframes lvIcSearch{0%,100%{transform:none}25%{transform:rotate(-12deg) translate(-.5px,-.5px)}60%{transform:rotate(9deg)}}
	@keyframes lvIcNod{0%,100%{transform:none}40%{transform:translateY(-1.6px)}70%{transform:translateY(.4px)}}
	@keyframes lvIcBeat{0%,100%{transform:none}30%{transform:scale(1.2)}55%{transform:scale(.94)}75%{transform:scale(1.06)}}
	@keyframes lvIcSlide{0%,100%{transform:none}45%{transform:translateX(2px)}}
	@keyframes lvIcTurn{0%{transform:none}100%{transform:rotate(90deg)}}
	@keyframes lvIcNudgeR{0%,100%{transform:none}45%{transform:translateX(3px)}}
	@keyframes lvIcNudgeL{0%,100%{transform:none}45%{transform:translateX(-3px)}}
	@keyframes lvIcNudgeD{0%,100%{transform:none}45%{transform:translateY(2.5px)}}
	@keyframes lvIcTilt{0%,100%{transform:none}30%{transform:rotate(-9deg)}65%{transform:rotate(5deg)}}
	@keyframes lvIcHop{0%,100%{transform:none}40%{transform:translateY(-2.2px)}70%{transform:translateY(.4px)}}
	@keyframes lvIcDrive{0%,100%{transform:none}45%{transform:translateX(3px)}70%{transform:translateX(-1px)}}
	@keyframes lvIcLift{0%,100%{transform:none}45%{transform:translateY(-2px)}}
	@keyframes lvIcSpark{0%{transform:none}50%{transform:rotate(36deg) scale(1.15)}100%{transform:rotate(72deg)}}
	@keyframes lvIcShake{0%,100%{transform:none}25%{transform:rotate(-10deg)}55%{transform:rotate(8deg)}80%{transform:rotate(-3deg)}}
	@keyframes lvIcSwing{0%,100%{transform:none}35%{transform:rotate(-14deg)}70%{transform:rotate(6deg)}}
	@keyframes lvIcBack{0%{transform:none}60%{transform:rotate(-45deg)}100%{transform:none}}
	@keyframes lvIcBlink{0%,100%{transform:none}45%{transform:scaleY(.1)}}
	@keyframes lvIcFlap{0%,100%{transform:none}45%{transform:scaleY(.6)}}
	@keyframes lvIcZoom{0%,100%{transform:none}45%{transform:scale(1.14)}}
	@keyframes lvIcDraw{0%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}
	@keyframes lvIcFloat{0%,100%{transform:none}45%{transform:translateY(-2px)}}
	@keyframes lvIcGemBig{0%,100%{transform:none}40%{transform:scale(1.14) rotate(-6deg)}70%{transform:scale(.97) rotate(2deg)}}
	@keyframes lvIcShine{0%,100%{opacity:1}40%{opacity:.25}}
	@keyframes lvIcUp{0%,100%{transform:none}45%{transform:translateY(-3px)}}
}