/* By Evono, mobil (< 760 px) från evono-by-evono-mobil-paket. Laddas bara på by-evono.html, efter style.css.
   bm-foot/bm-fnav finns inte här: sidfoten är den gemensamma JSON-sidfoten (listlayouten ligger i style.css, .evono-footlist). */
/* Lägg sist i sidans CSS. Gäller bara under 760 px. */
@media (max-width:760px){
.bm-hero{padding:104px 0 48px!important}
.bm-hero .bv-hero>div{gap:18px!important}
.bm-h1{font-size:38px!important;line-height:1.04!important}
.bm-p{font-size:17px!important;line-height:1.55!important}
.bm-sec{padding:72px 0!important}
.bm-gap{gap:32px!important}
.bm-h2{font-size:32px!important;line-height:1.1!important}
.ev-split{gap:16px!important}
.ev-split>div[style*="padding-top: 34px"],.ev-split>p[style*="padding-top: 34px"]{padding-top:0!important}
.ev-3{gap:12px!important}
.bm-card{display:grid!important;grid-template-columns:36px 1fr;column-gap:14px;row-gap:4px!important;padding:18px!important;border-radius:16px!important}
.bm-card>span:first-child{grid-row:span 2;width:36px!important;height:36px!important;border-radius:10px!important}
.bm-card>span:first-child svg{width:18px;height:18px}
.bm-card h3{font-size:19px!important;align-self:center}
.bm-card p{font-size:15px!important;line-height:1.5!important}
.bm-lodra{padding-bottom:72px!important}
.bm-lodra .bv-concept{border-radius:22px!important}
.bm-lodra .bv-ctext{padding:28px 20px 4px!important;gap:16px!important}
.bm-lodra .bv-ctext h3{font-size:28px!important}
.bm-lodra .bv-ctext p{font-size:16px!important}
.bm-lodra .bv-ctext ul{display:none!important}
.bm-lodra .bv-ctext{padding-bottom:0!important}
.bm-lodra .bv-cvis{min-height:230px!important}
.bm-lodra .bv-cvis>div:nth-child(2){transform:perspective(1600px) rotateY(-10deg) rotateX(3deg) scale(.5)!important;transform-origin:top left!important;left:20px!important;top:26px!important}
.bm-hero .bv-heroviz{display:block!important;height:340px!important;margin-top:4px}
.bm-hero .bv-heroviz>div:first-child{transform:rotate(-5deg) scale(.7)!important;transform-origin:top left;top:46px!important;left:0!important}
.bm-hero .bv-heroviz>div:nth-child(2){transform:rotate(5deg) scale(.7)!important;transform-origin:top right;right:4px!important;top:4px!important}
.bm-hero .bv-heroviz>div:nth-child(3){transform:rotate(-2deg) scale(.7)!important;transform-origin:bottom left;left:6px!important;bottom:0!important}
.bm-hero .bv-hero{gap:28px!important}
.bm-vis{height:150px!important;border-radius:18px!important;padding:12px!important}
.bm-vis>*{transform:scale(.78);transform-origin:center}
ol.ev-3{gap:36px!important}
ol.ev-3>li{gap:12px!important}
ol.ev-3 h3{font-size:20px!important}
.bm-ide{padding:72px 0!important}
.bm-ide .ev-wrap{gap:18px!important}
.bm-ide a,.bm-ide span[style*="border-radius: 999px"]{font-size:14px}
.bm-foot{padding:56px 0 28px!important}
.bm-foot>.ev-wrap{gap:28px!important}
.bm-fnav{flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important;justify-content:flex-start!important;border-top:1px solid #12392D}
.bm-fnav a{min-height:44px!important;border-bottom:1px solid #12392D;font-size:16px}
}