/* ============================================================================
   Hurmycketkostar.se — "Prisbeskedet"
   Brutalist-minimalist prisuppslagsverk. Bläck på varmt papper, prislapps-gul
   signal, monospace-prissiffror (kassakvitto). Archivo + Figtree + IBM Plex Mono.
   Prefix: hmk-
   ========================================================================== */

:root{
  --paper:#F4F0E6;        /* varmt papper */
  --paper-2:#ECE7D9;      /* nedtonat papper */
  --card:#FFFFFF;
  --ink:#17160F;          /* nästan-svart bläck */
  --ink-2:#56524551;      /* (ej använd direkt) */
  --muted:#5C564A;        /* dämpad text */
  --line:#17160F;         /* brutalistisk konturlinje */
  --yellow:#FFD028;       /* prislapps-gul */
  --yellow-deep:#F0B400;
  --ok:#1C7A45;           /* fri surf / ingen bindning */
  --ok-bg:#E2F2E6;
  --hot:#D8412A;          /* kampanj / rea */
  --shadow:4px 4px 0 var(--ink);
  --shadow-sm:3px 3px 0 var(--ink);
  --radius:4px;
  --maxw:1140px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Figtree',system-ui,sans-serif;
  font-size:17px;line-height:1.62;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background-image:radial-gradient(var(--paper-2) 0.6px,transparent 0.6px);
  background-size:22px 22px;
}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}
img{max-width:100%;height:auto}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-color:var(--yellow-deep)}
a:hover{text-decoration-color:var(--ink)}
h1,h2,h3,h4,h5{font-family:'Archivo',sans-serif;font-weight:800;line-height:1.04;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,6vw,3.7rem)}
h2{font-size:clamp(1.6rem,4vw,2.5rem)}
h3{font-size:clamp(1.25rem,3vw,1.7rem)}
p{margin:0 0 1.1em}
strong,b{font-weight:700}
.mono{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
.hmk-wrap{overflow-x:hidden}

/* ---- Header ------------------------------------------------------------- */
.hmk-top{background:var(--paper);border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:50}
.hmk-nav{display:flex;align-items:center;gap:18px;min-height:74px}
.hmk-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.hmk-brand img{display:block;height:38px;width:auto}
.hmk-brand .wm{font-family:'Archivo';font-weight:800;font-size:1.18rem;letter-spacing:-.03em;color:var(--ink)}
.hmk-menu{list-style:none;display:flex;gap:4px;margin:0 0 0 auto;padding:0;align-items:center}
.hmk-menu a{display:block;padding:8px 13px;text-decoration:none;font-weight:600;font-size:.96rem;border:2px solid transparent;border-radius:3px}
.hmk-menu a:hover{border-color:var(--ink)}
.hmk-menu a.active{background:var(--yellow);border-color:var(--ink)}
.hmk-burger{display:none;margin-left:auto;background:var(--yellow);border:2px solid var(--ink);border-radius:3px;
  font-family:'Archivo';font-weight:700;padding:8px 14px;cursor:pointer;box-shadow:var(--shadow-sm)}

/* ---- Disclosure strip --------------------------------------------------- */
.hmk-disclosure{background:var(--ink);color:#EFE9D8;font-size:.78rem;padding:7px 0;letter-spacing:.01em}
.hmk-disclosure .container{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hmk-disc-tag{background:var(--yellow);color:var(--ink);font-family:'IBM Plex Mono';font-weight:600;font-size:.68rem;
  padding:2px 7px;border-radius:2px;text-transform:uppercase;letter-spacing:.06em;flex:0 0 auto}

/* ---- Breadcrumbs -------------------------------------------------------- */
.hmk-crumbs{font-size:.82rem;color:var(--muted);padding:14px 0 0;font-family:'IBM Plex Mono'}
.hmk-crumbs a{color:var(--muted);text-decoration:none}
.hmk-crumbs a:hover{color:var(--ink)}
.hmk-crumbs .sep{margin:0 7px;color:var(--yellow-deep)}

/* ---- Buttons ------------------------------------------------------------ */
.hmk-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Archivo';font-weight:700;font-size:1rem;
  text-decoration:none;border:2px solid var(--ink);border-radius:3px;padding:13px 22px;background:var(--card);color:var(--ink);
  box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .08s ease;cursor:pointer;line-height:1}
.hmk-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.hmk-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.hmk-btn.primary{background:var(--yellow)}
.hmk-btn.dark{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--yellow-deep)}
.hmk-btn.dark:hover{box-shadow:6px 6px 0 var(--yellow-deep)}
.hmk-btn.sm{padding:9px 15px;font-size:.9rem;box-shadow:var(--shadow-sm)}
.hmk-btn .arr{transition:transform .12s ease}
.hmk-btn:hover .arr{transform:translateX(3px)}

/* ---- Hero --------------------------------------------------------------- */
.hmk-hero{padding:46px 0 28px}
.hmk-hero-q{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono';font-weight:600;font-size:.8rem;
  text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:var(--paper);padding:5px 12px;border-radius:2px;margin-bottom:18px}
.hmk-hero h1{max-width:16ch}
.hmk-hero h1 .hl{background:var(--yellow);box-shadow:0 0 0 3px var(--yellow);border-radius:2px;padding:0 .06em}
.hmk-hero-lead{font-size:1.16rem;color:var(--muted);max-width:54ch;margin-top:.4em}
.hmk-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* ---- Price sticker (signaturmotiv) ------------------------------------- */
.hmk-sticker{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:10px 16px;box-shadow:var(--shadow-sm);
  transform:rotate(-3deg);position:relative}
.hmk-sticker::before{content:"";position:absolute;top:8px;left:8px;width:7px;height:7px;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}
.hmk-sticker .k{font-family:'IBM Plex Mono';font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.hmk-sticker .v{font-family:'Archivo';font-weight:800;font-size:1.5rem;line-height:1}
.hmk-sticker .u{font-family:'IBM Plex Mono';font-size:.66rem;font-weight:500}

/* ---- Section headings --------------------------------------------------- */
.hmk-section{padding:34px 0}
.hmk-eyebrowless h2{position:relative;display:inline-block}
.hmk-h-kicker{font-family:'IBM Plex Mono';font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--yellow-deep);margin-bottom:8px}
.hmk-lead{font-size:1.08rem;color:var(--muted);max-width:62ch}

/* ---- Receipt divider ---------------------------------------------------- */
.hmk-receipt{height:0;border:0;border-top:2px dashed var(--ink);opacity:.5;margin:30px 0}

/* ---- Cost-question cards (kostnadsfrågor) ------------------------------- */
.hmk-qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.hmk-qcard{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:20px;
  text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease;display:flex;flex-direction:column;gap:8px}
.hmk-qcard:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.hmk-qcard .q{font-family:'Archivo';font-weight:700;font-size:1.12rem;line-height:1.15}
.hmk-qcard .a{font-family:'IBM Plex Mono';font-weight:600;font-size:1.02rem;color:var(--ink)}
.hmk-qcard .a b{color:var(--ink);background:var(--yellow);padding:0 4px;border-radius:2px}
.hmk-qcard .d{font-size:.92rem;color:var(--muted)}
.hmk-qcard .go{margin-top:auto;font-family:'IBM Plex Mono';font-weight:600;font-size:.84rem;color:var(--yellow-deep)}

/* ---- Phone grid --------------------------------------------------------- */
.hmk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.hmk-phone{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:16px 16px 18px;
  text-decoration:none;color:var(--ink);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);
  transition:transform .1s ease,box-shadow .1s ease}
