/* Infosidor: komponenter i sidinnehållet (natt-2026-10-21/info). Temat äger bara utseendet – texten, fakta och öppettider står i sidorna.
   Alla regler ligger under .ipc så att de inte krockar med kontots och korgens klasser (.tl, .card m.fl.). */
.ipc .kick.ipc__k{display:block}
.ipc .callout{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;background:var(--soft);border-radius:10px}
.ipc .callout>div{display:grid;gap:3px}
.ipc .callout b{font:800 17px var(--display)}
.ipc .callout span{color:#3e454d;font-size:14.5px;max-width:60ch}
.ipc .callout__b{display:flex;flex-wrap:wrap;gap:10px}

/* fakta-rutor */
.ipc .facts{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ipc .facts li{display:grid;gap:2px;padding:14px 16px;background:var(--soft);border-radius:10px}
.ipc .facts b{font:800 20px var(--display)}
.ipc .facts span{font-size:13.5px;color:var(--mut)}

/* hjälp: tre ämnen */
.ipc .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.ipc .tile{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.ipc .tile__ic,.ipc .vrow__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--soft)}
.ipc .tile__ic svg,.ipc .vrow__ic svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ipc .tile h2{margin:8px 0 0;font:800 20px var(--display)}
.ipc .tile p{margin:0;color:#3e454d;font-size:14.5px;line-height:1.5}
.ipc .tile__l{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}
.ipc .tile__l a{font-weight:600;font-size:14px;color:var(--ink)}

/* kontakt: Övrig kontakt */
.ipc .co{margin-top:30px}
.ipc .co h2,.ipc .visit h2{margin:0 0 10px;font:800 18px var(--display)}
.ipc .co dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding-top:14px;border-top:1px solid var(--line)}
.ipc .co dt{margin-bottom:4px;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.ipc .co dd{margin:0}

/* besök oss */
.ipc .visit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:28px;align-items:start}
.ipc .vrow{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.ipc .vrow:first-child{border-top:0;padding-top:0}
.ipc .vrow h2{margin:0 0 4px;font:800 17px var(--display)}
.ipc .vrow p{margin:0 0 6px;color:#3e454d}
.ipc .hours{border-collapse:collapse;margin:2px 0 8px}
.ipc .hours th{padding:0 22px 0 0;font-weight:600;text-align:left;border:0}
.ipc .hours td{padding:0;border:0;font-variant-numeric:tabular-nums}
.ipc .map{position:relative;aspect-ratio:1/1.05;min-height:340px;border-radius:10px;overflow:hidden;background:#eceef0;box-shadow:inset 0 0 0 1px var(--line)}
.ipc .map iframe,.ipc .map img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.ipc .map__card{position:absolute;left:14px;right:14px;bottom:14px;display:grid;gap:3px;justify-items:start;padding:14px 16px;background:var(--card);border-radius:10px;box-shadow:0 1px 0 var(--line),0 8px 24px rgba(17,19,21,.08)}
.ipc .map__card b{font:800 16px var(--display)}
.ipc .map__card span{margin-bottom:8px;color:#3e454d;font-size:14px}

/* om oss: tidslinje och block */
.ipc .tl{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ink)}
.ipc .tl li{display:grid;gap:3px;padding:14px 16px 0 0}
.ipc .tl b{font:800 20px var(--display)}
.ipc .tl span{color:#3e454d;font-size:14.5px}
.ipc .blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.ipc .blocks--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ipc .block{display:grid;align-content:start;gap:6px;padding:0 0 4px}
.ipc .block__img{display:grid;place-items:center;aspect-ratio:5/3;margin-bottom:8px;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(135deg,var(--soft) 0 12px,var(--card) 12px 24px);box-shadow:inset 0 0 0 1px var(--line)}
.ipc .block__img img{width:100%;height:100%;object-fit:cover;border-radius:0}
.ipc .block h2{margin:0;font:800 20px/1.15 var(--display)}
.ipc .block p{margin:2px 0 0;color:#2c3238;font-size:15px;line-height:1.6}

@media (max-width:1000px){
  .ipc .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ipc .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ipc .blocks--3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .ipc .visit{grid-template-columns:minmax(0,1fr)}
  .ipc .blocks{grid-template-columns:minmax(0,1fr);gap:26px}
}
@media (max-width:600px){
  .ipc .tiles{grid-template-columns:minmax(0,1fr)}
  .ipc .co dl{grid-template-columns:minmax(0,1fr)}
  .ipc .callout{flex-direction:column;align-items:flex-start}
  .ipc .tl{grid-template-columns:minmax(0,1fr);border-top:0}
  .ipc .tl li{grid-template-columns:110px minmax(0,1fr);align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}
  .ipc .tl li:first-child{border-top:1px solid var(--ink)}
  .ipc .block__img{display:none}
  .ipc .map{aspect-ratio:auto;min-height:320px}
}

/* Dokument (Köpvillkor, Integritetspolicy …): innehållsförteckning + text, från natt-2026-10-21/info */
.ipc.is-doc{max-width:980px}
.ipc .doc{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;margin-top:30px;align-items:start}
.ipc .toc{position:sticky;top:20px;align-self:start;font-size:14px}
.ipc .toc__b{display:none}
.ipc .toc .kick{display:block;margin-bottom:10px}
.ipc .toc ol{list-style:none;margin:0;padding:0;display:grid;gap:1px;border-left:1px solid var(--line)}
.ipc .toc a{display:block;padding:6px 12px;margin-left:-1px;border-left:2px solid transparent;text-decoration:none;color:var(--mut);line-height:1.35}
.ipc .toc a:hover{color:var(--ink)}
.ipc .toc a.is-on{color:var(--ink);border-left-color:var(--ink);font-weight:600}
.ipc .toc .l3 a{padding-left:24px;font-size:13px}
.ipc .doc__body{min-width:0;max-width:700px;margin-top:0;font-size:15.5px;line-height:1.7;color:#22272c}
.ipc .doc__body h2{margin:44px 0 12px;padding-top:22px;border-top:1px solid var(--line);font:800 26px/1.15 var(--display);letter-spacing:-.01em;scroll-margin-top:16px}
.ipc .doc__body h2:first-child{margin-top:0;padding-top:0;border-top:0}
.ipc .doc__body h3{margin:28px 0 8px;font:800 18px/1.25 var(--display);scroll-margin-top:16px}
.ipc .doc__body p{margin:0 0 14px}
.ipc .doc__body a{color:var(--ink);overflow-wrap:anywhere}
/* Vanlig text från en konverterad sida (utan innehållsförteckning) */
.ipc .prose h2{font:800 22px/1.2 var(--display)}
.ipc .prose h3{font:800 18px/1.25 var(--display)}
.ipc .prose a{color:var(--ink);overflow-wrap:anywhere}
.ipc .prose img,.ipc .prose iframe{max-width:100%;height:auto}
.ipc .prose iframe{aspect-ratio:16/9;width:100%;border:0;border-radius:10px;margin:0 0 14px}
.ipc .prose iframe[src*="google.com/maps"]{aspect-ratio:4/3;max-width:560px}
/* Kontaktblock (Kontakta oss, Vanliga frågor utan kundservicemodul) */
.ipc .ctc{display:grid;gap:14px;margin:24px 0 8px;padding:20px 22px;background:var(--soft);border-radius:10px}
.ipc .ctc__t{display:grid;gap:2px}
.ipc .ctc__t b{font:800 18px var(--display)}
.ipc .ctc__t span{color:#3e454d;font-size:14.5px}
.ipc .ctc dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding-top:14px;border-top:1px solid var(--line)}
.ipc .ctc dt{margin-bottom:4px;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.ipc .ctc dd{margin:0}
.ipc .ctc__b{display:flex;flex-wrap:wrap;gap:10px}
.ipc .ctc .btn{color:var(--on);text-decoration:none}
.ipc .ctc .btn--ghost{color:var(--ink)}
@media (max-width:1000px){
  .ipc .doc{grid-template-columns:minmax(0,1fr);gap:18px}
  .ipc .toc{position:static;border:1px solid var(--line);border-radius:10px;background:var(--card)}
  .ipc .toc .kick{display:none}
  .ipc .toc__b{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;border:0;background:none;font:500 15px var(--body);text-align:left;cursor:pointer}
  .ipc .toc__b svg{width:14px;height:14px;stroke:var(--ink);fill:none;stroke-width:1.8;transition:transform .2s}
  .ipc .toc.is-open .toc__b svg{transform:rotate(180deg)}
  .ipc .toc ol{display:none;border:0;padding:0 8px 10px}
  .ipc .toc.is-open ol{display:grid}
  .ipc .toc a{border-left:0;margin:0;padding:9px 10px;border-radius:6px}
  .ipc .toc a.is-on{background:var(--soft)}
  .ipc .toc .l3 a{padding-left:24px}
}
@media (max-width:600px){
  .ipc .ctc dl{grid-template-columns:minmax(0,1fr)}
  .ipc .doc__body h2{font-size:22px}
}

/* /varumarken/: Alla varumärken A–Ö (page-varumarken.php) */
.bi{padding-block:30px 64px}
.bi h1{margin:6px 0 0;font:800 clamp(30px,4vw,42px)/1.05 var(--display);letter-spacing:-.02em}
.bi .lead{margin:14px 0 0;font-size:17px;line-height:1.55;color:#3e454d;max-width:62ch}
.bi__az{display:flex;flex-wrap:wrap;gap:6px;margin:26px 0 8px;padding:0;list-style:none}
.bi__az a,.bi__az span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:6px;font:600 14px var(--mono);text-decoration:none}
.bi__az a{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.bi__az a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.bi__az span{color:var(--mut2)}
.bi__g{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 24px;padding:26px 0;border-top:1px solid var(--line);scroll-margin-top:90px}
.bi__l{font:800 34px/1 var(--display);letter-spacing:-.02em}
.bi__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 28px}
.bi__list a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line2);text-decoration:none;color:var(--ink);font-weight:600}
.bi__list a:hover{text-decoration:underline;text-underline-offset:3px}
.bi__list small{color:var(--mut);font:500 13px var(--body);font-variant-numeric:tabular-nums}
@media (max-width:860px){.bi__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.bi{padding-block:18px 40px}.bi__g{grid-template-columns:minmax(0,1fr)}.bi__list{grid-template-columns:minmax(0,1fr)}.bi__l{font-size:28px}}