/* ============================================================================
   billigastemobil.nu — "PRISLAPP"
   Monochrome editorial · acid-lime sticker accent · condensed price hero ·
   hairline grid · angular tag-chips (echo of the logo's triangles).
   Prefix: .bm-
   ========================================================================== */

:root{
  --ink:#0E0E10;          /* near-black, matches logo */
  --ink-2:#3A3A3F;        /* secondary text */
  --ink-3:#73737A;        /* muted */
  --paper:#F4F2EC;        /* warm off-white canvas */
  --paper-2:#FBFAF6;      /* card / raised */
  --line:#1c1c1f;         /* hairline rules (near-ink) */
  --line-soft:#E2DFD5;    /* soft dividers on paper */
  --volt:#CBF000;         /* acid-lime sticker accent */
  --volt-deep:#A9C900;    /* lime pressed/hover */
  --shadow:0 1px 0 var(--ink);
  --r:0;                  /* sharp by default */
  --tag-notch:11px;       /* corner clip for price tags */
  --maxw:1140px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Spline Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:17px;line-height:1.65;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration:none}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* ---- Typography ------------------------------------------------------- */
h1,h2,h3,h4,h5{
  font-family:'Darker Grotesque','Spline Sans',sans-serif;
  font-weight:800;line-height:.96;letter-spacing:-.01em;color:var(--ink);margin:0 0 .4em;
}
h1{font-size:clamp(2.8rem,7vw,5.4rem);letter-spacing:-.02em}
h2{font-size:clamp(2.1rem,4.6vw,3.4rem)}
h3{font-size:clamp(1.55rem,3vw,2.1rem);font-weight:700}
h4{font-size:1.28rem;font-weight:700}
p{margin:0 0 1.05rem}
.bm-lead{font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.55;color:var(--ink-2);font-weight:400;max-width:62ch}
strong,b{font-weight:600}
small{font-size:.84rem}
.bm-mono{font-family:'Spline Sans Mono',ui-monospace,monospace}

/* eyebrow-free per house rules; we use a "kicker" mono label that is structural, not a chip-over-heading */
.bm-kicker{
  font-family:'Spline Sans Mono',monospace;font-size:.74rem;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:0 0 1rem;
  display:flex;align-items:center;gap:.6rem;
}
.bm-kicker::before{content:"";width:26px;height:2px;background:var(--ink);display:inline-block}

/* ---- Header ----------------------------------------------------------- */
.bm-head{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:2px solid var(--ink)}
.bm-head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:74px}
.bm-logo{display:flex;align-items:center;gap:.55rem}
.bm-logo img{height:40px;width:auto}
.bm-logo b{font-family:'Darker Grotesque',sans-serif;font-weight:900;font-size:1.55rem;letter-spacing:-.02em;line-height:1}
.bm-logo b span{color:var(--ink-3);font-weight:700}
.bm-nav{display:flex;align-items:center;gap:.2rem}
.bm-nav a{
  font-family:'Spline Sans Mono',monospace;font-size:.82rem;font-weight:500;letter-spacing:.02em;
  padding:.5rem .8rem;color:var(--ink-2);position:relative;
}
.bm-nav a:hover{color:var(--ink)}
.bm-nav a::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.28rem;height:2px;background:var(--volt);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.bm-nav a:hover::after{transform:scaleX(1)}
.bm-burger{display:none;border:2px solid var(--ink);background:var(--paper);width:46px;height:42px;align-items:center;justify-content:center;cursor:pointer}
.bm-burger span,.bm-burger span::before,.bm-burger span::after{content:"";display:block;width:20px;height:2px;background:var(--ink);position:relative;transition:.2s}
.bm-burger span::before{position:absolute;top:-6px}.bm-burger span::after{position:absolute;top:6px}
.bm-mobnav{display:none;border-bottom:2px solid var(--ink);background:var(--paper-2)}
.bm-mobnav.show{display:block}
.bm-mobnav a{display:block;padding:.85rem 22px;border-top:1px solid var(--line-soft);font-family:'Spline Sans Mono',monospace;font-size:.9rem}

