/* BK Verktyg - design v2, 2026-08-31 */
.bkv,.bkv-sida{--lila:#7c3aed;--lila2:#a855f7;--rosa:#ec4899;--blaa:#60a5fa;--gron:#10b981;
 --prim:#7c3aed;--prim2:#a855f7;--prim3:#ec4899;--g1:#6d28d9;--g2:#db2777;
 --ram:conic-gradient(from 160deg,#f0abfc,#a855f7,#60a5fa,#f0abfc);
 --hero:radial-gradient(120% 140% at 15% 0%,#5b21b6 0%,#3b0764 45%,#22063f 100%);
 --glod:rgba(236,72,153,.55);--badge:#f5d0fe;--h1a:#f0abfc;--h1b:#c084fc;--h1c:#7dd3fc;
 --mork:#2e1065;--text:#191922;--svag:#6b7280;--kant:#e9e5f4;--mjuk:#faf8ff;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.bkv{color:var(--text);max-width:860px;margin:0 auto 1.6rem;box-sizing:border-box}
.bkv *,.bkv *::before,.bkv *::after{box-sizing:border-box}

/* ---------- hjaltebild ---------- */
.bkv-hero{position:relative;overflow:hidden;isolation:isolate;
 background:var(--hero);
 border-radius:26px;padding:3rem 1.7rem 2.6rem;text-align:center;margin:0 0 1.5rem;
 box-shadow:0 26px 60px -30px rgba(76,29,149,.85),inset 0 1px 0 rgba(255,255,255,.08)}
.bkv-hero::before{content:"";position:absolute;inset:0;z-index:-1;
 background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
 background-size:44px 44px;mask-image:radial-gradient(70% 60% at 50% 0%,#000,transparent)}
.bkv-hero::after{content:"";position:absolute;z-index:-1;width:420px;height:420px;
 top:-190px;right:-120px;border-radius:50%;
 background:radial-gradient(circle,var(--glod),transparent 65%);filter:blur(28px)}
.bkv-hero .bkv-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem .4rem .7rem;
 background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;
 font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
 color:var(--badge);margin-bottom:1.1rem;backdrop-filter:blur(6px)}
.bkv-hero .bkv-badge::before{content:"";width:7px;height:7px;border-radius:50%;
 background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.25)}
.bkv-hero h1{font-size:2.7rem!important;font-weight:900!important;line-height:1.08!important;
 margin:0 0 .75rem!important;color:#fff!important;letter-spacing:-.03em!important;text-wrap:balance}
.bkv-hero h1 .bkv-grad{background:linear-gradient(100deg,var(--h1a),var(--h1b) 40%,var(--h1c));
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bkv-hero .bkv-sub{font-size:1.06rem;color:rgba(255,255,255,.76);margin:0 auto 1.5rem;
 max-width:520px;line-height:1.55;text-wrap:pretty}
.bkv-trust{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}
.bkv-trust span{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;
 color:rgba(255,255,255,.9);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
 border-radius:999px;padding:.32rem .8rem}
.bkv-trust span::before{content:"\2713";color:#34d399;font-weight:900}

/* ---------- kort ---------- */
.bkv-kort{background:#fff;border:1px solid var(--kant);border-radius:22px;padding:1.6rem;
 box-shadow:0 1px 2px rgba(30,20,60,.04),0 12px 34px -24px rgba(46,16,101,.5);margin-bottom:1.1rem}
.bkv-kort>h2:first-child{margin-top:0}
.bkv-kortrubrik{display:flex;align-items:center;gap:.6rem;margin:-.2rem 0 1.1rem}
.bkv-kortrubrik span{font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;
 color:var(--lila)}
.bkv-kortrubrik::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--kant),transparent)}

/* ---------- flikar ---------- */
.bkv-flikar{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1.2rem;
 background:var(--mjuk);border:1px solid var(--kant);border-radius:14px;padding:.3rem}
.bkv-flik{border:0;background:transparent;color:var(--svag);border-radius:11px;
 padding:.55rem .9rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:.16s;font-family:inherit}
.bkv-flik:hover{color:var(--lila);background:rgba(124,58,237,.07)}
.bkv-flik[aria-selected="true"]{background:#fff;color:var(--mork);
 box-shadow:0 1px 2px rgba(30,20,60,.06),0 4px 12px -6px rgba(124,58,237,.5)}

/* ---------- falt ---------- */
.bkv-falt{margin-bottom:1rem}
.bkv-falt label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;
 text-transform:uppercase;color:var(--svag);margin-bottom:.4rem}
.bkv-falt input,.bkv-falt select,.bkv-falt textarea{width:100%;padding:.85rem 1rem;font-size:1rem;
 border:1.5px solid var(--kant);border-radius:14px;background:#fff;color:var(--text);
 font-family:inherit;transition:.16s;-webkit-appearance:none;appearance:none}
.bkv-falt select{background-image:linear-gradient(45deg,transparent 50%,var(--svag) 50%),
 linear-gradient(135deg,var(--svag) 50%,transparent 50%);
 background-position:calc(100% - 19px) 55%,calc(100% - 14px) 55%;
 background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2.4rem}
.bkv-falt input:focus,.bkv-falt select:focus,.bkv-falt textarea:focus{outline:none;
 border-color:var(--lila2);box-shadow:0 0 0 4px rgba(168,85,247,.14)}
.bkv-falt input::placeholder,.bkv-falt textarea::placeholder{color:#b9b4c8}
.bkv-falt textarea{min-height:104px;resize:vertical}
.bkv-hjalp{font-size:.8rem;color:var(--svag);margin-top:.35rem;line-height:1.5}
.bkv-rad{display:flex;gap:.8rem;flex-wrap:wrap}
.bkv-rad>*{flex:1 1 200px}

/* ---------- knappar ---------- */
.bkv-knapp{position:relative;overflow:hidden;display:inline-flex;align-items:center;
 justify-content:center;gap:.5rem;width:100%;padding:.95rem 1.3rem;font-size:1rem;font-weight:800;
 color:#fff;border:0;border-radius:15px;cursor:pointer;text-decoration:none;font-family:inherit;
 background:linear-gradient(100deg,var(--prim),var(--prim2) 55%,var(--prim3));
 box-shadow:0 10px 24px -12px rgba(124,58,237,.95),inset 0 1px 0 rgba(255,255,255,.25);
 transition:transform .13s,box-shadow .13s,filter .13s}
.bkv-knapp::after{content:"";position:absolute;inset:0;
 background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22),transparent 70%);
 transform:translateX(-110%);transition:transform .55s}
.bkv-knapp:hover{transform:translateY(-1px);box-shadow:0 16px 30px -12px rgba(124,58,237,1);color:#fff}
.bkv-knapp:hover::after{transform:translateX(110%)}
.bkv-knapp:active{transform:translateY(0) scale(.995)}
.bkv-knapp[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.bkv-knapp2{background:#fff;color:var(--lila);border:1.5px solid var(--kant);box-shadow:none}
.bkv-knapp2:hover{border-color:var(--lila2);color:var(--lila);background:var(--mjuk);box-shadow:none}
.bkv-liten{width:auto;padding:.55rem 1rem;font-size:.85rem;border-radius:12px}
.bkv-fel{background:#fff4f4;border:1px solid #fbcaca;color:#9f1239;padding:.85rem 1rem;
 border-radius:14px;font-size:.9rem;margin-top:.9rem;line-height:1.5}
.bkv-info{background:var(--mjuk);border:1px solid #e2d9fb;color:#4c1d95;padding:.85rem 1rem;
 border-radius:14px;font-size:.88rem;margin-top:.9rem}
.bkv-laddar{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);
 border-top-color:#fff;border-radius:50%;animation:bkvSnurr .7s linear infinite}
@keyframes bkvSnurr{to{transform:rotate(360deg)}}
.bkv-dold{display:none!important}
.bkv-resultat{background:linear-gradient(180deg,#fbfaff,#fff);border-color:#e2d9fb}

/* ---------- QR ---------- */
.bkv-qr-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.1rem;align-items:start}
.bkv-qr-form{margin-bottom:0}
.bkv-qr-panel{margin-bottom:0;position:sticky;top:1rem;text-align:center}
.bkv-qr-ram{background:#fff;border:1px solid var(--kant);border-radius:20px;padding:16px;
 box-shadow:0 10px 30px -22px rgba(46,16,101,.65);display:flex;align-items:center;justify-content:center;
 min-height:262px;margin-bottom:.9rem}
.bkv-qr-ram canvas{display:block;width:230px;height:230px;image-rendering:pixelated;border-radius:8px}
.bkv-qr-tom{font-size:.85rem;color:var(--svag);line-height:1.55;max-width:210px}
.bkv-qr-meta{font-size:.78rem;color:var(--svag);margin-bottom:.5rem}
.bkv-qr-nytto{font-size:.74rem;color:var(--svag);background:var(--mjuk);border:1px solid var(--kant);
 border-radius:10px;padding:.5rem .6rem;word-break:break-all;margin-bottom:.9rem;text-align:left;
 font-family:ui-monospace,Menlo,Consolas,monospace;line-height:1.5}
.bkv-utseende{margin-top:.4rem;border:1px solid var(--kant);border-radius:14px;background:var(--mjuk)}
.bkv-utseende summary{cursor:pointer;list-style:none;padding:.7rem .9rem;font-size:.8rem;font-weight:800;
 letter-spacing:.05em;text-transform:uppercase;color:var(--svag);display:flex;align-items:center;gap:.5rem}
.bkv-utseende summary::-webkit-details-marker{display:none}
.bkv-utseende summary::before{content:"+";font-size:1rem;line-height:1;color:var(--lila);font-weight:900}
.bkv-utseende[open] summary::before{content:"–"}
.bkv-utseende-rad{display:grid;grid-template-columns:auto auto minmax(150px,1fr);gap:.9rem;
 padding:0 .9rem 1rem;align-items:start}
.bkv-utseende-rad .bkv-falt{margin-bottom:0}
.bkv-farg input[type=color]{width:54px;height:38px;padding:2px;border:1.5px solid var(--kant);
 border-radius:10px;background:#fff;cursor:pointer}
.bkv-kryss{display:flex!important;align-items:center;gap:.55rem;text-transform:none!important;
 letter-spacing:0!important;font-size:.9rem!important;font-weight:600!important;color:var(--text)!important;
 cursor:pointer;margin:0!important}
.bkv-kryss input{width:auto!important;margin:0}

/* ---------- teckensnitt ---------- */
.bkv-font-lista{display:grid;gap:.5rem}
.bkv-font-rad{display:flex;align-items:center;gap:.8rem;border:1px solid var(--kant);
 border-radius:14px;padding:.65rem .85rem;background:#fff;transition:.14s}
.bkv-font-rad:hover{border-color:#d9cffa;background:var(--mjuk)}
.bkv-font-namn{flex:0 0 118px;font-size:.66rem;font-weight:900;letter-spacing:.09em;
 text-transform:uppercase;color:var(--svag)}
.bkv-font-text{flex:1;font-size:1.08rem;word-break:break-word;line-height:1.5;min-width:0}
.bkv-kopiera{flex:0 0 auto;border:1.5px solid var(--kant);background:#fff;color:var(--lila);
 border-radius:11px;padding:.42rem .8rem;font-size:.78rem;font-weight:800;cursor:pointer;
 font-family:inherit;transition:.14s}
.bkv-kopiera:hover{border-color:var(--lila2);background:var(--mjuk)}
.bkv-kopiera.klar{background:var(--gron);border-color:var(--gron);color:#fff}

/* ---------- resultat/statistik ---------- */
.bkv-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:.7rem}
.bkv-rut{background:#fff;border:1px solid var(--kant);border-radius:16px;padding:.95rem 1.05rem;
 box-shadow:0 6px 18px -16px rgba(46,16,101,.5)}
.bkv-rut .bkv-etik{font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
 color:var(--svag)}
.bkv-rut .bkv-varde{font-size:1.6rem;font-weight:900;line-height:1.15;margin-top:.25rem;
 letter-spacing:-.02em;background:linear-gradient(100deg,var(--g1),var(--g2));
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bkv-rut .bkv-not{font-size:.73rem;color:var(--svag);margin-top:.25rem;line-height:1.45}
.bkv-tabell{width:100%;border-collapse:collapse;font-size:.87rem;margin-top:1.2rem}
.bkv-tabell th,.bkv-tabell td{padding:.55rem .65rem;border-bottom:1px solid var(--kant);text-align:left}
.bkv-tabell th{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--svag);
 background:var(--mjuk)}
.bkv-tabell tr:last-child td{border-bottom:0}
.bkv-tabell td:last-child,.bkv-tabell th:last-child{text-align:right;font-weight:700}

/* ---------- media/nedladdare ---------- */
.bkv-media{display:flex;gap:1.3rem;flex-wrap:wrap;align-items:flex-start}
.bkv-media>img{width:190px;border-radius:16px;border:1px solid var(--kant);display:block;
 box-shadow:0 12px 30px -20px rgba(46,16,101,.7)}
.bkv-media-info{flex:1 1 250px;min-width:230px}
.bkv-media-info h3{margin:0 0 .5rem;font-size:1.08rem;line-height:1.4;font-weight:800}
.bkv-stat{display:flex;gap:.4rem;flex-wrap:wrap;margin:.6rem 0 1rem}
.bkv-stat span{font-size:.76rem;color:var(--svag);background:var(--mjuk);border:1px solid var(--kant);
 border-radius:999px;padding:.28rem .7rem;font-weight:600}
.bkv-galleri{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.8rem;margin-top:1rem}
.bkv-post{border:1px solid var(--kant);border-radius:16px;overflow:hidden;background:#fff;
 transition:.15s;box-shadow:0 6px 18px -16px rgba(46,16,101,.5)}
.bkv-post:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(46,16,101,.75);border-color:#d9cffa}
.bkv-post .bkv-tumn{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f2eefb}
.bkv-post .bkv-postfot{padding:.6rem}
.bkv-post .bkv-typ{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;
 color:var(--svag);margin-bottom:.4rem;display:block}
.bkv-post a.bkv-hamta{display:block;text-align:center;
 background:linear-gradient(100deg,var(--prim),var(--prim2));color:#fff;text-decoration:none;border-radius:10px;
 padding:.45rem;font-size:.78rem;font-weight:800}
.bkv-post a.bkv-hamta:hover{filter:brightness(1.07);color:#fff}
.bkv-profil{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
.bkv-profilrad{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}
.bkv-profilnamn h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:900;letter-spacing:-.01em}
.bkv-profilnamn .bkv-hjalp{margin-top:0}
.bkv-profil-ram{position:relative;flex:0 0 auto;padding:5px;border-radius:50%;
 background:var(--ram)}
.bkv-profil-ram img{display:block;width:128px;height:128px;border-radius:50%;object-fit:cover;
 border:4px solid #fff;background:#f2eefb}

/* ---------- produktremsa ---------- */
.bkv-prod{margin:1.4rem 0 1.1rem}
.bkv-prod-rubrik{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}
.bkv-prod-rubrik h2{margin:0!important;font-size:1.15rem!important;font-weight:900!important;
 letter-spacing:-.01em}
.bkv-prod-rubrik p{margin:0;font-size:.85rem;color:var(--svag)}
.bkv-prod-rad{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}
.bkv-prodkort{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kant);
 border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:.16s;
 box-shadow:0 6px 18px -16px rgba(46,16,101,.5)}
.bkv-prodkort:hover{transform:translateY(-3px);border-color:#d9cffa;color:inherit;
 box-shadow:0 18px 34px -20px rgba(124,58,237,.7)}
.bkv-prodkort img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--mjuk)}
.bkv-prodkort .bkv-prodtext{padding:.8rem .9rem 1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.bkv-prodkort .bkv-prodnamn{font-size:.92rem;font-weight:800;line-height:1.35;color:var(--text)}
.bkv-prodkort .bkv-prodpris{font-size:.98rem;font-weight:900;
 background:linear-gradient(100deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;
 -webkit-text-fill-color:transparent}
.bkv-prodkort .bkv-stjarnor{font-size:.74rem;color:#f59e0b;letter-spacing:.04em}
.bkv-prodkort .bkv-stjarnor small{color:var(--svag);margin-left:.3rem}
.bkv-prodkort .bkv-prodknapp{margin-top:auto;text-align:center;border-radius:11px;padding:.5rem;
 font-size:.82rem;font-weight:800;color:#fff;background:linear-gradient(100deg,var(--prim),var(--prim2))}
.bkv-marke{display:inline-block;font-size:.62rem;font-weight:900;letter-spacing:.1em;
 text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#f59e0b,#ef4444);
 border-radius:999px;padding:.2rem .55rem;margin-bottom:.15rem;align-self:flex-start}

/* ---------- CTA + lankblock ---------- */
.bkv-cta{margin-top:1.2rem;border:1px solid #e2d9fb;background:
 radial-gradient(120% 160% at 0% 0%,#f5f0ff,#fff);border-radius:20px;padding:1.2rem 1.2rem;
 text-align:center}
.bkv-cta p{margin:0 0 .8rem;font-size:.95rem;color:#4c1d95;font-weight:600}
.bkv-cta a{display:inline-block;background:linear-gradient(100deg,var(--prim),var(--prim3));color:#fff;
 text-decoration:none;font-weight:800;padding:.68rem 1.4rem;border-radius:13px;font-size:.92rem;
 box-shadow:0 10px 22px -12px rgba(124,58,237,.95)}
.bkv-cta a:hover{color:#fff;filter:brightness(1.06)}
.bkv-lankblock ul{columns:2;column-gap:1.6rem;margin:0;padding-left:1.1rem}
.bkv-lankblock li{margin:.3rem 0;break-inside:avoid;font-size:.9rem}

/* ---------- sidans egen text ---------- */
.bkv-sida{max-width:860px;margin:0 auto;color:#191922;font-size:1.02rem;line-height:1.72}
.bkv-sida>p{margin:0 0 1rem;color:#3a3a46}
.bkv-sida>p:first-of-type{font-size:1.1rem;color:#2c2c38}
.bkv-sida>h2{position:relative;font-size:1.5rem!important;font-weight:900!important;
 letter-spacing:-.02em;margin:2.4rem 0 .8rem!important;padding-left:.9rem;line-height:1.25!important}
.bkv-sida>h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;
 border-radius:4px;background:linear-gradient(180deg,var(--prim),var(--prim3))}
.bkv-sida>h3{font-size:1.06rem!important;font-weight:800!important;margin:1.5rem 0 .35rem!important;
 color:#2e1065;line-height:1.4!important}
.bkv-sida>h3+p{margin-top:0}
.bkv-sida>ol{counter-reset:bkvsteg;list-style:none;padding:0;margin:1rem 0 1.4rem}
.bkv-sida>ol>li{counter-increment:bkvsteg;position:relative;padding:.1rem 0 .1rem 2.6rem;
 margin:.6rem 0;color:#3a3a46}
.bkv-sida>ol>li::before{content:counter(bkvsteg);position:absolute;left:0;top:0;
 width:1.85rem;height:1.85rem;border-radius:50%;display:flex;align-items:center;justify-content:center;
 font-size:.82rem;font-weight:900;color:#fff;background:linear-gradient(140deg,var(--prim),var(--prim2))}
.bkv-sida>ul{list-style:none;padding:0;margin:1rem 0 1.4rem}
.bkv-sida>ul>li{position:relative;padding-left:1.6rem;margin:.5rem 0;color:#3a3a46}
.bkv-sida>ul>li::before{content:"";position:absolute;left:.35rem;top:.62em;width:7px;height:7px;
 border-radius:50%;background:linear-gradient(140deg,var(--prim),var(--prim3))}
.bkv-sida>p strong,.bkv-sida>ul>li strong,.bkv-sida>ol>li strong{color:#191922;font-weight:800}

/* ---------- mobil ---------- */
@media(max-width:680px){
 .bkv-hero{padding:2.2rem 1.15rem 2rem;border-radius:22px;margin-bottom:1.1rem}
 .bkv-hero h1{font-size:1.85rem!important}
 .bkv-hero .bkv-sub{font-size:.98rem;margin-bottom:1.2rem}
 .bkv-trust span{font-size:.72rem;padding:.28rem .65rem}
 .bkv-kort{padding:1.15rem;border-radius:18px}
 .bkv-qr-layout{grid-template-columns:1fr}
 .bkv-qr-panel{position:static}
 .bkv-qr-ram canvas{width:208px;height:208px}
 .bkv-utseende-rad{grid-template-columns:auto auto;gap:.7rem}
 .bkv-utseende-rad .bkv-falt:last-child{grid-column:1/-1}
 .bkv-font-namn{flex-basis:78px;font-size:.6rem}
 .bkv-font-text{font-size:1rem}
 .bkv-profil{justify-content:center;text-align:center}
 .bkv-profil-ram img{width:118px;height:118px}
 .bkv-media>img{width:100%;max-width:260px;margin:0 auto}
 .bkv-galleri{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.6rem}
 .bkv-lankblock ul{columns:1}
 .bkv-sida{font-size:1rem}
 .bkv-sida>h2{font-size:1.28rem!important;margin-top:2rem!important}
 .bkv-res{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}
 .bkv-rut .bkv-varde{font-size:1.35rem}
}
@media(prefers-reduced-motion:reduce){
 .bkv-knapp,.bkv-post,.bkv-prodkort,.bkv-font-rad{transition:none}
 .bkv-knapp::after{display:none}
 .bkv-laddar{animation-duration:2s}
}

/* ---------- plattformsteman ---------- */
/* Varje verktyg får plattformens färger. Allt går via variablerna ovan, så
   knappar, gradienter, siffror och hjältebild följer med automatiskt. */
.bkv-tema-tiktok,.bkv-tema-tiktok+.bkv-sida{
 --prim:#FE2C55;--prim2:#FF4D6D;--prim3:#25F4EE;--g1:#FE2C55;--g2:#0FB9B1;
 --lila:#FE2C55;--lila2:#25F4EE;--rosa:#FE2C55;
 --hero:linear-gradient(150deg,#0b0b0f 0%,#16161d 55%,#25F4EE 340%);
 --glod:rgba(37,244,238,.42);--badge:#25F4EE;
 --h1a:#25F4EE;--h1b:#7ef9f5;--h1c:#FE2C55;
 --ram:conic-gradient(from 160deg,#25F4EE,#FE2C55,#25F4EE)}
.bkv-tema-tiktok .bkv-hero::after{background:radial-gradient(circle,rgba(254,44,85,.5),transparent 65%)}
.bkv-tema-tiktok .bkv-hero::before{background-image:linear-gradient(rgba(37,244,238,.07) 1px,transparent 1px),
 linear-gradient(90deg,rgba(37,244,238,.07) 1px,transparent 1px)}

.bkv-tema-youtube,.bkv-tema-youtube+.bkv-sida{
 --prim:#FF0000;--prim2:#FF4E45;--prim3:#c4302b;--g1:#c4302b;--g2:#FF0000;
 --lila:#FF0000;--lila2:#FF4E45;--rosa:#FF0000;
 --hero:linear-gradient(150deg,#0f0f0f 0%,#1c1c1c 55%,#3a0d0d 100%);
 --glod:rgba(255,0,0,.42);--badge:#ff8a80;
 --h1a:#ff8a80;--h1b:#FF4E45;--h1c:#ffffff;
 --ram:conic-gradient(from 160deg,#FF0000,#ff8a80,#FF0000)}
.bkv-tema-youtube .bkv-hero::before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}

.bkv-tema-instagram,.bkv-tema-instagram+.bkv-sida{
 --prim:#C13584;--prim2:#E1306C;--prim3:#F77737;--g1:#833AB4;--g2:#E1306C;
 --lila:#C13584;--lila2:#E1306C;--rosa:#F77737;
 --hero:linear-gradient(140deg,#3a1c71 0%,#833AB4 32%,#C13584 62%,#E1306C 82%,#F77737 100%);
 --glod:rgba(253,175,69,.45);--badge:#fcd6a4;
 --h1a:#fcd6a4;--h1b:#f8a3c0;--h1c:#ffffff;
 --ram:conic-gradient(from 160deg,#F77737,#E1306C,#833AB4,#F77737)}
.bkv-tema-instagram .bkv-hero::before{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)}

.bkv-tema-whatsapp,.bkv-tema-whatsapp+.bkv-sida{
 --prim:#25D366;--prim2:#1eb356;--prim3:#128C7E;--g1:#128C7E;--g2:#25D366;
 --lila:#128C7E;--lila2:#25D366;--rosa:#25D366;
 --hero:linear-gradient(150deg,#04231c 0%,#075E54 60%,#128C7E 100%);
 --glod:rgba(37,211,102,.45);--badge:#a7f3c8;
 --h1a:#a7f3c8;--h1b:#25D366;--h1c:#ffffff;
 --ram:conic-gradient(from 160deg,#25D366,#128C7E,#25D366)}

/* Ikoner i flikarna */
.bkv-flik{display:inline-flex;align-items:center;gap:.42rem}
.bkv-flik svg{width:16px;height:16px;flex:0 0 auto;opacity:.75}
.bkv-flik[aria-selected="true"] svg{opacity:1;color:var(--prim)}
.bkv-hero .bkv-plattform{display:flex;justify-content:center;margin-bottom:.9rem}
.bkv-hero .bkv-plattform svg{width:44px;height:44px;color:#fff;opacity:.95;
 filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}

/* ---------- verktygshubb ---------- */
.bkv-hubb{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:.7rem}
.bkv-hubbkort{display:flex;gap:.75rem;align-items:flex-start;padding:.8rem .9rem;border:1px solid var(--kant);
 border-radius:15px;text-decoration:none;color:inherit;background:#fff;transition:.15s}
.bkv-hubbkort:hover{transform:translateY(-2px);border-color:#d9cffa;color:inherit;
 box-shadow:0 14px 28px -20px rgba(124,58,237,.75)}
.bkv-hubbikon{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;
 justify-content:center;background:linear-gradient(140deg,var(--prim),var(--prim2));color:#fff}
.bkv-hubbikon svg{width:18px;height:18px}
.bkv-hubbtext{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.bkv-hubbtext b{font-size:.92rem;font-weight:800;line-height:1.3}
.bkv-hubbtext small{font-size:.79rem;color:var(--svag);line-height:1.4}
@media(max-width:680px){.bkv-hubb{grid-template-columns:1fr}}

/* ---------- verktygsrad i foten ---------- */
.bkv-fotverktyg{background:#faf8ff;border-top:1px solid #e9e5f4;padding:1.1rem 1rem;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.bkv-fotinner{max-width:1100px;margin:0 auto;display:flex;gap:.9rem;align-items:baseline;flex-wrap:wrap}
.bkv-fotrubrik{font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;
 color:#7c3aed;text-decoration:none;white-space:nowrap}
.bkv-fotrubrik:hover{color:#5b21b6}
.bkv-fotlankar{display:flex;gap:.45rem;flex-wrap:wrap}
.bkv-fotlankar a{font-size:.8rem;color:#6b7280;text-decoration:none;background:#fff;
 border:1px solid #e9e5f4;border-radius:999px;padding:.28rem .72rem;transition:.14s}
.bkv-fotlankar a:hover{color:#7c3aed;border-color:#d9cffa;background:#fff}
@media(max-width:680px){.bkv-fotverktyg{padding:.9rem .8rem}.bkv-fotlankar a{font-size:.75rem}}