.hmk-phone:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.hmk-phone-name{font-family:'Archivo';font-weight:700;font-size:1.04rem;min-height:2.5em}
.hmk-phone-img{display:flex;align-items:center;justify-content:center;height:150px;margin:6px 0 10px}
.hmk-phone-img img{max-height:150px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.hmk-phone-from{font-family:'IBM Plex Mono';font-size:.92rem;color:var(--muted)}
.hmk-phone-from b{font-family:'Archivo';font-weight:800;font-size:1.15rem;color:var(--ink)}
.hmk-phone-go{margin-top:10px;font-family:'IBM Plex Mono';font-weight:600;font-size:.82rem;color:var(--yellow-deep)}
.hmk-phone-go .arr{transition:transform .12s}
.hmk-phone:hover .hmk-phone-go .arr{transform:translateX(3px)}

/* ---- Deal list (topplistor / prislistor) ------------------------------- */
.hmk-deals{display:flex;flex-direction:column;gap:14px;margin:8px 0}
.hmk-deal{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);
  display:grid;grid-template-columns:auto 88px 1fr auto;grid-template-areas:"rank logo info price";align-items:center;
  gap:16px;padding:16px 18px;position:relative}
.hmk-deal.top{box-shadow:5px 5px 0 var(--yellow-deep);border-color:var(--ink)}
.hmk-deal-rank{grid-area:rank;font-family:'Archivo';font-weight:800;font-size:1.05rem;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}
.hmk-deal-rank.top{background:var(--yellow);font-size:.7rem;border-radius:14px;width:auto;padding:0 10px;height:30px;font-family:'IBM Plex Mono';text-transform:uppercase;letter-spacing:.06em}
.hmk-deal-logo{grid-area:logo;display:flex;align-items:center;justify-content:center;height:50px}
.hmk-deal-logo img{max-height:42px;max-width:84px;width:auto;object-fit:contain}
.hmk-deal-info{grid-area:info;min-width:0}
.hmk-deal-name{font-family:'Archivo';font-weight:700;font-size:1.16rem;margin:0 0 6px}
.hmk-deal-price{grid-area:price;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.hmk-price-big{font-family:'Archivo';font-weight:800;font-size:1.7rem;line-height:1}
.hmk-price-sub{font-family:'IBM Plex Mono';font-size:.74rem;color:var(--muted);max-width:20ch;line-height:1.3}

/* Jämförpris-badge — mitten (desktop) / höger (mobil), på topplinjen */
.hmk-jmf{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);
  font-family:'IBM Plex Mono';font-weight:600;font-size:.74rem;padding:4px 11px;border-radius:2px;white-space:nowrap;cursor:help;z-index:2}