/* ---- Disclosure strip ------------------------------------------------- */
.bm-disc{background:var(--ink);color:#cfcfce}
.bm-disc .container{padding-top:.5rem;padding-bottom:.5rem;font-size:.78rem;font-family:'Spline Sans Mono',monospace;letter-spacing:.01em}
.bm-disc b{color:var(--volt);font-weight:600}

/* ---- Breadcrumbs ------------------------------------------------------ */
.bm-crumbs{font-family:'Spline Sans Mono',monospace;font-size:.76rem;color:var(--ink-3);padding:1rem 0 .2rem;letter-spacing:.02em}
.bm-crumbs a{color:var(--ink-3)}.bm-crumbs a:hover{color:var(--ink)}
.bm-crumbs .sep{margin:0 .45rem;color:var(--line-soft)}

/* ---- Buttons ---------------------------------------------------------- */
.bm-btn{
  display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;
  font-family:'Spline Sans Mono',monospace;font-weight:600;font-size:.9rem;letter-spacing:.01em;
  padding:.9rem 1.5rem;border:2px solid var(--ink);background:var(--ink);color:var(--paper);
  transition:transform .12s,box-shadow .12s;white-space:nowrap;
}
.bm-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);color:var(--paper)}
.bm-btn .arr{transition:transform .15s}.bm-btn:hover .arr{transform:translateX(3px)}
.bm-btn--volt{background:var(--volt);color:var(--ink);border-color:var(--ink)}
.bm-btn--volt:hover{color:var(--ink)}
.bm-btn--ghost{background:transparent;color:var(--ink)}
.bm-btn--ghost:hover{background:var(--ink);color:var(--paper)}
.bm-btn--sm{padding:.55rem 1rem;font-size:.82rem}

/* ---- HERO ------------------------------------------------------------- */
.bm-hero{border-bottom:2px solid var(--ink);overflow:hidden}
.bm-hero-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:0}
.bm-hero-left{padding:clamp(2.4rem,5vw,4.6rem) 0 clamp(2rem,4vw,3.4rem);padding-right:3rem;border-right:2px solid var(--ink)}
.bm-hero h1{margin-bottom:.5rem}
.bm-hero h1 mark{background:var(--volt);color:var(--ink);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bm-hero-right{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.6rem,3vw,2.6rem) 0 clamp(1.6rem,3vw,2.6rem) clamp(1.6rem,3vw,2.6rem)}
.bm-hero-stat{border-top:1px solid var(--line-soft);padding:.95rem 0;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.bm-hero-stat:last-child{border-bottom:1px solid var(--line-soft)}
.bm-hero-stat .n{font-family:'Darker Grotesque',sans-serif;font-weight:900;font-size:2.4rem;line-height:.9}
.bm-hero-stat .l{font-family:'Spline Sans Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);text-align:right;max-width:13ch}

/* ---- Price tag chip (signature) -------------------------------------- */
.bm-tag{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:'Spline Sans Mono',monospace;font-weight:600;font-size:.8rem;letter-spacing:.01em;
  background:var(--volt);color:var(--ink);padding:.32rem .7rem .32rem .55rem;
  clip-path:polygon(var(--tag-notch) 0, 100% 0, 100% 100%, 0 100%, 0 var(--tag-notch));
  position:relative;white-space:nowrap;
}
.bm-tag::before{content:"";position:absolute;left:4px;top:5px;width:4px;height:4px;border-radius:50%;background:var(--ink)}
.bm-tag--ink{background:var(--ink);color:var(--volt)}
.bm-tag--ink::before{background:var(--volt)}
.bm-tag--line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);clip-path:none;border-radius:0}
.bm-tag--line::before{display:none}

/* jämförpris badge — centered on desktop, right on mobile (per spec) */
.bm-jmf{
  font-family:'Spline Sans Mono',monospace;font-size:.74rem;font-weight:600;letter-spacing:.01em;
  display:inline-flex;align-items:center;gap:.35rem;cursor:help;
  background:var(--ink);color:var(--volt);padding:.26rem .6rem;
  clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px);
}
.bm-jmf .q{display:inline-flex;width:13px;height:13px;border:1px solid var(--volt);border-radius:50%;font-size:.6rem;align-items:center;justify-content:center;opacity:.85}

