.wp-block-lilamobil-landing{max-width:none!important}
.lm-landing{overflow:clip;background:var(--mk-cream);color:var(--mk-ink)}
.lm-landing-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:52rem;padding:7.5rem 1rem 1rem;background:var(--mk-plum-deep);color:var(--mk-white)}
.lm-landing-hero__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(3rem,7vw,7rem)}
.lm-landing-hero h1{max-width:9ch;margin:0;font:300 clamp(3.8rem,6.5vw,7rem)/.9 var(--lm-font-display);letter-spacing:-.065em}
.lm-landing-hero__copy>p:not(.lm-kicker){max-width:35rem;margin-block:2rem 0;color:var(--mk-white-soft);font-size:1.08rem;font-weight:450;line-height:1.7}
.lm-landing-hero .lm-button{margin-block-start:2.25rem}
.lm-landing-hero figure{min-height:42rem;margin:0;overflow:hidden;border-radius:var(--mk-radius)}
.lm-landing-hero figure img{width:100%;height:100%;object-fit:cover}
.lm-landing--abonnemang .lm-landing-hero figure img{object-position:38% center}
.lm-landing--bredband .lm-landing-hero figure{background:#f7f3f1 url("https://lilamobil.mkdsgn.se/wp-content/uploads/2026/08/bredband-router-hero.png?v=20260831") 50% 50%/cover no-repeat}
.lm-landing--bredband .lm-landing-hero figure img{opacity:0}
.lm-landing--varfor-lila .lm-landing-hero figure img{object-position:70% center}
.lm-landing-section{padding-block:clamp(6rem,10vw,10rem)}
.lm-landing-section .lm-section-head h2,.lm-landing-faq h2,.lm-landing-story h2,.lm-landing-feature h2{font-weight:300;letter-spacing:-.055em}
.lm-landing-proof{padding-block:0 8rem}
.lm-landing-proof .lm-shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--mk-hairline-dark)}
.lm-landing-proof article{display:flex;flex-direction:column;gap:.5rem;padding:2.5rem;border-inline-end:1px solid var(--mk-hairline-dark)}
.lm-landing-proof article:last-child{border:0}
.lm-landing-proof strong{font:300 clamp(2.8rem,5vw,5rem)/1 var(--lm-font-display);letter-spacing:-.05em}
.lm-landing-proof span{color:var(--mk-ink-soft);font-weight:500}
.lm-landing-faq{padding-block:clamp(6rem,10vw,10rem);background:var(--mk-cream-deep)}
.lm-landing-faq>.lm-shell{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(4rem,8vw,9rem)}
.lm-landing-faq h2{max-width:9ch;font-size:clamp(3rem,5vw,5.5rem)}
.lm-landing-faq details{border-block-start:1px solid var(--mk-hairline-dark)}
.lm-landing-faq summary{min-height:5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600}
.lm-landing-faq details p{max-width:62ch;padding-block-end:1.75rem;color:var(--mk-ink-soft);line-height:1.7}
.lm-landing-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);background:var(--mk-cream-deep)}
.lm-landing-feature figure{min-height:46rem;margin:1rem;overflow:hidden;border-radius:var(--mk-radius)}
.lm-landing-feature figure img{width:100%;height:100%;object-fit:cover}
.lm-landing-feature>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(4rem,8vw,8rem)}
.lm-landing-feature h2{max-width:9ch;font-size:clamp(3rem,5vw,5.5rem)}
.lm-landing-feature ul{display:grid;gap:1rem;margin-block:2rem;padding:0;list-style:none;color:var(--mk-ink-soft)}
.lm-landing-feature li{padding-block-end:1rem;border-block-end:1px solid var(--mk-hairline-dark)}
.lm-landing-feature--reverse{background:var(--mk-cream)}
.lm-landing-feature--reverse figure{order:2}
.lm-landing-story{padding-block:clamp(6rem,10vw,10rem)}
.lm-landing-story>.lm-shell{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(4rem,8vw,9rem)}
.lm-landing-story h2{max-width:9ch;font-size:clamp(3rem,5vw,5.5rem)}
.lm-story-list article{display:grid;grid-template-columns:3.5rem minmax(12rem,.55fr) minmax(0,1fr);gap:1.5rem;padding-block:2rem;border-block-start:1px solid var(--mk-hairline-dark);align-items:start}
.lm-story-list span{color:var(--mk-violet);font-size:.7rem;font-weight:700;letter-spacing:.12em}
.lm-story-list h3{margin:0;font:500 1.35rem/1.1 var(--lm-font-display)}
.lm-story-list p{margin:0;color:var(--mk-ink-soft);line-height:1.65}
.lm-contact-panel{padding-block:clamp(5rem,8vw,8rem)}
.lm-contact-panel>.lm-shell{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.lm-contact-panel a{display:flex;min-height:18rem;flex-direction:column;justify-content:flex-end;padding:2.5rem;border-radius:var(--mk-radius);background:var(--mk-white);color:var(--mk-ink);box-shadow:0 0 0 .45rem var(--mk-hairline-dark);text-decoration:none;transition:transform 240ms var(--mk-ease)}
.lm-contact-panel a:hover{transform:translateY(-.35rem)}
.lm-contact-panel span{margin-block-end:auto;color:var(--lm-muted);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.lm-contact-panel strong{font:400 clamp(1.8rem,4vw,3.5rem)/1 var(--lm-font-display);letter-spacing:-.04em}
.lm-contact-panel small{margin-block-start:1rem;color:var(--mk-ink-soft);font-size:.9rem}
.lm-landing-cta{display:flex;min-height:36rem;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:5rem 1.5rem;background:var(--mk-plum-deep);color:var(--mk-white);text-align:center}
.lm-landing-cta h2{max-width:12ch;margin:0;font:300 clamp(3.2rem,7vw,6.5rem)/.92 var(--lm-font-display);letter-spacing:-.06em}
@media(max-width:60rem){.lm-landing-hero,.lm-landing-feature{grid-template-columns:minmax(0,1fr)}.lm-landing-hero{padding-top:7rem}.lm-landing-hero figure{min-height:32rem}.lm-landing-feature figure{min-height:32rem}.lm-landing-feature--reverse figure{order:0}.lm-landing-story>.lm-shell{grid-template-columns:1fr}.lm-landing-faq>.lm-shell{grid-template-columns:1fr}.lm-landing-faq h2{max-width:12ch}}
@media(max-width:48rem){.lm-landing-hero{min-height:auto;padding:6.5rem .5rem .5rem}.lm-landing-hero__copy{padding:4rem 1rem}.lm-landing-hero h1{font-size:clamp(3.2rem,16vw,4.7rem)}.lm-landing-hero figure{min-height:25rem}.lm-landing-proof .lm-shell{grid-template-columns:1fr}.lm-landing-proof article{border-inline:0;border-block-end:1px solid var(--mk-hairline-dark)}.lm-landing-feature figure{min-height:24rem}.lm-landing-feature>div{padding:4.5rem 1.25rem}.lm-story-list article{grid-template-columns:2.5rem 1fr}.lm-story-list p{grid-column:2}.lm-contact-panel>.lm-shell{grid-template-columns:1fr}.lm-contact-panel a{min-height:15rem;padding:1.75rem}}

/* Service pages: calmer editorial composition */
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero{
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  min-height:46rem;
  padding:6.75rem max(1rem,calc((100vw - 90rem)/2)) 1rem;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero__copy{
  padding:clamp(2.5rem,4vw,4.25rem);
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero h1{
  max-width:14ch;
  font-size:clamp(3rem,4vw,4.35rem) !important;
  font-weight:600;
  line-height:.94;
  letter-spacing:-.055em;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero p{
  max-width:31rem;
  font-size:clamp(1rem,1.15vw,1.15rem);
  line-height:1.65;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero figure{
  min-height:36rem;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature{
  width:min(calc(100% - 3rem),80rem);
  margin:clamp(4.5rem,7vw,7rem) auto;
  grid-template-columns:minmax(0,1.08fr) minmax(22rem,.82fr);
  gap:clamp(3rem,6vw,6rem);
  align-items:center;
  background:transparent;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature figure{
  min-height:0;
  aspect-ratio:4/3;
  border-radius:var(--mk-radius-lg);
  overflow:hidden;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature>div{
  padding:0;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature h2{
  max-width:18ch;
  font-size:clamp(2.35rem,3vw,3.2rem) !important;
  font-weight:600;
  line-height:.96;
  letter-spacing:-.05em;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature li{
  padding:1.05rem 0;
  font-size:1rem;
  line-height:1.55;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-story{
  padding:clamp(5rem,7vw,7rem) 1.5rem;
  background:var(--mk-cream-deep);
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-story>.lm-shell{
  display:block;
  width:min(100%,74rem);
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-story h2{
  max-width:17ch;
  margin:0 0 clamp(2.5rem,5vw,4.5rem);
  font-size:clamp(2.45rem,3.3vw,3.65rem) !important;
  font-weight:600;
  line-height:.96;
  letter-spacing:-.05em;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-story-list{
  border-bottom:1px solid var(--mk-hairline);
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-story-list article{
  grid-template-columns:7rem minmax(12rem,.7fr) minmax(0,1.3fr);
  gap:clamp(1.5rem,4vw,4rem);
  padding:1.6rem 0;
  align-items:start;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-story-list span{
  padding-top:.25rem;
  font-size:.72rem;
  letter-spacing:.11em;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-story-list h3{
  font-size:clamp(1.2rem,1.8vw,1.55rem);
  line-height:1.25;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-story-list p{
  max-width:36rem;
  font-size:1rem;
  line-height:1.65;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-faq{
  padding:clamp(5rem,7vw,7rem) 1.5rem;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-faq>.lm-shell{
  display:block;
  width:min(100%,70rem);
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-faq h2{
  max-width:15ch;
  margin:0 0 clamp(2.5rem,4vw,3.5rem);
  font-size:clamp(2.45rem,3.3vw,3.65rem) !important;
  font-weight:600;
  line-height:.96;
  letter-spacing:-.05em;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-faq-list summary{
  padding:1.5rem 2.5rem 1.5rem 0;
  font-size:clamp(1rem,1.4vw,1.15rem);
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-faq-list p{
  max-width:50rem;
  font-size:1rem;
  line-height:1.65;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-cta{
  min-height:25rem;
  padding:5rem 1.5rem;
  gap:1.75rem;
}
:is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-cta h2{
  max-width:14ch;
  font-size:clamp(2.4rem,3.5vw,3.65rem) !important;
  font-weight:600;
  line-height:.95;
}
@media(max-width:64rem){
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero figure{
    min-height:31rem;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature{
    grid-template-columns:1fr;
    width:min(calc(100% - 2rem),46rem);
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature--reverse figure{
    order:0;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature h2{
    max-width:15ch;
  }
}
@media(max-width:48rem){
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero{
    padding:6.25rem .5rem .5rem;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero__copy{
    padding:3.5rem 1.25rem;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero h1{
    font-size:clamp(2.75rem,11vw,3.5rem) !important;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-hero figure{
    min-height:23rem;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature{
    margin:4rem auto;
    gap:2.25rem;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-feature h2,
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-story h2,
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-faq h2{
    font-size:clamp(2.15rem,9vw,2.8rem) !important;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-story-list article{
    grid-template-columns:1fr;
    gap:.5rem;
    padding:1.4rem 0;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-story-list p{
    grid-column:auto;
  }
  :is(.lm-landing--reparationer,.lm-landing--hardvara) .lm-landing-cta{
    min-height:21rem;
    padding:4rem 1.25rem;
  }
}