.hmk-jmf b{color:var(--yellow)}

/* Pills */
.hmk-pills{display:flex;flex-wrap:wrap;gap:6px}
.hmk-pill{font-family:'IBM Plex Mono';font-size:.74rem;font-weight:500;border:1.5px solid var(--ink);border-radius:3px;
  padding:2px 8px;background:var(--paper);white-space:nowrap}
.hmk-pill.ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
.hmk-pill.yellow{background:var(--yellow);border-color:var(--ink)}
.hmk-pill.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* Stars */
.hmk-stars{display:inline-flex;gap:1px;vertical-align:middle}
.hmk-stars svg{width:15px;height:15px}
.hmk-star-full{fill:var(--yellow-deep)}
.hmk-star-empty{fill:#D9D2BE}
.hmk-stars svg .f{stop-color:var(--yellow-deep)}
.hmk-stars svg .e{stop-color:#D9D2BE}

/* ---- Generic content blocks (cards / panels) --------------------------- */
.hmk-panel{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm)}
.hmk-panel.fill{background:var(--ink);color:var(--paper)}
.hmk-cols-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.hmk-cols-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}

/* Answer box (AEO — direkt svar) */
.hmk-answer{background:var(--card);border:2px solid var(--ink);border-left:8px solid var(--yellow);border-radius:var(--radius);
  padding:22px 24px;box-shadow:var(--shadow-sm);margin:6px 0 24px}
.hmk-answer .lbl{font-family:'IBM Plex Mono';font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--yellow-deep);margin-bottom:6px}
.hmk-answer p{margin:0;font-size:1.1rem}
.hmk-answer .big{font-family:'Archivo';font-weight:800}