/* ---- Sections --------------------------------------------------------- */
.bm-sec{padding:clamp(3rem,6vw,5rem) 0;border-bottom:1px solid var(--line-soft)}
.bm-sec--ink{background:var(--ink);color:var(--paper);border-bottom:2px solid var(--ink)}
.bm-sec--ink h2,.bm-sec--ink h3{color:var(--paper)}
.bm-sec--ink .bm-lead{color:#bdbdbb}
.bm-sec--ink .bm-kicker{color:#8a8a86}.bm-sec--ink .bm-kicker::before{background:var(--volt)}
.bm-sec-head{margin-bottom:2.2rem;max-width:64ch}
.bm-sec-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;max-width:none}

/* ---- Phone grid ------------------------------------------------------- */
.bm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--ink);background:var(--ink)}
.bm-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.bm-phone{
  background:var(--paper-2);display:flex;flex-direction:column;padding:1.3rem 1.2rem 1.1rem;
  position:relative;transition:background .15s;min-height:300px;
  outline:1px solid var(--ink);
}
.bm-phone:hover{background:var(--volt)}
.bm-phone-rank{font-family:'Spline Sans Mono',monospace;font-size:.72rem;color:var(--ink-3);font-weight:500}
.bm-phone:hover .bm-phone-rank{color:var(--ink)}
.bm-phone-name{font-family:'Darker Grotesque',sans-serif;font-weight:800;font-size:1.42rem;line-height:.98;margin:.2rem 0 .1rem;letter-spacing:-.01em}
.bm-phone-img{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 0;min-height:130px}
.bm-phone-img img{max-height:150px;width:auto;mix-blend-mode:multiply}
.bm-phone:hover .bm-phone-img img{mix-blend-mode:multiply}
.bm-phone-from{font-family:'Spline Sans Mono',monospace;font-size:.82rem;color:var(--ink-2);margin-bottom:.5rem}
.bm-phone-from b{font-weight:600;color:var(--ink);font-size:.92rem}
.bm-phone:hover .bm-phone-from,.bm-phone:hover .bm-phone-from b{color:var(--ink)}
.bm-phone-go{font-family:'Spline Sans Mono',monospace;font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:.4rem}
.bm-phone-go .arr{transition:transform .15s}
.bm-phone:hover .bm-phone-go .arr{transform:translateX(4px)}

/* ---- Ranked list (operators / deals) --------------------------------- */
.bm-list{border:2px solid var(--ink);background:var(--paper-2)}
.bm-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:1rem;padding:1.05rem 1.2rem;border-top:1px solid var(--line-soft);position:relative}
.bm-row:first-child{border-top:0}
.bm-row:hover{background:var(--paper)}
.bm-row-rank{font-family:'Darker Grotesque',sans-serif;font-weight:900;font-size:1.9rem;line-height:1;color:var(--ink)}
.bm-row:first-child .bm-row-rank{color:var(--ink)}
.bm-row-main{min-width:0}
.bm-row-top{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.15rem}
.bm-row-name{font-weight:600;font-size:1.05rem}
.bm-row-logo{height:24px;width:auto;max-width:96px;object-fit:contain}
.bm-row-meta{font-family:'Spline Sans Mono',monospace;font-size:.78rem;color:var(--ink-3);display:flex;gap:.9rem;flex-wrap:wrap}
.bm-row-price{text-align:right;white-space:nowrap}
.bm-row-price .pm{font-family:'Darker Grotesque',sans-serif;font-weight:900;font-size:1.85rem;line-height:1}
.bm-row-price .pm span{font-size:.8rem;font-family:'Spline Sans Mono',monospace;font-weight:500;color:var(--ink-3)}
.bm-row-price .sub{font-family:'Spline Sans Mono',monospace;font-size:.72rem;color:var(--ink-3)}
.bm-row-cta{margin-left:.4rem}
/* top-line badge zone in each row */
.bm-row-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%)}
.bm-row.has-badge{padding-top:1.7rem}
.bm-best{position:absolute;top:-1px;right:1.2rem;background:var(--volt);color:var(--ink);font-family:'Spline Sans Mono',monospace;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .55rem;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%)}

/* ---- Stars (only for bästa/populäraste lists) ------------------------ */
.bm-stars{display:inline-flex;gap:1px;color:var(--ink)}
.bm-stars svg{width:14px;height:14px}
.bm-stars .e{opacity:.18}

/* ---- Editorial prose -------------------------------------------------- */
.bm-prose{max-width:72ch;font-size:1.06rem;line-height:1.72}
.bm-prose h2{margin-top:2.6rem}
.bm-prose h3{margin-top:2rem}
.bm-prose p{margin-bottom:1.15rem;color:var(--ink-2)}
.bm-prose a:not(.bm-btn){color:var(--ink);text-decoration:underline;text-decoration-color:var(--volt-deep);text-decoration-thickness:2px;text-underline-offset:3px}
.bm-prose a:not(.bm-btn):hover{background:var(--volt)}
.bm-prose ul,.bm-prose ol{margin:0 0 1.2rem;padding-left:0;list-style:none}
.bm-prose ul li{position:relative;padding-left:1.6rem;margin-bottom:.55rem;color:var(--ink-2)}
.bm-prose ul li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:var(--volt);clip-path:polygon(0 0,100% 0,100% 100%)}
.bm-prose ol{counter-reset:n}
.bm-prose ol li{counter-increment:n;position:relative;padding-left:2.2rem;margin-bottom:.7rem;color:var(--ink-2)}
.bm-prose ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.1em;font-family:'Spline Sans Mono',monospace;font-weight:600;font-size:.82rem;color:var(--ink-3)}
.bm-prose blockquote{margin:1.6rem 0;padding:1rem 1.3rem;border-left:3px solid var(--volt);background:var(--paper-2);font-size:1.08rem}

