@import url("./perus.css");
/* Sama reunasta reunaan ulottuva hero kuin muilla kategoriasivuilla. */
.layout-shell:has(>.layout-main>.site-hero){padding-top:0}
.layout-main{padding-top:0}
.layout-main>.site-hero.site-hero{position:relative;left:auto;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);transform:none}
.layout-main>.site-hero .site-hero__content{margin-inline-start:max(0px,calc((100vw - 1180px)/2 - 28px))}
@media(max-width:700px){.layout-main>.site-hero .site-hero__content{margin-inline-start:0}}

/* Mobile shell has 16px gutters: extend only by those gutters, not by a
   transformed viewport-wide box that can enlarge the horizontal scroll area. */
@media(max-width:850px){
  .layout-main>.site-hero.site-hero{
    left:auto;transform:none;
    width:calc(100% + 32px);max-width:calc(100% + 32px);
    margin-inline:-16px;
  }
}