/* Cost table */
.hmk-table-wrap{overflow-x:auto;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--card)}
.hmk-table{width:100%;border-collapse:collapse;font-size:.96rem;min-width:480px}
.hmk-table th,.hmk-table td{text-align:left;padding:12px 16px;border-bottom:1.5px solid #E6E0CE}
.hmk-table thead th{background:var(--ink);color:var(--paper);font-family:'IBM Plex Mono';font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.hmk-table tbody tr:last-child td{border-bottom:0}
.hmk-table td .mono,.hmk-table .price{font-family:'IBM Plex Mono';font-weight:600}
.hmk-table tbody tr:hover{background:var(--paper)}

/* ---- FAQ ---------------------------------------------------------------- */
.hmk-faq{display:flex;flex-direction:column;gap:10px}
.hmk-faq-item{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.hmk-faq-q{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;text-align:left;
  font-family:'Archivo';font-weight:700;font-size:1.06rem;padding:16px 18px;background:none;border:0;cursor:pointer;color:var(--ink)}
.hmk-faq-q .ic{flex:0 0 auto;width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Archivo';transition:transform .2s;background:var(--yellow)}
.hmk-faq-item.open .hmk-faq-q .ic{transform:rotate(45deg)}
.hmk-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}
.hmk-faq-item.open .hmk-faq-a{max-height:600px;padding:0 18px 16px}
.hmk-faq-a p{margin:0;color:var(--muted)}

/* ---- CTA box ------------------------------------------------------------ */
.hmk-cta{background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);
  padding:30px;box-shadow:5px 5px 0 var(--yellow-deep);display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.hmk-cta h3{color:var(--paper);margin:0 0 6px}
.hmk-cta p{margin:0;color:#CFC8B6}
.hmk-cta .hmk-btn.primary{box-shadow:4px 4px 0 var(--paper)}

/* ---- Prose -------------------------------------------------------------- */
.hmk-prose{font-size:1.06rem;line-height:1.7;max-width:72ch}
.hmk-prose h2{margin-top:1.6em}
.hmk-prose h3{margin-top:1.4em}
.hmk-prose ul,.hmk-prose ol{padding-left:1.3em;margin:0 0 1.2em}
.hmk-prose li{margin-bottom:.5em}
.hmk-prose a:not(.hmk-btn){font-weight:600}
.hmk-prose blockquote{border-left:8px solid var(--yellow);background:var(--card);margin:1.4em 0;padding:14px 20px;border-radius:0 var(--radius) var(--radius) 0}
.hmk-prose blockquote p{margin:0}

/* ---- Topic / link grid -------------------------------------------------- */
.hmk-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.hmk-links a{background:var(--card);border:2px solid var(--ink);border-radius:3px;padding:12px 15px;text-decoration:none;
  font-weight:600;font-size:.96rem;display:flex;justify-content:space-between;align-items:center;gap:8px;box-shadow:2px 2px 0 var(--ink);transition:transform .08s,box-shadow .08s}
.hmk-links a:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.hmk-links a .arr{color:var(--yellow-deep)}

/* ---- Article hero image ------------------------------------------------- */
.hmk-arthero{border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:0 0 26px}
.hmk-arthero img{display:block;width:100%;height:auto}
.hmk-meta-line{font-family:'IBM Plex Mono';font-size:.8rem;color:var(--muted);margin-bottom:14px;display:flex;gap:14px;flex-wrap:wrap}

/* ---- Product page ------------------------------------------------------- */
.hmk-prod{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:32px;align-items:start;padding-top:24px}
.hmk-prod-img{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);
  display:flex;align-items:center;justify-content:center;padding:28px;min-height:340px;position:relative}
.hmk-prod-img img{max-height:380px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.hmk-prod-img .hmk-sticker{position:absolute;right:-14px;top:-14px;transform:rotate(6deg)}

/* ---- Footer ------------------------------------------------------------- */
.hmk-foot{background:var(--ink);color:#D7D0BE;margin-top:48px;border-top:3px solid var(--ink);padding:42px 0 26px;font-size:.95rem}
.hmk-foot a{color:#EFE9D8;text-decoration:none}
.hmk-foot a:hover{color:var(--yellow);text-decoration:underline;text-decoration-color:var(--yellow)}
.hmk-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:26px}
.hmk-foot-brand img{height:34px;width:auto;margin-bottom:12px;filter:invert(1) brightness(2)}
.hmk-foot-brand p{color:#B7B0A0;font-size:.92rem;max-width:38ch}
.hmk-foot h5{font-family:'IBM Plex Mono';font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--yellow);margin:0 0 12px}
.hmk-foot ul{list-style:none;margin:0;padding:0}
.hmk-foot li{margin-bottom:8px}
.hmk-foot-logos{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:30px 0 18px;padding:22px 0;border-top:1.5px solid #3A372C;border-bottom:1.5px solid #3A372C}
.hmk-foot-logos a{background:var(--paper);border-radius:4px;padding:8px 12px;display:flex;align-items:center;height:44px}
.hmk-foot-logos img{max-height:24px;width:auto;object-fit:contain}
.hmk-foot-bottom{color:#9A937F;font-size:.82rem}
.hmk-foot .small{font-size:.82rem;color:#9A937F}

/* ---- Tooltip (bootstrap override) -------------------------------------- */
.hmk-tt .tooltip-inner{background:var(--ink);color:var(--paper);font-family:'Figtree';font-size:.85rem;
  max-width:320px;text-align:left;padding:12px 14px;border-radius:var(--radius);border:2px solid var(--yellow);line-height:1.5}
.hmk-tt .tooltip-arrow::before{border-top-color:var(--yellow)!important}

/* ---- Utilities ---------------------------------------------------------- */
.hmk-center{text-align:center}
.hmk-mt-0{margin-top:0}.hmk-mb-0{margin-bottom:0}
.hmk-narrow{max-width:760px;margin-left:auto;margin-right:auto}
.hmk-tag{display:inline-block;font-family:'IBM Plex Mono';font-weight:600;font-size:.72rem;text-transform:uppercase;
  letter-spacing:.08em;background:var(--yellow);border:2px solid var(--ink);padding:3px 9px;border-radius:2px}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:860px){
  .hmk-prod{grid-template-columns:1fr}
  .hmk-foot-grid{grid-template-columns:1fr 1fr;gap:22px}
  .hmk-foot-brand{grid-column:1/-1}
}
@media (max-width:680px){
  body{font-size:16px}
  .hmk-menu{display:none;position:absolute;left:0;right:0;top:74px;flex-direction:column;gap:0;background:var(--paper);
    border-bottom:3px solid var(--ink);padding:8px 20px 16px}
  .hmk-menu.show{display:flex}
  .hmk-menu li{width:100%}
  .hmk-menu a{padding:12px 6px;border:0;border-bottom:1.5px solid #DBD4C0;border-radius:0}
  .hmk-menu a.active{background:none;border-color:var(--ink);color:var(--yellow-deep)}
  .hmk-burger{display:block}
  /* Deal-kort: rent staplat kort på mobil */
  .hmk-deal{
    grid-template-columns:auto 1fr;
    grid-template-areas:"rank logo" "info info" "price price";
    column-gap:12px;row-gap:10px;padding:30px 16px 16px;align-items:center}
  .hmk-deal-rank{grid-area:rank;justify-self:start}
  .hmk-deal-rank.top{justify-self:start}
  .hmk-deal-logo{grid-area:logo;justify-self:end;height:38px}
  .hmk-deal-logo img{max-height:30px;max-width:110px}
  .hmk-deal-info{grid-area:info;min-width:0}
  .hmk-deal-name{font-size:1.12rem}
  .hmk-deal-price{grid-area:price;flex-direction:row;flex-wrap:wrap;align-items:center;
    justify-content:flex-start;text-align:left;border-top:1.5px dashed #D9D2BE;
    margin-top:4px;padding-top:14px;column-gap:12px;row-gap:6px}
  .hmk-price-big{order:1}
  .hmk-deal-price .hmk-btn{order:2;margin-left:auto}
  .hmk-price-sub{order:3;flex:1 1 100%;max-width:none;margin-top:2px}
  /* Jämförpris-band fullbredd på toppen */
  .hmk-jmf{left:14px;right:14px;transform:none;text-align:center;top:-13px;font-size:.72rem;padding:5px 8px}
}