/* ---- Callout / info cards -------------------------------------------- */
.bm-callout{border:2px solid var(--ink);padding:1.4rem 1.5rem;background:var(--paper-2);position:relative}
.bm-callout::before{content:"";position:absolute;top:0;right:0;border-width:0 18px 18px 0;border-style:solid;border-color:transparent var(--volt) transparent transparent}
.bm-callout h4{margin-bottom:.4rem}
.bm-callout p{margin:0;color:var(--ink-2);font-size:.98rem}

/* ---- Feature columns -------------------------------------------------- */
.bm-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-soft)}
.bm-col{padding:1.8rem 1.6rem 1.8rem 0;border-right:1px solid var(--line-soft)}
.bm-col:last-child{border-right:0;padding-right:0}
.bm-col-n{font-family:'Spline Sans Mono',monospace;font-size:.74rem;color:var(--ink-3);letter-spacing:.1em;margin-bottom:.7rem}
.bm-col h4{margin-bottom:.5rem}
.bm-col p{margin:0;color:var(--ink-2);font-size:.97rem}

/* ---- Brand/operator chips row ---------------------------------------- */
.bm-chips{display:flex;flex-wrap:wrap;gap:.6rem}
.bm-chip{font-family:'Spline Sans Mono',monospace;font-size:.82rem;font-weight:500;padding:.5rem .9rem;border:1.5px solid var(--ink);background:var(--paper-2);transition:.12s}
.bm-chip:hover{background:var(--ink);color:var(--paper)}

/* ---- Specs table ------------------------------------------------------ */
.bm-spec{width:100%;border-collapse:collapse;font-size:.95rem}
.bm-spec th,.bm-spec td{text-align:left;padding:.7rem .2rem;border-bottom:1px solid var(--line-soft)}
.bm-spec th{font-family:'Spline Sans Mono',monospace;font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);width:42%}

/* ---- FAQ -------------------------------------------------------------- */
.bm-faq{border-top:2px solid var(--ink)}
.bm-faq-item{border-bottom:1px solid var(--line-soft)}
.bm-faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:1.2rem 0;font-family:'Darker Grotesque',sans-serif;font-weight:700;font-size:1.4rem;line-height:1.1;list-style:none}
.bm-faq-q::-webkit-details-marker{display:none}
.bm-faq-q .ic{flex:none;width:26px;height:26px;border:2px solid var(--ink);position:relative;transition:.2s}
.bm-faq-q .ic::before,.bm-faq-q .ic::after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}
.bm-faq-q .ic::before{width:11px;height:2px}.bm-faq-q .ic::after{width:2px;height:11px;transition:.2s}
.bm-faq-item[open] .bm-faq-q .ic{background:var(--volt)}
.bm-faq-item[open] .bm-faq-q .ic::after{transform:translate(-50%,-50%) scaleY(0)}
.bm-faq-a{display:none;padding:0 0 1.3rem;color:var(--ink-2);max-width:74ch}
.bm-faq-item[open] .bm-faq-a{display:block}
.bm-faq-a p{margin:0 0 .8rem}
.bm-faq-a p:last-child{margin-bottom:0}

/* ---- CTA band --------------------------------------------------------- */
.bm-cta{background:var(--volt);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.bm-cta .container{padding-top:clamp(2.4rem,5vw,3.6rem);padding-bottom:clamp(2.4rem,5vw,3.6rem)}
.bm-cta h2{margin-bottom:.4rem}
.bm-cta-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}

