/* Színek hub a vászon szerint (Szinek / MobilSzinek): 1280 px doboz, 40 px oldalpárna, H1 52 px Cormorant, csempék 3 oszlopban
   (halvány színháttér, 28 px párna, min. 200 px, 36 px színkör, 34 px név), szekció-cím 36 px, ásványkártyák és termékek 4 oszlopban. */
.lv-ttc{max-width:1280px;margin:0 auto;padding:24px 40px 96px;display:flex;flex-direction:column;gap:32px;box-sizing:border-box;color:#24211F}
.lv-ttc__crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:#5A534D}
.lv-ttc__crumbs a{padding:10px 4px;color:#5A534D;text-decoration:none}
.lv-ttc__crumbs a:hover{text-decoration:underline}
.lv-ttc__crumbs [aria-current]{color:#24211F;font-weight:500}
.lv-ttc__head{display:flex;flex-direction:column;gap:16px}
.lv-ttc__head h1{margin:0;font:500 52px/1.08 var(--laava-font-display,"Cormorant Garamond",Georgia,serif);text-wrap:balance}
.lv-ttc__head p{margin:0;font-size:18px;line-height:1.6;color:#3F3A36}
.lv-ttc__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lv-ttc__tile{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:200px;padding:28px;box-sizing:border-box;border-radius:0;background:color-mix(in srgb,var(--sw) 16%,#FFFFFF);color:#24211F;text-decoration:none;outline:1px solid transparent;transition:outline-color 150ms ease-out}
.lv-ttc__tile:hover,.lv-ttc__tile.is-on{outline:1px solid #A98468;outline-offset:4px}
.lv-ttc__tile:focus-visible{outline:2px solid #7801f2;outline-offset:4px}
.lv-ttc__dot{width:36px;height:36px;border-radius:50%;background:var(--sw)}
.lv-ttc__tn{display:flex;flex-direction:column;gap:4px}
.lv-ttc__name{font:500 34px/1.1 var(--laava-font-display,"Cormorant Garamond",Georgia,serif)}
.lv-ttc__min{font-size:14px;color:#3F3A36}
.lv-ttc__sec{display:flex;flex-direction:column;gap:24px;scroll-margin-top:140px}
.lv-ttc__sec h2{margin:0;font:500 36px/1.12 var(--laava-font-display,"Cormorant Garamond",Georgia,serif)}
.lv-ttc__intro{margin:0;max-width:860px;font-size:16px;line-height:1.6;color:#3F3A36}
.lv-ttc__minerals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.lv-ttc ul.lv-ttc__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;margin:0;padding:0;list-style:none}
.lv-ttc ul.lv-ttc__products::before,.lv-ttc ul.lv-ttc__products::after{display:none}
.lv-ttc ul.lv-ttc__products>li{width:auto!important;margin:0!important;float:none!important}
.lv-ttc__all{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid #24211F;border-radius:0;color:#24211F;font:500 15px/1.2 var(--laava-font-body);text-decoration:none}
.lv-ttc__all:hover{background:#24211F;color:#fff}
.lv-ttc__note{margin:0;font-size:13px;color:#5A534D}
@media (max-width:1023px){.lv-ttc__minerals,.lv-ttc ul.lv-ttc__products{grid-template-columns:repeat(2,minmax(0,1fr))}.lv-ttc__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){
	.lv-ttc{padding:16px 20px 64px;gap:24px}
	.lv-ttc__head h1{font-size:40px}
	.lv-ttc__head p{font-size:16px}
	.lv-ttc__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.lv-ttc__tile{min-height:140px;padding:16px;gap:16px}
	.lv-ttc__dot{width:28px;height:28px}
	.lv-ttc__name{font-size:26px}
	.lv-ttc__min{font-size:13px}
	.lv-ttc__sec h2{font-size:30px}
	.lv-ttc__minerals{gap:12px}
	.lv-ttc ul.lv-ttc__products{gap:16px 8px}
}
@media (prefers-reduced-motion:reduce){.lv-ttc__tile{transition:none}}
.lv-ttc__tiles,.lv-ttc__sec{margin-top:24px}
@media (max-width:599px){.lv-ttc__tiles,.lv-ttc__sec{margin-top:8px}}
/* Csillagjegyek (vászon): bézs hero (#F6F1EB, 56/40/64 px), H1 60 px, felirat 13 px 0,14em; bevezető 1fr/380 px; csempék 4 oszlop. */
.lv-ttz__hero{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding:56px 40px 64px;border-radius:0;background:#F6F1EB;text-align:center}
.lv-ttz__eyebrow{font-size:13px;letter-spacing:.14em;color:#6B5A4E}
.lv-ttz__hero h1{margin:0;font:500 60px/1.08 var(--laava-font-display,"Cormorant Garamond",Georgia,serif);text-wrap:balance}
.lv-ttz__hero p{margin:0;max-width:720px;font-size:18px;line-height:1.6;color:#3F3A36}
.lv-ttz__hero>div{padding-top:8px}
.lv-ttz__cta{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:0;background:var(--laava-campaign,#7801f2);color:#fff;font:500 15px/1.2 var(--laava-font-body);text-decoration:none}
.lv-ttz__cta:hover{filter:brightness(.92);color:#fff}
.lv-ttz__intro{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start;margin-top:24px}
.lv-ttz__intro h2,.lv-ttz__signs h2{margin:0 0 16px;font:500 36px/1.12 var(--laava-font-display,"Cormorant Garamond",Georgia,serif)}
.lv-ttz__intro p{margin:0 0 12px;font-size:16px;line-height:1.6;color:#3F3A36}
.lv-ttz__intro aside{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #E6D9CC;border-radius:0}
.lv-ttz__intro aside strong{font:500 22px/1.2 var(--laava-font-display,"Cormorant Garamond",Georgia,serif)}
.lv-ttz__intro aside span{font-size:15px;line-height:1.6;color:#3F3A36}
.lv-ttz__signs{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:24px;text-align:center}
.lv-ttz__signs h2{font-size:44px;margin:0}
.lv-ttz__signs>p{margin:0;font-size:17px;line-height:1.6;color:#3F3A36}
.lv-ttz__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.lv-ttz__filters button{cursor:pointer;font:inherit}
.lv-ttz__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;padding-top:12px;text-align:left}
.lv-ttz__sign{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:120px;padding:22px;box-sizing:border-box;border-radius:0;background:#F6F1EB;color:#24211F;text-decoration:none;outline:1px solid transparent;transition:outline-color 150ms ease-out}
.lv-ttz__sign[hidden]{display:none}
.lv-ttz__sign:hover{outline-color:#A98468;outline-offset:4px}
.lv-ttz__sign:focus-visible{outline:2px solid #7801f2;outline-offset:4px}
.lv-ttz__el,.lv-ttz__d{font-size:13px;color:#5A534D}
.lv-ttz__d{font-size:14px}
.lv-ttz__n{font:500 30px/1.1 var(--laava-font-display,"Cormorant Garamond",Georgia,serif)}
.lv-ttz__faq{margin-top:24px}
@media (max-width:1023px){.lv-ttz__intro{grid-template-columns:minmax(0,1fr)}.lv-ttz__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:599px){.lv-ttz__hero{padding:36px 20px 40px}.lv-ttz__hero h1{font-size:40px}.lv-ttz__hero p{font-size:16px}.lv-ttz__signs h2{font-size:32px}.lv-ttz__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lv-ttz__sign{min-height:104px;padding:16px}.lv-ttz__n{font-size:26px}}
.lv-ttc__desc{max-width:860px;font-size:17px;line-height:1.6;color:#3F3A36}.lv-ttc__desc p{margin:0 0 12px}

/* B-107 (vászon-audit SN-2, CS-2…CS-4, CS-7, LX-0d) – Szinek / MobilSzinek, Csillagjegyek / MobilCsillagjegyek. */
.lv-ttz__intro aside{border:0;background:#F6F1EB}
.lv-ttz__intro aside strong{font-size:26px}
/* A GYIK (a vásznon nincs; SEO miatt marad, döntés: CS-4) címe a többi Tudástár-címmel azonos Cormorant, nem DM Sans 38 px. */
.lv-ttz__faq .laava-tt-faq h2,.lv-ttz__faq h2{font-family:var(--laava-font-display,"Cormorant Garamond",Georgia,serif);font-weight:500;font-size:40px;line-height:1.1}
@media (max-width:599px){
	.lv-ttc__head h1{font-size:38px}
	.lv-ttz__hero h1{font-size:34px}
	.lv-ttz__intro aside{padding:20px}
	.lv-ttz__intro aside strong{font-size:24px}
	.lv-ttz__intro aside span{font-size:14px}
	.lv-ttz__signs{align-items:stretch;text-align:left;gap:16px}
	.lv-ttz__signs h2{font-size:30px}
	.lv-ttz__signs>p{font-size:15px;line-height:1.55}
	.lv-ttz__filters{flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}
	.lv-ttz__filters::-webkit-scrollbar{display:none}
	.lv-ttz__filters>*{flex:none}
	.lv-ttz__el{font-size:12px}
	.lv-ttz__d{font-size:13px}
	.lv-ttz__faq .laava-tt-faq h2,.lv-ttz__faq h2{font-size:32px}
	.lv-ttc .lv-tt-nav{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}
	.lv-ttc .lv-tt-nav::-webkit-scrollbar{display:none}
	.lv-ttc .lv-tt-nav>a{flex:none}
}
