/* Veritaza – gemensam stil för alla länder (site/motor/). Inga ramverk.
   Djup: en mörkgrön topp med varmt ljus, ljusa "ark" som ligger ovanpå varandra med skugga, svävande kort och glas.
   Mobilen först. Fraunces i rubrikerna och Source Sans 3 i texten (Google Fonts). Bilderna i site/motor/bilder/.
   Sidtypen står i <body class="sida-…">, delarna byggs av verktyg/bygg-sidor.py. liv.js ger rörelse när man rullar. */
:root{--ink:#17262a;--soft:#56645f;--bg:#fbf6ee;--card:#fffdf9;--line:#ebe2d3;
--natt:#082b28;--djup:#0b3d39;--brand:#0f5c57;--brand2:#0b4743;--brand3:#2f8a7f;--mint:#dff0e8;--mint2:#c6e6da;
--sand:#f2c48d;--korall:#ee9466;--sandbg:#f6ead8;--gradde:#fff8ec;
--verde:#1d7a46;--verde-bg:#e6f4ec;--amarelo:#8a6100;--amarelo-bg:#fdf3d8;--vermelho:#b3261e;--vermelho-bg:#fbe7e5;--cinza:#5f6b72;--cinza-bg:#eef1f2;
--r:22px;--bredd:1100px;--inner:1100px;
--skugga:0 1px 2px rgba(8,43,40,.05),0 10px 30px -8px rgba(8,43,40,.16);
--skugga-hog:0 2px 4px rgba(8,43,40,.06),0 24px 50px -12px rgba(8,43,40,.32);
--rubrik:"Fraunces",Georgia,"Times New Roman",serif;
--knapp:linear-gradient(135deg,#f7d29e 0%,#f2b27a 55%,#ee9466 100%);
font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--natt)}
body{margin:0;background:var(--bg);color:var(--ink);font-size:17.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--brand);text-underline-offset:3px}
img{max-width:100%;height:auto}
[id]{scroll-margin-top:80px}
h1,h2,h3{font-family:var(--rubrik);font-weight:600;color:var(--brand2);letter-spacing:-.4px;font-optical-sizing:auto}
h1{font-size:2.15rem;line-height:1.08;margin:.2em 0 .45em}
h2{font-size:1.85rem;line-height:1.12;margin:0 0 .6em}
h3{font-size:1.15rem;line-height:1.25;margin:1.1em 0 .3em}
p,li{max-width:66ch}
.lead{font-size:1.15rem}

/* Sidhuvudet: mörkt glas, ligger kvar överst */
.topo{position:sticky;top:0;z-index:30;background:rgba(8,43,40,.78);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:box-shadow .3s}
.rullad .topo{box-shadow:0 10px 30px -10px rgba(0,0,0,.45)}
.topo .in{max-width:var(--bredd);margin:0 auto;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.marca{font-family:var(--rubrik);font-weight:600;font-size:1.35rem;color:var(--gradde);text-decoration:none;display:flex;align-items:center;gap:9px;letter-spacing:-.2px}
.marca::before{content:"";width:30px;height:30px;border-radius:10px;flex:none;box-shadow:0 4px 14px rgba(238,148,102,.45);
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9 10l7 13 7-13' stroke='%23082b28' stroke-width='3.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat,var(--knapp)}
.topo nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px 16px}
.topo nav a{font-size:.95rem;text-decoration:none;color:rgba(255,248,236,.78);font-weight:700}
.topo nav a:hover{color:#fff}
.topo nav a:last-child{background:var(--knapp);color:var(--natt);padding:8px 16px;border-radius:999px;box-shadow:0 6px 18px -4px rgba(238,148,102,.6)}

/* Knappen: varm, lyser */
.botao{display:inline-block;background:var(--knapp);color:var(--natt);border:0;border-radius:999px;padding:16px 30px;font:inherit;font-size:1.08rem;font-weight:700;text-decoration:none;cursor:pointer;
box-shadow:0 10px 26px -8px rgba(238,148,102,.75),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .2s,box-shadow .2s}
.botao:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(238,148,102,.85),inset 0 1px 0 rgba(255,255,255,.5)}
.botao[disabled]{opacity:.6;cursor:wait;transform:none}

main{display:block;padding:0}
/* Kanten räknas där den används, så att varje sidtyp kan ha sin egen bredd (--inner) */
.heroi,.band,.ark{--kant:max(18px,calc((100% - var(--inner)) / 2))}
main:not(:has(.band,.heroi)){max-width:var(--bredd);margin:0 auto;padding:28px 18px 60px}