/* ---- Footer ----------------------------------------------------------- */
.bm-foot{background:var(--ink);color:#b9b9b6;padding:3.2rem 0 2rem;border-top:2px solid var(--ink)}
.bm-foot h5{font-family:'Spline Sans Mono',monospace;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--paper);margin:0 0 1rem;font-weight:600}
.bm-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.4rem;border-bottom:1px solid #2a2a2d}
.bm-foot-brand img{height:38px;margin-bottom:1rem;filter:invert(1) brightness(2)}
.bm-foot-brand p{font-size:.92rem;color:#9a9a97;max-width:42ch}
.bm-foot ul{list-style:none;margin:0;padding:0}
.bm-foot ul li{margin-bottom:.5rem}
.bm-foot ul a{color:#b9b9b6;font-size:.92rem}
.bm-foot ul a:hover{color:var(--volt)}
.bm-foot-logos{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;padding:1.8rem 0;border-bottom:1px solid #2a2a2d}
.bm-foot-logos img{height:26px;width:auto;max-width:90px;object-fit:contain;filter:grayscale(1) brightness(2.2);opacity:.6;transition:.15s}
.bm-foot-logos a:hover img{opacity:1}
.bm-foot-bottom{padding-top:1.5rem}
.bm-foot .small{font-size:.82rem;color:#86867f;margin:.4rem 0}
.bm-foot .small a{color:#b9b9b6}.bm-foot .small a:hover{color:var(--volt)}

/* ---- Bootstrap tooltip skin (we load JS, restyle bubble) ------------- */
.bm-tt .tooltip-inner{
  background:var(--ink);color:var(--paper);font-family:'Spline Sans Mono',monospace;font-size:.78rem;
  max-width:280px;text-align:left;padding:.6rem .8rem;border-radius:0;line-height:1.5;
  border:1px solid var(--volt);
}
.bm-tt .tooltip-arrow::before{border-top-color:var(--ink)!important;border-bottom-color:var(--ink)!important}

/* ---- Article figure (AI editorial image) ------------------------------ */
.bm-figure{margin:0 0 1.6rem;border:2px solid var(--ink);background:var(--paper-2)}
.bm-figure img{display:block;width:100%;height:auto}
.bm-figure figcaption{font-family:'Spline Sans Mono',monospace;font-size:.72rem;color:var(--ink-3);padding:.5rem .8rem;border-top:1px solid var(--line-soft);letter-spacing:.01em}
.bm-hero-figure{margin:0;border:2px solid var(--ink);background:var(--paper-2);overflow:hidden}
.bm-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

/* ---- Bootstrap table skin (responsive comparison tables) -------------- */
.bm-prose .table,.bm-table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0 0 1.4rem;background:var(--paper-2)}
.bm-prose .table th,.bm-prose .table td,.bm-table th,.bm-table td{padding:.7rem .8rem;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle}
.bm-prose .table thead th,.bm-table thead th{font-family:'Spline Sans Mono',monospace;font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);border-bottom:2px solid var(--ink)}
.bm-prose .table tbody tr:hover,.bm-table tbody tr:hover{background:var(--paper)}
.table-responsive{border:2px solid var(--ink);margin:0 0 1.4rem}
.table-responsive .table,.table-responsive .bm-table{margin:0;border:0}

/* ---- Misc ------------------------------------------------------------- */
.bm-rule{height:2px;background:var(--ink);border:0;margin:0}
.bm-note{font-family:'Spline Sans Mono',monospace;font-size:.78rem;color:var(--ink-3)}
.bm-anchor{scroll-margin-top:90px}

/* ---- Responsive ------------------------------------------------------- */
@media(max-width:980px){
  .bm-grid{grid-template-columns:repeat(2,1fr)}
  .bm-cols{grid-template-columns:1fr}
  .bm-col{border-right:0;border-bottom:1px solid var(--line-soft);padding:1.4rem 0}
  .bm-col:last-child{border-bottom:0}
  .bm-hero-grid{grid-template-columns:1fr}
  .bm-hero-left{border-right:0;border-bottom:1px solid var(--line-soft);padding-right:0}
  .bm-hero-right{padding-left:0}
  .bm-foot-grid{grid-template-columns:1fr 1fr;gap:1.6rem}
}
@media(max-width:720px){
  body{font-size:16px}
  .bm-nav{display:none}
  .bm-burger{display:flex}
  .bm-grid,.bm-grid.cols-3{grid-template-columns:1fr 1fr}
  .bm-row{grid-template-columns:34px 1fr;gap:.7rem;row-gap:.5rem}
  .bm-row-price{grid-column:2;text-align:left}
  .bm-row-cta{grid-column:1/-1;margin-left:0}
  .bm-row-cta .bm-btn{width:100%;justify-content:center}
  /* jämförpris badge: right on mobile per spec */
  .bm-row-badge{position:static;transform:none;grid-column:1/-1;justify-self:end}
  .bm-row.has-badge{padding-top:1.05rem}
  .bm-foot-grid{grid-template-columns:1fr}
  /* hero-stats stack cleanly on mobile */
  .bm-hero-stat{flex-direction:column;align-items:flex-start;gap:.15rem}
  .bm-hero-stat .l{text-align:left;max-width:none}
}
@media(max-width:420px){
  .bm-grid,.bm-grid.cols-3{grid-template-columns:1fr}
}