/* ==========================================================================
   ARSANO — stilmall
   Färger, typografi och komponenter samlade här. Vill du byta accentfärg
   eller typsnitt räcker det att ändra i :root nedan.
   ========================================================================== */

:root{
  --ink:#0F1113;
  --ink-soft:#1B1F23;
  --paper:#F6F5F2;
  --white:#FFFFFF;
  --muted:#6C7278;
  --muted-light:#9AA0A6;
  --line:#E2E0DB;
  --line-dark:#2B2F33;
  --accent:#E9530A;              /* används sparsamt, produkter har egna accenter */

  --max:1120px;
  --gap:clamp(1.25rem, 3vw, 2rem);

  --sans:"Inter","Helvetica Neue",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  --r:2px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }

:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }

.wrap{ width:100%; max-width:var(--max); margin-inline:auto; padding-inline:clamp(1.1rem,4vw,2rem); }
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* ---------- typografi ---------- */
h1,h2,h3,h4{ margin:0; font-weight:650; letter-spacing:-0.015em; line-height:1.15;
  overflow-wrap:break-word; hyphens:auto; }
h1{ font-size:clamp(2.1rem,5.2vw,3.35rem); }
h2{ font-size:clamp(1.5rem,3.2vw,2.1rem); }
h3{ font-size:1.06rem; letter-spacing:-0.005em; }
p{ margin:0 0 1em; }
.lead{ font-size:clamp(1.02rem,1.6vw,1.18rem); color:#3A4046; max-width:62ch; }
.small{ font-size:.88rem; color:var(--muted); }

.eyebrow{
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 .9rem;
  display:flex; align-items:center; gap:.7rem;
}
.eyebrow::before{
  content:""; width:14px; height:2px; background:var(--accent); flex:none;
}
.eyebrow--plain::before{ display:none; }

/* ---------- knappar ---------- */
.btn{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.78rem 1.35rem;
  font-size:.94rem; font-weight:600; letter-spacing:.01em;
  text-decoration:none; border-radius:var(--r);
  border:1px solid var(--ink); background:var(--ink); color:#fff;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.btn:hover{ background:var(--ink-soft); transform:translateY(-1px); }
.btn--ghost{ background:transparent; color:var(--ink); }
.btn--ghost:hover{ background:var(--ink); color:#fff; }
.btn--light{ background:#fff; color:var(--ink); border-color:#fff; }
.btn--light:hover{ background:transparent; color:#fff; border-color:#fff; }
.btn__arrow{ font-family:var(--mono); }

/* ---------- sidhuvud ---------- */
.site-header{
  position:sticky; top:0; z-index:50;
  background:var(--ink); color:#fff;
  border-bottom:1px solid var(--line-dark);
}
.site-header .wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; min-height:70px;
}
.brand{ display:flex; align-items:center; gap:.75rem; text-decoration:none; color:#fff; }
.brand img{ width:36px; height:36px; }
.brand span{
  font-family:var(--mono); font-size:.94rem; font-weight:600;
  letter-spacing:.28em; text-transform:uppercase; padding-left:.1em;
}

.nav{ display:flex; align-items:center; gap:.35rem; }
.nav a{
  position:relative;
  padding:.55rem .85rem;
  font-size:.9rem; font-weight:500; letter-spacing:.02em;
  color:#C7CBCF; text-decoration:none; border-radius:var(--r);
  transition:color .16s ease;
}
.nav a:hover{ color:#fff; }
.nav a[aria-current="page"]{ color:#fff; }
.nav a[aria-current="page"]::after{
  content:""; position:absolute; left:.85rem; right:.85rem; bottom:.15rem;
  height:2px; background:var(--accent);
}

.nav-toggle{
  display:none;
  background:transparent; border:1px solid var(--line-dark); color:#fff;
  padding:.5rem .8rem; border-radius:var(--r); cursor:pointer;
  font-family:var(--mono); font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;
}

@media (max-width:760px){
  .nav-toggle{ display:block; }
  .nav{
    display:none;
    position:absolute; left:0; right:0; top:100%;
    flex-direction:column; align-items:stretch; gap:0;
    background:var(--ink); border-bottom:1px solid var(--line-dark);
    padding:.5rem clamp(1.1rem,4vw,2rem) 1rem;
  }
  .nav.is-open{ display:flex; }
  .nav a{ padding:.85rem .2rem; border-bottom:1px solid var(--line-dark); border-radius:0; }
  .nav a[aria-current="page"]::after{ left:.2rem; right:auto; width:18px; bottom:.5rem; }
  .site-header .wrap{ position:relative; }
}

/* ---------- sektioner ---------- */
.section{ padding-block:clamp(3.2rem,7vw,5.5rem); }
.section--tight{ padding-block:clamp(2.4rem,5vw,3.6rem); }
.section--paper{ background:var(--white); border-block:1px solid var(--line); }
.section__head{ max-width:64ch; margin-bottom:clamp(1.8rem,4vw,2.8rem); }

/* ---------- hero ---------- */
.hero{ background:var(--ink); color:#fff; overflow:hidden; }
.hero .wrap{
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(1.5rem,5vw,4rem);
  align-items:center;
  padding-block:clamp(3.2rem,8vw,6rem);
}
.hero h1{ color:#fff; max-width:16ch; }
.hero p{ color:#B9BEC3; max-width:52ch; margin-top:1.3rem; }
.hero .eyebrow{ color:var(--muted-light); }
.hero__actions{ display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.hero__figure{ position:relative; }
.hero__figure img{ width:100%; filter:drop-shadow(0 18px 40px rgba(0,0,0,.45)); }
.hero__note{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--muted); margin-top:.9rem; text-align:right;
}
@media (max-width:860px){
  .hero .wrap{ grid-template-columns:1fr; }
  .hero__figure{ order:-1; max-width:420px; }
  .hero__note{ text-align:left; }
}

/* ---------- sidrubrik (undersidor) ---------- */
.pagehead{ background:var(--ink); color:#fff; }
.pagehead .wrap{ padding-block:clamp(2.6rem,6vw,4rem); }
.pagehead h1{ color:#fff; max-width:20ch; }
.pagehead p{ color:#B9BEC3; max-width:60ch; margin-top:1.1rem; }
.pagehead .eyebrow{ color:var(--muted-light); }

/* ---------- principer / infoblock ---------- */
.grid{ display:grid; gap:var(--gap); }
.grid--3{ grid-template-columns:repeat(3,1fr); }
.grid--2{ grid-template-columns:repeat(2,1fr); }
@media (max-width:860px){ .grid--3{ grid-template-columns:1fr; } .grid--2{ grid-template-columns:1fr; } }

.principle{ border-top:2px solid var(--ink); padding-top:1.1rem; }
.principle__n{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.16em;
  color:var(--muted); display:block; margin-bottom:.5rem;
}
.principle h3{ margin-bottom:.5rem; }
.principle p{ color:var(--muted); font-size:.95rem; margin:0; }

/* ---------- produktkort ---------- */
.cards{ display:grid; gap:var(--gap); grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
.card{
  display:flex; flex-direction:column;
  background:var(--white); border:1px solid var(--line); border-radius:var(--r);
  text-decoration:none; color:inherit; overflow:hidden;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
a.card:hover{ transform:translateY(-3px); border-color:#C9C6C0; box-shadow:0 14px 34px rgba(15,17,19,.07); }
.card__accent{ height:3px; background:var(--muted-light); }
.card__media{
  aspect-ratio:16/10; display:grid; place-items:center;
  background:linear-gradient(180deg,#FBFAF8,#F1EFEB); padding:1.4rem;
}
.card__media img{ max-height:100%; width:auto; object-fit:contain; }
.card__media--empty{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--muted-light);
}
.card__body{ padding:1.35rem 1.4rem 1.55rem; display:flex; flex-direction:column; gap:.55rem; flex:1; }
.card__kicker{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted);
}
.card h3{ font-size:1.25rem; }
.card p{ margin:0; font-size:.94rem; color:var(--muted); }
.card__foot{
  margin-top:auto; padding-top:1rem;
  font-size:.86rem; font-weight:600; display:flex; align-items:center; gap:.4rem;
}
.card__foot span{ font-family:var(--mono); }

.badge{
  align-self:flex-start;
  font-family:var(--mono); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase;
  padding:.28rem .55rem; border:1px solid var(--line); border-radius:var(--r); color:var(--muted);
}
.badge--live{ border-color:var(--ink); color:var(--ink); }

/* ---------- produktsida ---------- */
.product-hero{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,5vw,3.5rem); align-items:center; }
@media (max-width:860px){ .product-hero{ grid-template-columns:1fr; } }
.product-hero__media{ background:linear-gradient(180deg,#FFFFFF,#EFEDE9); border:1px solid var(--line); padding:clamp(1.2rem,4vw,2.4rem); }
.product-logo{ max-width:210px; margin-bottom:1.2rem; }

.bullets{ list-style:none; margin:0; padding:0; display:grid; gap:.75rem; }
.bullets li{ position:relative; padding-left:1.5rem; font-size:.97rem; }
.bullets li::before{
  content:""; position:absolute; left:0; top:.72em; width:9px; height:1.5px;
  background:var(--product-accent,var(--accent));
}
.bullets strong{ font-weight:650; }

.spec{ width:100%; border-collapse:collapse; }
.spec caption{ text-align:left; }
.spec td{ padding:.62rem 0; border-bottom:1px solid var(--line); vertical-align:baseline; font-size:.94rem; }
.spec tr:first-child td{ border-top:1px solid var(--ink); }
.spec td:first-child{ color:var(--muted); padding-right:1.5rem; }
.spec td:last-child{ text-align:right; font-family:var(--mono); font-size:.86rem; white-space:nowrap; }

.gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; }
.gallery--enkel{ grid-template-columns:1fr; }   /* en enda bild får hela bredden */
@media (max-width:640px){ .gallery{ grid-template-columns:1fr; } }
.gallery figure{ margin:0; }
.gallery img{ width:100%; border:1px solid var(--line); background:#fff; }
.gallery figcaption{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); margin-top:.55rem;
}

.taglist{ list-style:none; margin:0; padding:0; display:grid; gap:.45rem; }
.taglist li{ font-size:.94rem; color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:.45rem; }

.download{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem;
  border:1px solid var(--line); background:var(--white); padding:1.2rem 1.4rem;
}
.download__meta{ font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }

/* ---------- kontakt ---------- */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.6rem,5vw,3.5rem); align-items:start; }
@media (max-width:860px){ .contact-grid{ grid-template-columns:1fr; } }

.field{ display:grid; gap:.4rem; margin-bottom:1rem; }
.field label{ font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.field input,.field textarea,.field select{
  font:inherit; font-size:.95rem; color:var(--ink);
  padding:.7rem .8rem; border:1px solid var(--line); border-radius:var(--r);
  background:var(--white); width:100%;
}
.field textarea{ min-height:150px; resize:vertical; }
.field input:focus,.field textarea:focus,.field select:focus{ border-color:var(--ink); outline:none; }

.contact-list{ list-style:none; margin:0; padding:0; }
.contact-list li{ padding:.85rem 0; border-bottom:1px solid var(--line); display:grid; gap:.15rem; }
.contact-list dt,.contact-list .k{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
}
.contact-list .v{ font-size:1rem; }
.contact-list a{ text-decoration:none; border-bottom:1px solid var(--line); }
.contact-list a:hover{ border-color:var(--ink); }

.note{
  background:var(--white); border:1px solid var(--line); border-left:3px solid var(--ink);
  padding:1.1rem 1.3rem; font-size:.93rem; color:var(--muted);
}

/* ---------- CTA-band ---------- */
.cta{ background:var(--ink); color:#fff; }
.cta .wrap{
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
  padding-block:clamp(2.4rem,5vw,3.4rem);
}
.cta h2{ color:#fff; max-width:22ch; }
.cta p{ color:#B9BEC3; margin:.6rem 0 0; max-width:46ch; }

/* ---------- sidfot ---------- */
.site-footer{ background:var(--ink); color:#9AA0A6; border-top:1px solid var(--line-dark); }
.site-footer .wrap{ padding-block:clamp(2.4rem,5vw,3.4rem); }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:var(--gap); }
@media (max-width:760px){ .footer-grid{ grid-template-columns:1fr; } }
.site-footer h4{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.18em; text-transform:uppercase;
  color:#fff; margin:0 0 .9rem; font-weight:600;
}
.site-footer ul{ list-style:none; margin:0; padding:0; display:grid; gap:.5rem; font-size:.92rem; }
.site-footer a{ text-decoration:none; color:#9AA0A6; }
.site-footer a:hover{ color:#fff; }
.site-footer .brand span{ color:#fff; }
.footer-bottom{
  margin-top:2.4rem; padding-top:1.2rem; border-top:1px solid var(--line-dark);
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase;
}

@media (prefers-reduced-motion:reduce){
  *{ transition:none !important; scroll-behavior:auto !important; }
}

/* ---------- mobiljusteringar ---------- */
@media (max-width:640px){
  .spec{ table-layout:fixed; }
  .spec td{ font-size:.9rem; overflow-wrap:anywhere; }
  .spec td:first-child{ padding-right:.7rem; width:55%; }
  .spec td:last-child{ white-space:normal; font-size:.82rem; }
  .download{ flex-direction:column; align-items:flex-start; }
}


/* ==========================================================================
   Startsida — stor logotyp, slogan, och innehållet om oss under
   ========================================================================== */

body.start{ background:var(--ink); color:#fff; }

/* fast rad högst upp: genomskinlig över hjältebilden, mörk när man rullat ned */
.topbar{
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding-block:1.35rem; border-bottom:1px solid transparent;
  transition:background .3s ease, padding .3s ease, border-color .3s ease;
}
.topbar .wrap{ display:flex; align-items:center; justify-content:space-between; gap:1rem; position:relative; }
.topbar .brand img{ width:42px; height:42px; }
.topbar .brand{
  opacity:0; transform:translateY(-8px); pointer-events:none;
  transition:opacity .3s ease, transform .3s ease;
}
.topbar.is-stuck{
  background:rgba(15,17,19,.94); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  padding-block:.7rem; border-bottom-color:var(--line-dark);
}
.topbar.is-stuck .brand{ opacity:1; transform:none; pointer-events:auto; }

.hero-start{
  position:relative; min-height:100vh; min-height:100svh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:7rem 1.2rem 7rem;
}
.start-logo{
  width:clamp(190px,30vw,360px); height:auto;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.55));
  animation:stigUpp .8s cubic-bezier(.2,.7,.3,1) both;
}
.start-slogan{
  margin:clamp(2rem,4vw,3rem) 0 0;
  font-size:clamp(1.15rem,2.6vw,1.85rem);
  font-weight:500; letter-spacing:.01em; color:#E7E8E9;
  animation:stigUpp .8s cubic-bezier(.2,.7,.3,1) .18s both;
}
.start-slogan::before{
  content:""; display:block; width:48px; height:2px; background:var(--accent);
  margin:0 auto clamp(1.2rem,2.5vw,1.8rem);
}
@keyframes stigUpp{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }

/* rulla-ned-markör */
.scrolla{
  position:absolute; left:50%; bottom:2.2rem; transform:translateX(-50%);
  display:grid; justify-items:center; gap:.7rem;
  padding-left:.2em;                 /* kompenserar tomrummet efter sista tecknet */
  color:#8C9299; text-decoration:none;
  font-family:var(--mono); font-size:.68rem; letter-spacing:.2em; text-transform:uppercase;
  /* egen keyframe – stigUpp slutar på transform:none och skulle slå ut centreringen */
  animation:stigUppMitt .8s cubic-bezier(.2,.7,.3,1) .5s both;
  transition:color .2s ease;
}
@keyframes stigUppMitt{
  from{ opacity:0; transform:translate(-50%,14px); }
  to{   opacity:1; transform:translateX(-50%); }
}
.scrolla:hover{ color:#fff; }
.scrolla i{
  display:block; width:10px; height:10px;
  margin-right:.2em;                 /* linjerar pilen med bokstäverna, inte med kolumnen */
  border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:rotate(45deg); animation:puffa 2s ease-in-out infinite;
}
@keyframes puffa{ 0%,100%{ transform:rotate(45deg) translate(0,0); } 50%{ transform:rotate(45deg) translate(3px,3px); } }

/* allt under hjältebilden ligger på ljus botten */
.start-innehall{ background:var(--paper); color:var(--ink); position:relative; z-index:1; }
.start-innehall [id]{ scroll-margin-top:80px; }

@media (prefers-reduced-motion:reduce){
  .start-logo,.start-slogan,.scrolla{ animation:none; }
  .scrolla i{ animation:none; }
}

/* ==========================================================================
   Meny med utfällbar produktlista
   ========================================================================== */

.meny{ display:flex; align-items:center; gap:.2rem; }
.meny__punkt{ position:relative; }

.meny__lank{
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.6rem .9rem; border:0; background:transparent; cursor:pointer;
  font:inherit; font-size:.95rem; font-weight:500; letter-spacing:.01em;
  color:#C7CBCF; text-decoration:none; border-radius:var(--r);
  transition:color .16s ease;
}
.meny__lank:hover, .meny__punkt:hover > .meny__lank, .meny__punkt.is-open > .meny__lank{ color:#fff; }
.meny__lank[aria-current="page"]{ color:#fff; }
.meny__lank[aria-current="page"]::after{
  content:""; position:absolute; left:.9rem; right:.9rem; bottom:.25rem; height:2px; background:var(--accent);
}
.meny__pil{
  width:7px; height:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
}
.meny__punkt:hover .meny__pil, .meny__punkt.is-open .meny__pil{ transform:translateY(1px) rotate(-135deg); }

.drop{
  position:absolute; top:100%; right:0; z-index:60;
  min-width:280px; padding-top:.55rem;
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .22s ease, transform .22s cubic-bezier(.4,0,.2,1), visibility .22s;
}
.meny__punkt:hover .drop,
.meny__punkt:focus-within .drop,
.meny__punkt.is-open .drop{ opacity:1; visibility:visible; transform:none; }

.drop__panel{
  background:var(--white); color:var(--ink);
  border:1px solid var(--line); border-radius:var(--r);
  box-shadow:0 22px 50px rgba(0,0,0,.28);
  padding:.45rem; overflow:hidden;
}
.drop a, .drop .drop__last{
  display:grid; gap:.12rem;
  padding:.7rem .85rem; border-radius:var(--r);
  text-decoration:none; color:inherit;
}
.drop a:hover{ background:#F4F3F0; }
.drop b{ font-size:.95rem; font-weight:600; }
.drop span{ font-size:.8rem; color:var(--muted); }
.drop .drop__last{ opacity:.5; }
.drop__streck{ height:1px; background:var(--line); margin:.35rem .3rem; }

@media (max-width:760px){
  .meny{ flex-direction:column; align-items:stretch; gap:0; width:100%; }
  .meny__lank{ width:100%; justify-content:space-between; padding:.85rem .2rem; border-radius:0;
               border-bottom:1px solid var(--line-dark); }
  .drop{
    position:static; min-width:0; padding-top:0;
    display:none; opacity:1; visibility:visible; transform:none;
  }
  .meny__punkt.is-open .drop{ display:block; }
  .meny__punkt:hover .drop{ display:none; }
  .meny__punkt.is-open:hover .drop{ display:block; }
  .drop__panel{ box-shadow:none; border:0; border-bottom:1px solid var(--line-dark);
                background:transparent; color:#C7CBCF; padding:.2rem 0 .6rem; }
  .drop a:hover{ background:transparent; color:#fff; }
  .drop span{ color:#7E858B; }
}

/* startsidans meny ligger fritt utan mörk platta */
.topbar .nav-toggle{ border-color:#3A4046; }
@media (max-width:760px){
  .topbar .meny{
    display:none; position:absolute; top:calc(100% + .7rem); right:0; left:0;
    background:var(--ink); border:1px solid var(--line-dark); padding:.4rem 1rem 1rem;
  }
  .topbar .meny.is-open{ display:flex; }
}

/* ---------- grundarkort ---------- */
.person{ background:var(--white); border:1px solid var(--line); padding:1.5rem 1.6rem; }
.person h3{ margin-bottom:.2rem; }
.person .roll{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--muted); margin-bottom:.9rem; display:block;
}
.person p{ margin:0; font-size:.95rem; color:var(--muted); }

/* meny i det mörka sidhuvudet på undersidorna */
@media (max-width:760px){
  .site-header .wrap{ position:relative; }
  .site-header .meny{
    display:none; position:absolute; left:0; right:0; top:100%;
    background:var(--ink); border-bottom:1px solid var(--line-dark);
    padding:.4rem clamp(1.1rem,4vw,2rem) 1rem;
  }
  .site-header .meny.is-open{ display:flex; }
}

/* logotypen ensam i sidhuvudet, utan text */
.site-header .brand img{ width:44px; height:44px; }
.site-footer .brand img{ width:40px; height:40px; }