.kmp-bbw {--aksent:#FFC107;--aksent-tekst:#E6AE06;--bunn:#111111;--gray-light:#F5F4F0;--gray-mid:#E8E6E0;--gray-text:#555550;font-family:'DM Sans',sans-serif;color:var(--bunn)}
.kmp-bbw .hero{background:var(--bunn);padding:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,4rem);position:relative;overflow:hidden}
.kmp-bbw .hero::before{content:'BWW';position:absolute;right:-10px;top:-20px;font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(120px,20vw,260px);line-height:1;color:rgba(255,255,255,0.05);pointer-events:none;letter-spacing:-4px}
.kmp-bbw .tag{display:inline-block;background:var(--aksent);color:var(--bunn);border:1px solid var(--gray-mid);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;margin-bottom:1.25rem}
.kmp-bbw .hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(36px,7vw,80px);font-weight:900;text-transform:uppercase;line-height:0.95;letter-spacing:-1px;color:#fff;margin:0 0 1rem}
.kmp-bbw .hero h1 span{color:var(--aksent-tekst)}
.kmp-bbw .hero p{color:rgba(255,255,255,0.65);font-size:clamp(14px,2vw,17px);max-width:520px;margin:0;line-height:1.6}
.kmp-bbw .grid-wrap{background:var(--gray-light);padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem)}
.kmp-bbw .grid-title{font-family:'Montserrat',sans-serif;font-size:clamp(22px,3vw,36px);font-weight:900;text-transform:uppercase;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid var(--bunn)}
.kmp-bbw .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.25rem}
.kmp-bbw .pk a{display:block;text-decoration:none;color:inherit;background:#fff;border:1.5px solid var(--gray-mid);height:100%;transition:box-shadow 0.2s,border-color 0.2s}
.kmp-bbw .pk a:hover{box-shadow:0 6px 20px rgba(0,0,0,0.1);border-color:var(--aksent-tekst)}
.kmp-bbw .pk-img{position:relative;aspect-ratio:1;overflow:hidden;background:var(--gray-light)}
.kmp-bbw .pk-img img{width:100%;height:100%;object-fit:cover;display:block}
.kmp-bbw .pk-no-img{width:100%;height:100%;background:var(--gray-mid)}
.kmp-bbw .pk-badge{position:absolute;top:10px;left:0;background:var(--aksent);color:var(--bunn);border:1px solid var(--gray-mid);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px}
.kmp-bbw .pk-body{padding:0.85rem;border-top:1.5px solid var(--gray-mid)}
.kmp-bbw .pk-navn{font-size:0.82rem;font-weight:500;color:var(--gray-text);min-height:2.6em;margin-bottom:0.4rem;line-height:1.4}
.kmp-bbw .pk-pris{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--bunn);margin-bottom:0.4rem}
.kmp-bbw .pk-cta{font-size:0.78rem;font-weight:700;color:var(--aksent-tekst);text-transform:uppercase;letter-spacing:0.5px}
.kmp-bbw .pk-forpris{font-size:0.8rem;color:#999;text-decoration:line-through;margin-bottom:0.1rem}