/* Blommor och träd (vaxter.html). Laddas efter motiv.css + djur.css: topplist, paletter, kortlayout, paus och landskapsklasser kommer därifrån.
   Trädkronorna är vandringens --p-lov, så de blir orange på hösten och frostiga på vintern. Blommorna blandas mot --p-dis som djuren.
   Vridpunkten ligger alltid i elementets origo (omslutande <g transform="translate(...)">), så CSS-animationerna sätter aldrig transform-origin. */
.dj-scener, .pv {
  --v-stjalk: color-mix(in oklab, #4f8a3c var(--dm), var(--p-dis)); --v-stjalk2: color-mix(in oklab, #36692c var(--dm), var(--p-dis));
  --v-krona: var(--p-lov); --v-krona-m: color-mix(in oklab, var(--p-lov) 70%, var(--p-fg)); --v-krona-l: color-mix(in oklab, var(--p-lov) 72%, var(--p-sol));
  --v-barr: var(--p-skog); --v-barr-m: color-mix(in oklab, var(--p-skog) 72%, var(--p-fg)); --v-barr-l: color-mix(in oklab, var(--p-skog) 78%, var(--p-sol));
  --v-bjork: var(--p-bjork); --v-bjork-m: color-mix(in oklab, #2a2522 var(--dm), var(--p-dis));
  --v-tallstam: color-mix(in oklab, #b3653a var(--dm), var(--p-dis)); --v-stam: var(--p-stam); --v-stam-l: color-mix(in oklab, var(--p-stam) 72%, var(--p-sol));
  --v-apple: color-mix(in oklab, #d9483a var(--dm), var(--p-dis)); --v-korg: color-mix(in oklab, #b88a4e var(--dm), var(--p-dis)); --v-korg-m: color-mix(in oklab, #86602f var(--dm), var(--p-dis));
  --v-ekollon: color-mix(in oklab, #b0803e var(--dm), var(--p-dis)); --v-hatt: color-mix(in oklab, #6b4a2a var(--dm), var(--p-dis));
  --v-ronn: color-mix(in oklab, #de3f26 var(--dm), var(--p-dis)); --v-rep: color-mix(in oklab, #d9c9a6 var(--dm), var(--p-dis));
  --v-vallmo: color-mix(in oklab, #df3f2c var(--dm), var(--p-dis)); --v-vallmo-m: color-mix(in oklab, #a82a22 var(--dm), var(--p-dis));
  --v-vit: color-mix(in oklab, #f8f5ee var(--dm), var(--p-dis)); --v-gul: color-mix(in oklab, #f2c33a var(--dm), var(--p-dis)); --v-mork: color-mix(in oklab, #2a2320 var(--dm), var(--p-dis));
  --v-blaklint: color-mix(in oklab, #4d78de var(--dm), var(--p-dis)); --v-blaklocka: color-mix(in oklab, #8a8fe0 var(--dm), var(--p-dis));
  --v-solros: color-mix(in oklab, #f5b920 var(--dm), var(--p-dis)); --v-solros-m: color-mix(in oklab, #de8c14 var(--dm), var(--p-dis)); --v-mitt: color-mix(in oklab, #5a3a1f var(--dm), var(--p-dis));
  --v-mask: color-mix(in oklab, #f7c81f var(--dm), var(--p-dis)); --v-fro: color-mix(in oklab, #f6f3ea var(--dm), var(--p-dis)); --v-fro-m: color-mix(in oklab, #b9ab8e var(--dm), var(--p-dis));
  --v-nack: color-mix(in oklab, #fbf7f2 var(--dm), var(--p-dis)); --v-nack-r: color-mix(in oklab, #f2bcc6 var(--dm), var(--p-dis)); --v-blad: color-mix(in oklab, #3f7a3a var(--dm), var(--p-sjo));
  --v-jord: color-mix(in oklab, #6b4a33 var(--dm), var(--p-dis)); --v-grus: color-mix(in oklab, #d8c7a4 var(--dm), var(--p-dis));
  --v-lupin1: color-mix(in oklab, #8a66d4 var(--dm), var(--p-dis)); --v-lupin2: color-mix(in oklab, #e27ab8 var(--dm), var(--p-dis)); --v-lupin3: color-mix(in oklab, #f3e6f2 var(--dm), var(--p-dis));
  --v-tulp1: color-mix(in oklab, #e2475c var(--dm), var(--p-dis)); --v-tulp2: color-mix(in oklab, #f5a524 var(--dm), var(--p-dis)); --v-tulp3: color-mix(in oklab, #d86ac0 var(--dm), var(--p-dis));
  --v-sno: transparent;
}
.pv-vinter { --v-sno: var(--p-sno); }

.v-stjalk { fill: var(--v-stjalk); } .v-stjalk2 { fill: var(--v-stjalk2); }
.v-krona { fill: var(--v-krona); } .v-krona-m { fill: var(--v-krona-m); } .v-krona-l { fill: var(--v-krona-l); }
.v-barr { fill: var(--v-barr); } .v-barr-m { fill: var(--v-barr-m); } .v-barr-l { fill: var(--v-barr-l); } .v-snotak { fill: var(--v-sno); }
.v-bjork { fill: var(--v-bjork); } .v-bjork-m { fill: var(--v-bjork-m); } .v-tallstam { fill: var(--v-tallstam); }
.v-stam { fill: var(--v-stam); } .v-stam-l { fill: var(--v-stam-l); }
.v-apple { fill: var(--v-apple); } .v-korg { fill: var(--v-korg); } .v-korg-m { fill: var(--v-korg-m); }
.v-ekollon { fill: var(--v-ekollon); } .v-hatt { fill: var(--v-hatt); } .v-ronn { fill: var(--v-ronn); } .v-rep { fill: var(--v-rep); }
.v-vallmo { fill: var(--v-vallmo); } .v-vallmo-m { fill: var(--v-vallmo-m); } .v-vit { fill: var(--v-vit); } .v-gul { fill: var(--v-gul); } .v-mork { fill: var(--v-mork); }
.v-blaklint { fill: var(--v-blaklint); } .v-blaklocka { fill: var(--v-blaklocka); }
.v-solros { fill: var(--v-solros); } .v-solros-m { fill: var(--v-solros-m); } .v-mitt { fill: var(--v-mitt); }
.v-mask { fill: var(--v-mask); } .v-fro { fill: var(--v-fro); } .v-fro-m { fill: var(--v-fro-m); }
.v-nack { fill: var(--v-nack); } .v-nack-r { fill: var(--v-nack-r); } .v-blad { fill: var(--v-blad); }
.v-jord { fill: var(--v-jord); } .v-grus { fill: var(--v-grus); }
.v-lupin { fill: var(--lf, var(--v-lupin1)); } .v-lupin-l { fill: color-mix(in oklab, var(--lf, var(--v-lupin1)) 55%, #fff); }
.v-tulpan { fill: var(--tc, var(--v-tulp1)); } .v-tulpan-m { fill: color-mix(in oklab, var(--tc, var(--v-tulp1)) 72%, var(--p-fg)); }
.v-natt { fill: #0b1a33; }

/* ---- rörelserna ---- */
.v-vaj { animation: v-vaj var(--t, 4s) ease-in-out var(--dl, 0s) infinite alternate; }
@keyframes v-vaj { from { transform: rotate(calc(var(--a, 2deg) * -1)); } to { transform: rotate(var(--a, 2deg)); } }
.v-prassel { animation: v-prassel var(--t, 2.4s) ease-in-out var(--dl, 0s) infinite alternate; }
@keyframes v-prassel { from { transform: rotate(-2.5deg) scale(1); } to { transform: rotate(2deg) scale(1.035); } }
.v-hang { animation: v-vaj 3.2s ease-in-out var(--dl, 0s) infinite alternate; --a: 3deg; }
.v-nick { animation: v-vaj 1.9s ease-in-out var(--dl, 0s) infinite alternate; --a: 9deg; }
.v-pendel { animation: v-vaj 2.8s ease-in-out infinite alternate; --a: 16deg; }

/* Löv som singlar ner: ytterst fallet, inuti pendlandet. */
.v-falla { animation: v-falla var(--t, 10s) linear var(--dl, 0s) infinite; }
@keyframes v-falla { 0% { transform: translate(0, 0); opacity: 0; } 6% { opacity: 1; } 80% { transform: translate(var(--fx, 30px), var(--fy, 150px)); opacity: 1; } 90%, 100% { transform: translate(var(--fx, 30px), var(--fy, 150px)); opacity: 0; } }
.v-sick { animation: v-sick 1.6s ease-in-out var(--dl, 0s) infinite alternate; }
@keyframes v-sick { from { transform: translateX(-9px) rotate(-50deg); } to { transform: translateX(9px) rotate(40deg); } }

/* Äpple/kotte/ekollon: darrar, faller, studsar, rullar, bleknar och växer ut igen. --fy = fallhöjden. */
.v-ploff { animation: v-ploff var(--t, 12s) linear var(--dl, 0s) infinite; }
@keyframes v-ploff {
  0%, 44% { transform: translate(0, 0) rotate(0); opacity: 1; }
  47% { transform: rotate(12deg); } 50% { transform: rotate(-12deg); }
  53% { transform: translate(0, 0) rotate(0); animation-timing-function: ease-in; }
  63% { transform: translate(0, var(--fy)) rotate(60deg); animation-timing-function: ease-out; }
  68% { transform: translate(8px, calc(var(--fy) - 12px)) rotate(110deg); animation-timing-function: ease-in; }
  73% { transform: translate(16px, var(--fy)) rotate(160deg); animation-timing-function: ease-out; }
  82% { transform: translate(30px, var(--fy)) rotate(300deg); opacity: 1; }
  90% { transform: translate(30px, var(--fy)) rotate(300deg); opacity: 0; }
  91% { transform: translate(0, 0) scale(0); opacity: 0; }
  92% { opacity: 1; }
  100% { transform: translate(0, 0) scale(1); opacity: 1; }
}

/* Maskrosfrön: sitter kvar en stund, flyger sen med vinden. */
.v-fro-flyg { animation: v-fro-flyg var(--t, 9s) ease-in var(--dl, 0s) infinite; }
@keyframes v-fro-flyg { 0%, 12% { transform: translate(0, 0) rotate(0); opacity: 1; } 100% { transform: translate(var(--fx), var(--fy)) rotate(30deg); opacity: 0; } }
.v-svava { animation: v-svava 1.3s ease-in-out var(--dl, 0s) infinite alternate; }
@keyframes v-svava { from { transform: translateY(-3px); } to { transform: translateY(3px); } }

/* Solrosorna följer solen över dagen och vrider tillbaka i natten. */
.v-solbana { animation: v-solbana 24s linear infinite; }
@keyframes v-solbana {
  0% { transform: translate(30px, 180px); opacity: 0; } 5% { opacity: 1; }
  20% { transform: translate(100px, 95px); } 40% { transform: translate(200px, 55px); } 60% { transform: translate(300px, 95px); }
  76% { transform: translate(368px, 170px); opacity: 1; } 80%, 100% { transform: translate(380px, 200px); opacity: 0; }
}
.v-folj { animation: v-folj 24s ease-in-out var(--dl, 0s) infinite; }
@keyframes v-folj { 0% { transform: rotate(-30deg); } 40% { transform: rotate(0); } 76% { transform: rotate(30deg); } 100% { transform: rotate(-30deg); } }
.v-kvall { animation: v-kvall 24s linear infinite; }
@keyframes v-kvall { 0%, 70% { opacity: 0; } 80%, 94% { opacity: .42; } 100% { opacity: 0; } }

/* Näckrosor som guppar och öppnar sig. */
.v-gupp { animation: v-gupp 3.2s ease-in-out var(--dl, 0s) infinite alternate; }
@keyframes v-gupp { from { transform: translateY(0) rotate(-2deg); } to { transform: translateY(1.6px) rotate(2deg); } }
.v-oppna { animation: v-oppna 9s ease-in-out var(--dl, 0s) infinite alternate; }
@keyframes v-oppna { 0%, 15% { transform: scale(.45, .7); } 85%, 100% { transform: scale(1); } }

/* Tulpanerna i tidsförlopp: stjälken växer, knoppen sväller, bladen fälls ut, allt bleknar och börjar om. --tt, --dl ärvs in i <use>. */
.v-cykel { animation: v-cykel var(--tt, 14s) linear var(--dl, 0s) infinite; }
@keyframes v-cykel { 0% { opacity: 0; } 3%, 88% { opacity: 1; } 96%, 100% { opacity: 0; } }
.v-vaxa { animation: v-vaxa var(--tt, 14s) ease-out var(--dl, 0s) infinite; }
@keyframes v-vaxa { 0% { transform: scaleY(0); } 26%, 100% { transform: scaleY(1); } }
.v-lyft { animation: v-lyft var(--tt, 14s) ease-out var(--dl, 0s) infinite; }
@keyframes v-lyft { 0% { transform: translateY(0); } 26%, 100% { transform: translateY(-70px); } }
.v-bladut { animation: v-bladut var(--tt, 14s) ease-out var(--dl, 0s) infinite; }
@keyframes v-bladut { 0%, 6% { transform: scale(0); } 30%, 100% { transform: scale(1); } }
.v-knopp { animation: v-knopp var(--tt, 14s) ease-in-out var(--dl, 0s) infinite; }
@keyframes v-knopp { 0%, 14% { transform: scale(0); } 34%, 100% { transform: scale(1); } }
.v-kb-v, .v-kb-h { animation: v-kb var(--tt, 14s) ease-in-out var(--dl, 0s) infinite; }
.v-kb-h { animation-name: v-kb-h; }
@keyframes v-kb { 0%, 42% { transform: rotate(0); } 62%, 100% { transform: rotate(-30deg); } }
@keyframes v-kb-h { 0%, 42% { transform: rotate(0); } 62%, 100% { transform: rotate(30deg); } }

/* ---- omgång två: högt gräs, vass, syren, ormbunkar, svamp, körsbär, bokskog, murgröna ---- */
.dj-scener, .pv {
  --v-timotej: color-mix(in oklab, #c2b46a var(--dm), var(--p-dis)); --v-vass: color-mix(in oklab, #a98a5e var(--dm), var(--p-dis));
  --v-syren: color-mix(in oklab, #b48ad8 var(--dm), var(--p-dis)); --v-syren-l: color-mix(in oklab, #d9c2f2 var(--dm), var(--p-dis));
  --v-ormbunke: color-mix(in oklab, #62a33c var(--dm), var(--p-dis)); --v-ormbunke-m: color-mix(in oklab, #427d2c var(--dm), var(--p-dis));
  --v-korsbar: color-mix(in oklab, #f4b8ca var(--dm), var(--p-dis)); --v-korsbar-m: color-mix(in oklab, #e391ab var(--dm), var(--p-dis)); --v-korsbar-l: color-mix(in oklab, #fcdbe5 var(--dm), var(--p-dis));
  --v-bok: color-mix(in oklab, #a3a39a var(--dm), var(--p-dis)); --v-bok-m: color-mix(in oklab, #85857d var(--dm), var(--p-dis)); --v-lovstro: color-mix(in oklab, #a87c4c var(--dm), var(--p-dis));
  --v-murgrona: color-mix(in oklab, #2f6b34 var(--dm), var(--p-dis)); --v-murgrona-l: color-mix(in oklab, #4f9045 var(--dm), var(--p-dis)); --v-ranka: color-mix(in oklab, #5b4a32 var(--dm), var(--p-dis));
  --v-blasippa: color-mix(in oklab, #7a80e6 var(--dm), var(--p-dis)); --v-flug: color-mix(in oklab, #d8352a var(--dm), var(--p-dis));
  --v-kantarell: color-mix(in oklab, #f0a72a var(--dm), var(--p-dis)); --v-kantarell-m: color-mix(in oklab, #d1861a var(--dm), var(--p-dis));
  --v-fjaril: color-mix(in oklab, #f2a43a var(--dm), var(--p-dis)); --v-trollslanda: color-mix(in oklab, #2f8fc4 var(--dm), var(--p-dis));
}
.v-timotej { fill: var(--v-timotej); } .v-vass { fill: var(--v-vass); } .v-blasippa { fill: var(--v-blasippa); }
.v-syren { fill: var(--sc, var(--v-syren)); } .v-syren-l { fill: color-mix(in oklab, var(--sc, var(--v-syren)) 50%, var(--v-vit)); }
.v-ormbunke { fill: var(--v-ormbunke); } .v-ormbunke-m { fill: var(--v-ormbunke-m); } .v-ormbunke-s { fill: none; stroke: var(--v-ormbunke-m); stroke-width: 1.6; }
.v-korsbar { fill: var(--v-korsbar); } .v-korsbar-m { fill: var(--v-korsbar-m); } .v-korsbar-l { fill: var(--v-korsbar-l); }
.v-bok { fill: var(--v-bok); } .v-bok-m { fill: var(--v-bok-m); opacity: .5; } .v-lovstro { fill: var(--v-lovstro); }
.v-murgrona { fill: var(--v-murgrona); } .v-murgrona-l { fill: var(--v-murgrona-l); }
.v-flug { fill: var(--v-flug); } .v-kantarell { fill: var(--v-kantarell); } .v-kantarell-m { fill: var(--v-kantarell-m); }
.v-fjaril { fill: var(--ff, var(--v-fjaril)); } .v-trollslanda { fill: var(--v-trollslanda); } .v-vinge-t { fill: var(--v-vit); opacity: .6; }
.v-strale { fill: var(--p-sol); opacity: .1; animation: v-strale 6s ease-in-out var(--dl, 0s) infinite alternate; }
@keyframes v-strale { to { opacity: .24; } }

/* Fjärilen: vingarna slår (scaleX kring kroppen) medan den fladdrar fram och tillbaka. Trollsländan surrar, står still och pilar. */
.v-flax { animation: v-flax .22s ease-in-out infinite alternate; }
@keyframes v-flax { to { transform: scaleX(.2); } }
.v-fladder { animation: v-fladder var(--t, 12s) ease-in-out var(--dl, 0s) infinite alternate; }
@keyframes v-fladder { 25% { transform: translate(40px, -24px); } 50% { transform: translate(90px, 6px); } 75% { transform: translate(130px, -28px); } 100% { transform: translate(170px, 0); } }
.v-surr { animation: v-surr .06s linear infinite alternate; }
@keyframes v-surr { to { transform: scaleY(-.5); } }
.v-pila { animation: v-pila 7s ease-in-out infinite; }
@keyframes v-pila { 0%, 30% { transform: translate(0, 0); } 35%, 62% { transform: translate(-110px, 24px); } 67%, 100% { transform: translate(0, 0); } }

/* Ormbunkarna vecklar ut sig och svamparna trycker upp, i samma 16 s tidsförlopp. */
.v-rulla { animation: v-rulla 16s ease-out var(--dl, 0s) infinite; }
@keyframes v-rulla { 0% { transform: rotate(-80deg) scale(.12); opacity: 0; } 4% { opacity: 1; } 34%, 90% { transform: rotate(0) scale(1); opacity: 1; } 98%, 100% { transform: rotate(0) scale(1); opacity: 0; } }
.v-svamp { animation: v-svamp 16s ease-out var(--dl, 0s) infinite; }
@keyframes v-svamp { 0%, 8% { transform: scale(0); } 22%, 88% { transform: scale(1); } 96%, 100% { transform: scale(0); } }

/* Murgrönan: rankan ritas (pathLength=1) och samma drag i masken släpper fram bladen. */
.v-ranka { fill: none; stroke: var(--v-ranka); stroke-width: 1.8; stroke-linecap: round; }
.v-maskdrag { fill: none; stroke: #fff; stroke-width: 30; stroke-linecap: round; }
.v-rita { stroke-dasharray: 1 1; animation: v-rita 16s ease-in-out infinite; }
@keyframes v-rita { 0% { stroke-dashoffset: 1; } 62%, 100% { stroke-dashoffset: 0; } }

/* ---- omgång tre: hortensior, blåeld/kungsljus/rölleka, buskar (nyponros, vinbär, en) ---- */
.dj-scener, .pv {
  --v-hort1: color-mix(in oklab, #6c8de0 var(--dm), var(--p-dis)); --v-hort2: color-mix(in oklab, #e48fb8 var(--dm), var(--p-dis)); --v-hort3: color-mix(in oklab, #a98ad8 var(--dm), var(--p-dis));
  --v-blaeld: color-mix(in oklab, #3f6fe0 var(--dm), var(--p-dis)); --v-blaeld-k: color-mix(in oklab, #e07aa8 var(--dm), var(--p-dis));
  --v-ros: color-mix(in oklab, #ec7fa2 var(--dm), var(--p-dis)); --v-vinbar: color-mix(in oklab, #d42a3a var(--dm), var(--p-dis));
}
.v-hort { fill: var(--hc, var(--v-hort1)); } .v-hort-l { fill: color-mix(in oklab, var(--hc, var(--v-hort1)) 55%, var(--v-vit)); } .v-hort-m { fill: color-mix(in oklab, var(--hc, var(--v-hort1)) 62%, var(--p-fg)); }
.v-blaeld { fill: var(--v-blaeld); } .v-blaeld-k { fill: var(--v-blaeld-k); } .v-rolleka { fill: var(--v-vit); }
.v-ros { fill: var(--v-ros); } .v-ros-l { fill: color-mix(in oklab, var(--v-ros) 50%, var(--v-vit)); } .v-vinbar { fill: var(--v-vinbar); }

/* ---- omgång fyra: liljekonvalj, myren (tuvull, hjortron, ljung), raps, pumpor ---- */
.dj-scener, .pv {
  --v-ljung: color-mix(in oklab, #c46ab8 var(--dm), var(--p-dis)); --v-hjortron: color-mix(in oklab, #f09a2a var(--dm), var(--p-dis));
  --v-pumpa: color-mix(in oklab, #e8801e var(--dm), var(--p-dis)); --v-pumpa-m: color-mix(in oklab, #bd5f16 var(--dm), var(--p-dis));
}
.v-ljung { fill: var(--v-ljung); } .v-hjortron { fill: var(--v-hjortron); } .v-pumpa { fill: var(--v-pumpa); } .v-pumpa-m { fill: var(--v-pumpa-m); }
.v-stjalk-s { fill: none; stroke: var(--v-stjalk); stroke-width: 1.4; stroke-linecap: round; }

/* ---- omgång fem: lönnen, lavendeln, blåbärsriset, sädesfältet ---- */
.dj-scener, .pv {
  --v-lonn: color-mix(in oklab, #ec7a26 var(--dm), var(--p-dis)); --v-lonn-m: color-mix(in oklab, #c4401f var(--dm), var(--p-dis)); --v-lonn-l: color-mix(in oklab, #f6b83a var(--dm), var(--p-dis));
  --v-lavendel: color-mix(in oklab, #8a6cd0 var(--dm), var(--p-dis)); --v-lavendel-k: color-mix(in oklab, #b9a6ea var(--dm), var(--p-dis));
  --v-blabar: color-mix(in oklab, #3d4f9f var(--dm), var(--p-dis)); --v-lingon: color-mix(in oklab, #d6283a var(--dm), var(--p-dis));
  --v-sad: color-mix(in oklab, #e3b84e var(--dm), var(--p-dis)); --v-sad-m: color-mix(in oklab, #c4943a var(--dm), var(--p-dis));
}
.v-lonn { fill: var(--v-lonn); } .v-lonn-m { fill: var(--v-lonn-m); } .v-lonn-l { fill: var(--v-lonn-l); } .v-lonnlov { fill: var(--lc, var(--v-lonn)); }
.v-lavendel { fill: var(--v-lavendel); } .v-lavendel-k { fill: var(--v-lavendel-k); }
.v-blabar { fill: var(--v-blabar); } .v-lingon { fill: var(--v-lingon); }
.v-sad { fill: var(--v-sad); } .v-sad-m { fill: var(--v-sad-m); } .v-sad-s { stroke: var(--v-sad); stroke-width: .7; }

/* ---- omgång sex: hallon, köksträdgård, gullvivor, fjällheden ---- */
.dj-scener, .pv {
  --v-hallonbar: color-mix(in oklab, #d8344a var(--dm), var(--p-dis)); --v-morot: color-mix(in oklab, #ee7a22 var(--dm), var(--p-dis));
  --v-kal: color-mix(in oklab, #7fb36a var(--dm), var(--p-dis)); --v-kal-m: color-mix(in oklab, #4f8a4a var(--dm), var(--p-dis)); --v-kal-l: color-mix(in oklab, #b5d88f var(--dm), var(--p-dis));
  --v-sallad: color-mix(in oklab, #9ed46a var(--dm), var(--p-dis)); --v-sallad-m: color-mix(in oklab, #6eaa48 var(--dm), var(--p-dis)); --v-sallad-l: color-mix(in oklab, #cfeca0 var(--dm), var(--p-dis));
  --v-glim: color-mix(in oklab, #e46aa4 var(--dm), var(--p-dis)); --v-tistel: color-mix(in oklab, #a04fc0 var(--dm), var(--p-dis));
}
.v-hallonbar { fill: var(--v-hallonbar); } .v-morot { fill: var(--v-morot); } .v-glim { fill: var(--v-glim); }
.v-kal { fill: var(--v-kal); } .v-kal-m { fill: var(--v-kal-m); } .v-kal-l { fill: var(--v-kal-l); }
.v-sallad { fill: var(--v-sallad); } .v-sallad-m { fill: var(--v-sallad-m); } .v-sallad-l { fill: var(--v-sallad-l); }