/* Mörka ytor: toppen och bandet på de andra sidorna */
.heroi,.band{position:relative;isolation:isolate;color:rgba(255,248,236,.86);
background:radial-gradient(circle at 88% 4%,rgba(242,196,141,.42),transparent 38%),radial-gradient(circle at 4% 70%,rgba(47,138,127,.65),transparent 46%),
radial-gradient(circle at 60% 110%,rgba(238,148,102,.28),transparent 40%),linear-gradient(165deg,var(--natt) 0%,var(--djup) 45%,var(--brand) 100%)}
.heroi::after,.band::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;mix-blend-mode:overlay;pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.heroi h1,.band h1{color:var(--gradde)}
.heroi a:not(.botao),.band a{color:#ffd9a8}
.band{padding:34px var(--kant) 64px}
.band .lead{color:rgba(255,248,236,.8)}
.band h1{max-width:20ch}

/* Arken: ljusa ytor som ligger ovanpå det som är ovanför */
.ark{position:relative;z-index:1;background:var(--bg);border-radius:30px 30px 0 0;margin-top:-30px;padding:40px var(--kant) 56px;box-shadow:0 -18px 40px -22px rgba(8,43,40,.45)}
.ark.ljus{background:var(--bg)}
.ark.mint{background:linear-gradient(180deg,var(--mint) 0%,#eef6f1 60%,var(--bg) 100%)}
.ark.sand{background:linear-gradient(180deg,var(--sandbg) 0%,var(--bg) 100%)}
.ark.mork{background:radial-gradient(circle at 100% 0%,rgba(47,138,127,.55),transparent 45%),radial-gradient(circle at 0% 100%,rgba(238,148,102,.22),transparent 40%),var(--natt);color:rgba(255,248,236,.86)}
.ark.mork h2{color:var(--gradde)}
.ark>h2::before,.ark .duo-text h2::before,.ark>div>h2::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:var(--knapp);margin-bottom:16px}
.sida-text .ark,.sida-tack .ark{--inner:780px}
.sida-bestall .band,.sida-bestall .ark{--inner:640px}
.sida-text .band,.sida-tack .band{--inner:780px}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin:16px 0;box-shadow:var(--skugga)}
.preco{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--rubrik);font-size:1.35rem;font-weight:600;color:var(--gradde);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:8px 18px;border-radius:999px;margin:6px 0 4px}
.aviso{border-left:4px solid var(--sand);background:#fbf0de;padding:13px 16px;border-radius:14px;color:#5a4a2e;font-size:.97rem}
.heroi .aviso{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--sand);color:rgba(255,248,236,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* Startsidan: toppen */
.heroi{display:grid;gap:30px;padding:30px var(--kant) 70px;overflow:hidden}
.heroi h1{font-size:2.45rem}
.heroi .lead{color:rgba(255,248,236,.8)}
.heroi .botao{margin-top:4px}
.heroi-bild{position:relative;margin:4px 6px 10px;perspective:1200px}
.heroi-bild .glod{position:absolute;inset:8% 4% -4% 10%;border-radius:40px;background:radial-gradient(circle,rgba(242,196,141,.55),transparent 65%);filter:blur(28px);z-index:-1}
.heroi-bild .foto{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;object-position:62% 50%;border-radius:30px;transform:rotate(-2.5deg);
box-shadow:0 30px 60px -18px rgba(0,0,0,.6),0 0 0 6px rgba(255,255,255,.06)}
.heroi-bild .kort{position:absolute;left:-6px;bottom:-26px;width:46%;max-width:210px;border-radius:18px;transform:rotate(4deg);box-shadow:0 26px 50px -14px rgba(0,0,0,.55);animation:svava 6s ease-in-out infinite}
.bricka{position:absolute;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,253,249,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
box-shadow:0 18px 36px -12px rgba(0,0,0,.5);animation:svava 7s ease-in-out infinite}
.bricka img{width:48px;height:48px}
.bricka.b1{right:-4px;top:-16px;transform:rotate(8deg);animation-delay:-2s}
.bricka.b2{right:12%;bottom:-30px;width:72px;height:72px;border-radius:50%;animation-delay:-4s}
.bricka.b2 img{width:52px;height:52px}
@keyframes svava{0%,100%{translate:0 0}50%{translate:0 -9px}}

/* Så fungerar det: en tidslinje i mobilen, tre kort på dator */
.passos{counter-reset:p;list-style:none;padding:0}
.passos li{counter-increment:p;position:relative;padding-left:48px;margin:14px 0}
.passos li::before{content:counter(p);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.passos-kort{display:grid;gap:22px;margin:8px 0 0}
.passos-kort li{display:flex;flex-direction:column;margin:0;padding:0;background:var(--card);border:1px solid rgba(255,255,255,.9);border-radius:26px;overflow:hidden;box-shadow:var(--skugga-hog);max-width:none}
.passos-kort .steg-foto{order:0;display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.passos-kort li::before{order:1;position:relative;left:auto;top:auto;flex:none;margin:-27px 0 0 20px;width:54px;height:54px;z-index:2;
font-family:var(--rubrik);font-size:1.5rem;font-weight:600;color:var(--natt);background:var(--knapp);box-shadow:0 0 0 5px var(--card),0 10px 22px -6px rgba(238,148,102,.8)}
.passos-kort li span{order:2;display:block;padding:12px 22px 24px}
/* De sju kontrollerna: svep i mobilen, rutnät på dator */
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.grade .card{margin:0}
.kontroll{counter-increment:k;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.9);box-shadow:var(--skugga-hog);transition:transform .25s,box-shadow .25s}
.kontroll::after{content:counter(k);position:absolute;right:14px;top:-14px;font-family:var(--rubrik);font-size:6.5rem;font-weight:600;line-height:1;color:var(--mint2);opacity:.75;z-index:0}
.kontroll>*{position:relative;z-index:1}
.kontroll .ikon{display:block;width:64px;height:64px;margin-bottom:10px;border-radius:20px;padding:6px;background:linear-gradient(145deg,#fff,var(--mint2));box-shadow:0 10px 20px -8px rgba(15,92,87,.45)}
.kontroll h3{margin-top:0}
.kontroll p{margin:0;color:var(--soft);font-size:.98rem}
.mint .grade{counter-reset:k}
@media (max-width:699px){
  .mint .grade{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--kant));padding:10px var(--kant) 26px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mint .grade::-webkit-scrollbar{display:none}
  .mint .grade .kontroll{flex:0 0 80%;scroll-snap-align:center}
}

/* Det vi aldrig gör och vad som händer: foto och text */
.duo{display:grid;gap:26px;align-items:center}
.duo-bild{position:relative}
.duo-bild .foto{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;box-shadow:var(--skugga-hog)}
.mork .duo-bild .foto{transform:rotate(2deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 6px rgba(255,255,255,.05)}
.sand .duo-bild .foto{transform:rotate(-2deg)}
.duo ul{padding-left:0;list-style:none;margin:0}
.duo ul li{position:relative;padding:13px 16px 13px 52px;margin:10px 0;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.duo ul li::before{content:"";position:absolute;left:14px;top:50%;translate:0 -50%;width:26px;height:26px;border-radius:50%;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M9 9l8 8M17 9l-8 8' stroke='%23082b28' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat,var(--knapp)}
.mork a{color:#ffd9a8}

/* Sist: guiderna och knappen */
.slut-ark{padding-top:10px}
.slut{position:relative;overflow:hidden;isolation:isolate;text-align:center;color:rgba(255,248,236,.86);border-radius:30px;padding:40px 24px 44px;box-shadow:var(--skugga-hog);
background:radial-gradient(circle at 15% 0%,rgba(242,196,141,.45),transparent 40%),linear-gradient(160deg,rgba(8,43,40,.8),rgba(15,92,87,.35)),url(/motor/bilder/foto-ljus.webp) center/cover,var(--natt)}
.slut h2{color:#fff}
.slut h2::before{margin-left:auto!important;margin-right:auto!important}
.slut p{margin-left:auto;margin-right:auto}
.slut a:not(.botao){color:#ffd9a8}

/* Formulär */
label{display:block;font-weight:700;margin:18px 0 5px}
.dica{font-weight:400;color:var(--soft);font-size:.92rem;display:block}
input[type=text],input[type=email],input[type=tel],textarea{width:100%;font:inherit;padding:13px 15px;border:1.5px solid #e1d6c4;border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus{outline:0;border-color:var(--brand3);box-shadow:0 0 0 4px rgba(47,138,127,.18)}
textarea{min-height:96px}
input[type=file]{font:inherit;max-width:100%;width:100%;padding:16px;border:2px dashed #d7c7ad;border-radius:16px;background:linear-gradient(145deg,#fffaf2,var(--sandbg))}
.opcoes label{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:8px 0}
.opcoes input{margin-top:5px;width:20px;height:20px;flex:none;accent-color:var(--brand)}
fieldset.opcoes label{padding:12px 14px;border:1.5px solid #e1d6c4;border-radius:14px;background:#fff;cursor:pointer}
fieldset.opcoes label:has(input:checked){border-color:var(--brand3);background:var(--mint)}
.erro{color:var(--vermelho);font-weight:700}
.miniaturas{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.miniaturas img{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.faq dt{font-weight:700;margin-top:16px;font-size:1.05rem}.faq dd{margin:4px 0 0;color:var(--soft)}
.sida-bestall form.card{margin-top:-74px;position:relative;padding:8px 22px 24px;box-shadow:var(--skugga-hog);border-radius:26px}
.sida-bestall form .botao{width:100%;text-align:center}
.sida-bestall form p,.sida-bestall .ark>p{max-width:none}
.sida-bestall .ark{padding-top:0;background:transparent;box-shadow:none;margin-top:0}
.sida-bestall .band{padding-bottom:110px}
.sida-text .ark>ol.passos li::before{background:var(--knapp);color:var(--natt)}
.sida-text .ark>.card{border:0;color:rgba(255,248,236,.88);background:radial-gradient(circle at 0% 0%,rgba(242,196,141,.4),transparent 45%),linear-gradient(160deg,var(--natt),var(--brand));box-shadow:var(--skugga-hog)}

/* Rapporten: sju rutor */
.sida-rapport .ark,.sida-rapport .band{--inner:1100px}
.rutas{display:grid;gap:14px;counter-reset:k}
.ruta{border-radius:var(--r);padding:16px 18px;border:1px solid var(--line);background:var(--card);border-left-width:8px;box-shadow:var(--skugga)}
.ruta h3{margin:0 0 6px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--ink)}
.ruta h3 span:first-child{display:flex;align-items:center;gap:10px}
.ruta h3 span:first-child::before{content:"";width:42px;height:42px;flex:none;background:center/100% no-repeat}
.ruta:nth-child(1) h3 span:first-child::before{background-image:url(/motor/bilder/ikon-1.svg)}
.ruta:nth-child(2) h3 span:first-child::before{background-image:url(/motor/bilder/ikon-2.svg)}
.ruta:nth-child(3) h3 span:first-child::before{background-image:url(/motor/bilder/ikon-3.svg)}
.ruta:nth-child(4) h3 span:first-child::before{background-image:url(/motor/bilder/ikon-4.svg)}
.ruta:nth-child(5) h3 span:first-child::before{background-image:url(/motor/bilder/ikon-5.svg)}
.ruta:nth-child(6) h3 span:first-child::before{background-image:url(/motor/bilder/ikon-6.svg)}
.ruta:nth-child(7) h3 span:first-child::before{background-image:url(/motor/bilder/ikon-7.svg)}
.ruta .cor{font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.75)}
.ruta p{margin:0}
.ruta.verde{border-left-color:var(--verde);background:var(--verde-bg)}.ruta.verde .cor{color:var(--verde)}
.ruta.amarelo{border-left-color:var(--amarelo);background:var(--amarelo-bg)}.ruta.amarelo .cor{color:var(--amarelo)}
.ruta.vermelho{border-left-color:var(--vermelho);background:var(--vermelho-bg)}.ruta.vermelho .cor{color:var(--vermelho)}
.ruta.cinza{border-left-color:#b8c2c6;background:var(--cinza-bg)}.ruta.cinza .cor{color:var(--cinza)}
.veredito{font-family:var(--rubrik);font-size:1.35rem;font-weight:600;padding:20px 22px;border-radius:var(--r);box-shadow:var(--skugga)}
.veredito.verde{background:var(--verde-bg);color:var(--verde)}.veredito.amarelo{background:var(--amarelo-bg);color:var(--amarelo)}.veredito.vermelho{background:var(--vermelho-bg);color:var(--vermelho)}

/* Sidfoten: mörk */
.rodape{background:var(--natt);color:rgba(255,248,236,.7);font-size:.93rem;position:relative;z-index:2}
.rodape .in{max-width:var(--bredd);margin:0 auto;padding:30px 18px 40px}
.rodape p{max-width:none}
.rodape a{color:rgba(255,248,236,.85);margin-right:16px}
.ark+.rodape,main+.rodape{margin-top:0}

/* Rörelse (liv.js): delarna glider fram när de syns */
.fram{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}
.fram.syns{opacity:1;translate:0 0}
.grade .fram:nth-child(2n){transition-delay:.08s}.grade .fram:nth-child(3n){transition-delay:.16s}
@media (prefers-reduced-motion:reduce){.heroi-bild .kort,.bricka{animation:none}.fram{opacity:1;translate:none;transition:none}html{scroll-behavior:auto}}

/* Dator */
@media (min-width:860px){
  body{font-size:18px}
  .heroi{grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:56px var(--kant) 110px}
  .heroi h1{font-size:3.5rem}
  .heroi-bild{margin:0 10px 0 30px}
  .heroi-bild .foto{aspect-ratio:4/4.4}
  .heroi-bild .kort{left:-46px;bottom:-34px;width:230px;max-width:none}
  .bricka.b1{right:-22px;top:-24px;width:76px;height:76px}
  .bricka.b1 img{width:56px;height:56px}
  .band{padding:60px var(--kant) 92px}
  .band h1{font-size:3rem}
  h2{font-size:2.35rem}
  .ark{padding-top:64px;padding-bottom:80px;border-radius:44px 44px 0 0;margin-top:-44px}
  .passos-kort{grid-template-columns:repeat(3,1fr);gap:22px}
  .passos-kort li:hover{transform:translateY(-6px)}
  .passos-kort li{transition:transform .25s}
  .mint .grade{grid-template-columns:repeat(4,1fr);gap:20px}
  .kontroll:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 30px 60px -20px rgba(8,43,40,.4)}
  .duo{grid-template-columns:1fr 1.05fr;gap:64px}
  .duo.omvand{grid-template-columns:1.05fr 1fr}
  .duo.omvand .duo-bild{order:2}
  .slut{padding:64px 48px 68px}
  .sida-rapport .rutas{grid-template-columns:repeat(2,1fr)}
  .sida-bestall .band{padding-bottom:130px}
  .sida-bestall form.card{padding:14px 40px 34px}
}
@media (max-width:699px){
  h2{font-size:1.65rem}
  .topo .in{padding:9px 14px}
  .marca{font-size:1.2rem;gap:7px}
  .marca::before{width:26px;height:26px;border-radius:8px}
  .topo nav{gap:4px 11px}
  .topo nav a{font-size:.86rem}
  .topo nav a:last-child{padding:7px 13px}
  .botao{width:100%;text-align:center}
  .card{padding:18px}
}
/* Mobil och platta: fotot först, så att första skärmen har bild, rubrik och knapp */
@media (max-width:859px){
  .heroi{gap:26px;padding-top:22px}
  .heroi-bild{order:-1;margin:6px 4px 18px}
  .heroi-bild .foto{aspect-ratio:16/10}
  .heroi-bild .kort{width:40%;left:-4px;bottom:-22px}
  .bricka{width:54px;height:54px;border-radius:17px}
  .bricka img{width:40px;height:40px}
  .bricka.b1{right:-2px;top:-14px}
  .bricka.b2{width:60px;height:60px;right:8%;bottom:-24px}
  .bricka.b2 img{width:44px;height:44px}
  .heroi h1{font-size:2.2rem}
  .heroi .lead{font-size:1.06rem}
}

/* Veritaza Plus (#1699) och Företag (#1688): plus/, kontot och företagssidan (site/motor/plus.js) · rutan "Spara Veritaza på din telefon" (app.js) */
.sida-plus .band,.sida-plus .ark{--inner:820px}
.plus-preco{font-family:var(--rubrik);font-size:1.45rem;font-weight:600;color:var(--brand2);margin:0 0 6px}
.plus-preco small{font-family:inherit;font-size:.95rem;color:var(--soft);font-weight:400}
.plus-punkter{padding-left:1.1em}.plus-punkter li{margin:.5em 0}
.plus-kort{border-color:var(--mint2)}
.plus-paketen{margin:18px 0}.plus-paket h3{margin-top:0}
.plus-knappar .botao{width:100%;text-align:center}
.plus-lista{list-style:none;padding:0;margin:10px 0}
.plus-lista li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;margin:8px 0;border-radius:14px;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--cinza);max-width:none}
.plus-lista li.verde{border-left-color:var(--verde)}.plus-lista li.amarelo{border-left-color:var(--amarelo)}.plus-lista li.vermelho{border-left-color:var(--vermelho)}
.plus-lista small{display:block;color:var(--soft);font-size:.88rem}
.plus-lista span{min-width:0;overflow-wrap:anywhere}
.plus-nytt{background:var(--korall);color:var(--natt);border-radius:999px;padding:1px 9px;font-size:.8rem}
.plus-bort,.plus-lank{background:none;border:0;color:var(--brand);font:inherit;text-decoration:underline;cursor:pointer;padding:4px 0;flex:none}
.plus-status{font-weight:700}
.app-ark{text-align:left}.app-ark p{max-width:60ch}
.app-ikon{vertical-align:middle;border-radius:7px;margin-right:6px}
.app-kort{border-color:var(--mint2)}
.rodape p+p{margin-top:6px}