@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-ext-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
.byq-nw.byq-s-byq-detalj-monolith{
  font-family: Figtree, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}.byq-nw.byq-s-byq-detalj-monolith{
  margin: 0
}.byq-nw.byq-s-byq-detalj-monolith section{
  display: block
}.byq-nw.byq-s-byq-detalj-monolith a{
  background-color: transparent
}.byq-nw.byq-s-byq-detalj-monolith a:active, .byq-nw.byq-s-byq-detalj-monolith a:hover{
  outline: 0
}.byq-nw.byq-s-byq-detalj-monolith img{
  border: 0
}.byq-nw.byq-s-byq-detalj-monolith svg:not(:root){
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith input, .byq-nw.byq-s-byq-detalj-monolith textarea{
  color: inherit;
  font: inherit;
  margin: 0
}.byq-nw.byq-s-byq-detalj-monolith input::-moz-focus-inner{
  border: 0;
  padding: 0
}.byq-nw.byq-s-byq-detalj-monolith input{
  line-height: normal
}.byq-nw.byq-s-byq-detalj-monolith input[type=checkbox]{
  box-sizing: border-box;
  padding: 0
}.byq-nw.byq-s-byq-detalj-monolith textarea{
  overflow: auto
}
@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: 400;
  font-style: normal
}.byq-nw.byq-s-byq-detalj-monolith, .byq-nw.byq-s-byq-detalj-monolith *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}.byq-nw.byq-s-byq-detalj-monolith{
  height: 100%
}.byq-nw.byq-s-byq-detalj-monolith{
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Figtree, sans-serif;
  font-size: 14.0px;
  line-height: 20px;
  color: #333
}.byq-nw.byq-s-byq-detalj-monolith img{
  max-width: 100%;
  vertical-align: middle;
  display: inline-block
}.byq-nw.byq-s-byq-detalj-monolith html.w-mod-touch *{
  background-attachment: scroll!important
}.byq-nw.byq-s-byq-detalj-monolith .w-inline-block{
  max-width: 100%;
  display: inline-block
}.byq-nw.byq-s-byq-detalj-monolith .w-button{
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898ec;
  color: #fff;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0
}.byq-nw.byq-s-byq-detalj-monolith input.w-button{
  -webkit-appearance: button
}.byq-nw.byq-s-byq-detalj-monolith p{
  margin-top: 0;
  margin-bottom: 10px
}.byq-nw.byq-s-byq-detalj-monolith .w-embed:after, .byq-nw.byq-s-byq-detalj-monolith .w-embed:before{
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}.byq-nw.byq-s-byq-detalj-monolith .w-embed:after{
  clear: both
}.byq-nw.byq-s-byq-detalj-monolith .w-form{
  margin: 0 0 15px
}.byq-nw.byq-s-byq-detalj-monolith .w-form-done{
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #ddd
}.byq-nw.byq-s-byq-detalj-monolith .w-form-fail{
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede
}.byq-nw.byq-s-byq-detalj-monolith label{
  display: block;
  margin-bottom: 5px;
  font-weight: 700
}.byq-nw.byq-s-byq-detalj-monolith .w-input{
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14.0px;
  line-height: 1.42857143;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc
}.byq-nw.byq-s-byq-detalj-monolith .w-input::placeholder{
  color: #999
}.byq-nw.byq-s-byq-detalj-monolith .w-input:focus{
  border-color: #3898ec;
  outline: 0
}.byq-nw.byq-s-byq-detalj-monolith textarea.w-input{
  height: auto
}.byq-nw.byq-s-byq-detalj-monolith .w-form-label{
  display: inline-block;
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0
}.byq-nw.byq-s-byq-detalj-monolith .w-container{
  margin-left: auto;
  margin-right: auto;
  max-width: 940px
}.byq-nw.byq-s-byq-detalj-monolith .w-container:after, .byq-nw.byq-s-byq-detalj-monolith .w-container:before{
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}.byq-nw.byq-s-byq-detalj-monolith .w-container:after{
  clear: both
}@media screen and (max-width:991px){.byq-nw.byq-s-byq-detalj-monolith .w-container{
    max-width: 728px
  }
}@media screen and (max-width:479px){.byq-nw.byq-s-byq-detalj-monolith .w-container{
    max-width: none
  }
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--large{
  width: 36px;
  height: 28px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{
  font-size: 18.0px;
  line-height: 18px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim:not(.w--vertical).w--large{
  margin-left: 6px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim:not(.w--vertical).w--large:before{
  border-width: 5px;
  margin-left: -10px;
  margin-top: -5px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim:not(.w--vertical).w--large:after{
  border-width: 5px;
  margin-left: -9px;
  margin-top: -5px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--vertical{
  width: 61px;
  height: 33px;
  margin-bottom: 8px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--vertical:after, .byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--vertical:before{
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--vertical:before{
  border-color: rgba(117,134,150,0);
  border-top-color: #5d6c7b;
  border-width: 5px;
  margin-left: -5px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--vertical:after{
  border-color: rgba(255,255,255,0);
  border-top-color: #fff;
  border-width: 4px;
  margin-left: -4px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{
  font-size: 18.0px;
  line-height: 22px
}.byq-nw.byq-s-byq-detalj-monolith .w-widget-twitter-count-shim.w--vertical.w--large{
  width: 76px
}.byq-nw.byq-s-byq-detalj-monolith .w-dropdown-list.w--open{
  display: block
}.byq-nw.byq-s-byq-detalj-monolith .w-dropdown-link.w--current{
  color: #0082f3
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-backdrop{
  cursor: auto;
  font-style: normal;
  letter-spacing: normal;
  list-style: disc;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-family: Figtree, sans-serif;
  font-size: 17.0px;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  background: rgba(0,0,0,.9);
  z-index: 2000;
  outline: 0;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate(0,0)
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-backdrop, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-container{
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-content{
  position: relative;
  height: 100vh;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-view{
  position: absolute;
  width: 100vw;
  height: 100vh;
  opacity: 0
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-view:before{
  content: "";
  height: 100vh
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group .w-lightbox-view, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group .w-lightbox-view:before{
  height: 86vh
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-frame, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-view:before{
  display: inline-block;
  vertical-align: middle
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-figure{
  position: relative;
  margin: 0
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group .w-lightbox-figure{
  cursor: pointer
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-img{
  width: auto;
  height: auto;
  max-width: none
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-image{
  display: block;
  float: none;
  max-width: 100vw;
  max-height: 100vh
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group .w-lightbox-image{
  max-height: 86vh
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-caption{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: .5em 1em;
  background: rgba(0,0,0,.4);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-embed{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-control{
  position: absolute;
  top: 0;
  width: 4em;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-left{
  display: none;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-right{
  display: none;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-close{
  right: 0;
  height: 2.6em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-strip{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1vh;
  line-height: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-item{
  display: inline-block;
  width: 10vh;
  padding: 2vh 1vh;
  box-sizing: content-box;
  cursor: pointer;
  -webkit-transform: translate3d(0,0,0)
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-active{
  opacity: .3
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-thumbnail{
  position: relative;
  height: 10vh;
  background: #222;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-thumbnail-image{
  position: absolute;
  top: 0;
  left: 0
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-thumbnail .w-lightbox-tall{
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%)
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-thumbnail .w-lightbox-wide{
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0)
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-spinner{
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border: 5px solid rgba(0,0,0,.4);
  border-radius: 50%;
  -webkit-animation: spin .8s infinite linear;
  animation: spin .8s infinite linear
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-spinner:after{
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-radius: 50%
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-hide{
  display: none
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-noscroll{
  overflow: hidden
}@media (min-width:768px){.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-content{
    height: 96vh;
    margin-top: 2vh
  }.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-view, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-view:before{
    height: 96vh
  }.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group .w-lightbox-view, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group .w-lightbox-view:before{
    height: 84vh
  }.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-image{
    max-width: 96vw;
    max-height: 96vh
  }.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-group .w-lightbox-image{
    max-width: 82.3vw;
    max-height: 84vh
  }.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-left, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-right{
    display: block;
    opacity: .5
  }.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-close{
    opacity: .8
  }.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-control:hover{
    opacity: 1
  }
}.byq-nw.byq-s-byq-detalj-monolith .w-lightbox-inactive, .byq-nw.byq-s-byq-detalj-monolith .w-lightbox-inactive:hover{
  opacity: 0
}.byq-nw.byq-s-byq-detalj-monolith .w-nav-link.w--current{
  color: #0082f3
}.byq-nw.byq-s-byq-detalj-monolith .w--nav-link-open{
  display: block;
  position: relative
}.byq-nw.byq-s-byq-detalj-monolith .w-nav-button.w--open{
  background-color: #c8c8c8;
  color: #fff
}.byq-nw.byq-s-byq-detalj-monolith .w--nav-dropdown-open{
  display: block
}.byq-nw.byq-s-byq-detalj-monolith .w--nav-dropdown-toggle-open{
  display: block
}.byq-nw.byq-s-byq-detalj-monolith .w--nav-dropdown-list-open{
  position: static
}.byq-nw.byq-s-byq-detalj-monolith .w-tab-link.w--current{
  background-color: #c8c8c8
}.byq-nw.byq-s-byq-detalj-monolith .w--tab-active{
  display: block
}
@keyframes spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}.byq-nw.byq-s-byq-detalj-monolith .w-dyn-empty{
  padding: 10px;
  background-color: #ddd
}.byq-nw.byq-s-byq-detalj-monolith .w-dyn-hide{
  display: none!important
}.byq-nw.byq-s-byq-detalj-monolith .w-dyn-bind-empty{
  display: none!important
}.byq-nw.byq-s-byq-detalj-monolith .w-condition-invisible{
  display: none!important
}.byq-nw.byq-s-byq-detalj-monolith{
  --light: white;
  --font--body: Figtree, sans-serif;
  --dark: #17181c;
  --text--text-body: 16px;
  --letter-spacing--1: -.01em;
  --heading--h1: 72px;
  --letter-spacing--4: -.04em;
  --heading--h2: 56px;
  --heading--h3: 48px;
  --letter-spacing--2: -.02em;
  --heading--h4: 32px;
  --heading--h5: 24px;
  --heading--h6: 20px;
  --border-dark: #17181c29;
  --font--serif: Figtree, sans-serif;
  --radius--big: 40px;
  --text--text-small: 14px;
  --border-light: #ffffff29;
  --bg-1: #f6f6f2;
  --bg-2: #ede8e2;
  --font--wide: Figtree, sans-serif;
  --letter-spacing--2-0: .02em;
  --accent: #a9d0e6;
  --radius--regular: 32px;
  --text--text-big: 20px;
  --radius--round: 100vw;
  --radius--small: 16px;
  --white: white;
  --radius--medium: 24px;
  --black: #0e0e0e;
  --radius--xxsmall: 8px;
  --radius--xsmall: 12px;
  --semi-transparent-white: #fffc;
  --accent-2: #164ac3;
  --light-orange: #fff7e8;
  --dark-orange: #734a00;
  --heading--h0: 72px;
  --letter-spacing--8: -.08em;
  --letter-spacing--5: -.05em;
  --letter-spacing--3: -.03em;
  --letter-spacing--0: 0px;
  --letter-spacing--0-7px: .7px;
  --letter-spacing--4-0: .04em;
  --letter-spacing--8-0: .08em;
  --text--button: 16px;
  --text--label: 12px
}.byq-nw.byq-s-byq-detalj-monolith .w-layout-blockcontainer{
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block
}.byq-nw.byq-s-byq-detalj-monolith .w-layout-grid{
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}.byq-nw.byq-s-byq-detalj-monolith .w-checkbox{
  margin-bottom: 5px;
  padding-left: 20px;
  display: block
}.byq-nw.byq-s-byq-detalj-monolith .w-checkbox:before{
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}.byq-nw.byq-s-byq-detalj-monolith .w-checkbox:after{
  content: " ";
  clear: both;
  grid-area: 1/1/2/2;
  display: table
}.byq-nw.byq-s-byq-detalj-monolith .w-checkbox-input{
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal
}.byq-nw.byq-s-byq-detalj-monolith .w-checkbox-input--inputType-custom{
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px
}.byq-nw.byq-s-byq-detalj-monolith .w-checkbox-input--inputType-custom.w--redirected-checked{
  background-color: #3898ec;
  /* Webflows eget CDN laa her med et avkryssingsikon sida ikke bruker.
     En ekstern forespoersel til Webflow paa hver visning, fjernet 05.11.2026. */
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec
}.byq-nw.byq-s-byq-detalj-monolith .w-checkbox-input--inputType-custom.w--redirected-focus{
  box-shadow: 0 0 3px 1px #3898ec
}@media screen and (max-width:991px){.byq-nw.byq-s-byq-detalj-monolith .w-layout-blockcontainer{
    max-width: 728px
  }
}@media screen and (max-width:767px){.byq-nw.byq-s-byq-detalj-monolith .w-layout-blockcontainer{
    max-width: none
  }
}.byq-nw.byq-s-byq-detalj-monolith{
  background-color: var(--light);
  font-family: var(--font--body);
  color: var(--dark);
  font-size: var(--text--text-body);
  letter-spacing: var(--letter-spacing--1);
  line-height: 150%
}.byq-nw.byq-s-byq-detalj-monolith p{
  margin-bottom: 10px
}.byq-nw.byq-s-byq-detalj-monolith a{
  color: var(--dark);
  text-decoration: none
}.byq-nw.byq-s-byq-detalj-monolith img{
  max-width: 100%;
  display: inline-block
}.byq-nw.byq-s-byq-detalj-monolith .cta-main{
  border-radius: var(--radius--big);
  background-color: var(--dark);
  color: var(--light);
  font-size: var(--text--text-body);
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
  transition: background-color .2s,color .2s;
  display: flex;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .cta-main.light{
  background-color: var(--light);
  color: var(--dark)
}.byq-nw.byq-s-byq-detalj-monolith .main-container{
  z-index: 2;
  width: 100%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px
}.byq-nw.byq-s-byq-detalj-monolith .section{
  color: #17181c;
  letter-spacing: -.01em;
  background-color: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
  font-family: Figtree, sans-serif;
  font-size: 16.0px;
  line-height: 150%;
  position: relative
}.byq-nw.byq-s-byq-detalj-monolith .section.hero-property{
  padding-top: 88px;
  padding-bottom: 0
}.byq-nw.byq-s-byq-detalj-monolith .text-h3{
  letter-spacing: var(--letter-spacing--2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Figtree, sans-serif;
  font-size: 48.0px;
  font-weight: 600;
  line-height: 100%
}.byq-nw.byq-s-byq-detalj-monolith .text-h3.wide{
  text-transform: uppercase;
  font-family: Figtree, sans-serif;
  font-weight: 800
}.byq-nw.byq-s-byq-detalj-monolith .text-underline{
  text-decoration: underline
}.byq-nw.byq-s-byq-detalj-monolith .text-h4{
  font-size: var(--heading--h4);
  letter-spacing: var(--letter-spacing--2);
  font-weight: 600;
  line-height: 100%
}.byq-nw.byq-s-byq-detalj-monolith .text-h4.wide{
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-family: Figtree, sans-serif;
  font-size: 32.0px;
  font-weight: 800
}.byq-nw.byq-s-byq-detalj-monolith .text-big{
  margin-top: 0;
  margin-bottom: 0;
  font-family: Figtree, sans-serif;
  font-size: 20.0px;
  font-weight: 400;
  line-height: 140%
}.byq-nw.byq-s-byq-detalj-monolith .text-big.semibold{
  font-family: var(--font--body);
  font-weight: 600
}.byq-nw.byq-s-byq-detalj-monolith .text-h6{
  letter-spacing: var(--letter-spacing--2);
  font-size: 20.0px;
  font-weight: 600;
  line-height: 140%
}.byq-nw.byq-s-byq-detalj-monolith .text-h6.wide{
  font-family: var(--font--wide);
  text-transform: uppercase;
  font-weight: 800
}.byq-nw.byq-s-byq-detalj-monolith .text-body{
  font-family: var(--font--serif);
  font-size: var(--text--text-body);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400
}.byq-nw.byq-s-byq-detalj-monolith .text-body.semibold{
  font-family: var(--font--body);
  font-weight: 600
}.byq-nw.byq-s-byq-detalj-monolith .text-body.sans{
  font-family: var(--font--body)
}.byq-nw.byq-s-byq-detalj-monolith .label{
  letter-spacing: var(--letter-spacing--2-0);
  text-transform: uppercase;
  font-family: Figtree, sans-serif;
  font-size: 12.0px;
  font-weight: 600;
  line-height: 16px
}.byq-nw.byq-s-byq-detalj-monolith .text-h5{
  font-size: var(--heading--h5);
  letter-spacing: var(--letter-spacing--2);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 600;
  line-height: 100%
}.byq-nw.byq-s-byq-detalj-monolith .image-cover{
  object-fit: cover;
  width: 100%;
  height: 100%
}.byq-nw.byq-s-byq-detalj-monolith .text-field{
  border: 1px solid var(--border-dark);
  background-color: var(--light);
  color: #17181c;
  width: 100%;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-family: Figtree, sans-serif;
  font-size: 16.0px
}.byq-nw.byq-s-byq-detalj-monolith .text-field:focus{
  border-color: var(--accent)
}.byq-nw.byq-s-byq-detalj-monolith .text-field::placeholder{
  color: #17181c80
}.byq-nw.byq-s-byq-detalj-monolith .text-field.payments{
  padding-left: 42px
}.byq-nw.byq-s-byq-detalj-monolith .text-field.text-area{
  height: 169px
}.byq-nw.byq-s-byq-detalj-monolith .checkbox{
  width: 18px;
  height: 18px;
  margin-top: 0
}.byq-nw.byq-s-byq-detalj-monolith .home-b-tab.w--current{
  background-color: var(--light);
  color: var(--light);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .button-arrow{
  justify-content: center;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .opacity-50{
  opacity: .5
}.byq-nw.byq-s-byq-detalj-monolith .error-message{
  color: #fffdfa;
  background-color: #ff5353
}.byq-nw.byq-s-byq-detalj-monolith .success-message{
  background-color: var(--light);
  color: #151515;
  text-align: center
}.byq-nw.byq-s-byq-detalj-monolith .dropdown-list.w--open{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1800px;
  margin-top: 50px;
  padding-top: 50px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto
}.byq-nw.byq-s-byq-detalj-monolith .dropdown-list.no-styling-navbar.w--open{
  top: -5px
}.byq-nw.byq-s-byq-detalj-monolith .nav-link.w--current{
  color: #151515
}.byq-nw.byq-s-byq-detalj-monolith .section-divider{
  background-color: var(--border-dark);
  width: 100%;
  height: 1px;
  margin-right: auto
}.byq-nw.byq-s-byq-detalj-monolith .contact-input-wrap{
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .input-halves{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}.byq-nw.byq-s-byq-detalj-monolith .relative-block{
  position: relative
}.byq-nw.byq-s-byq-detalj-monolith .nav-dropdown-list.w--open{
  z-index: 10043;
  background-color: #0000;
  margin-top: 0;
  padding-top: 24px
}.byq-nw.byq-s-byq-detalj-monolith .breadcrumb-navigation{
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .breadcrumb-link:hover{
  text-decoration: underline
}.byq-nw.byq-s-byq-detalj-monolith .property-top-tile{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 56px;
  margin-bottom: 24px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .property-location-tile{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .icon-location{
  /* Malens ikon lå på BYQs demotjener (byqsupply-components.netlify.app) og kunne
     forsvinne når som helst. Byttet til Material Symbols som inline svg med
     currentColor — husets regel, ingen tredjepartslast. Boksen vokser 20 → 24 px
     fordi Material fyller 83,5 % av tegneflata der malikonet fyller 100 %. */
  width: 24px;
  height: 24px
}.byq-nw.byq-s-byq-detalj-monolith .property-gallery-halves{
  grid-template-rows: auto
}.byq-nw.byq-s-byq-detalj-monolith .property-gallery{
  grid-template-rows: 315px 315px;
  height: 646px
}.byq-nw.byq-s-byq-detalj-monolith .property-gallery-image{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .property-gallery-image.big{
  height: 648px
}.byq-nw.byq-s-byq-detalj-monolith .gallery-overlay-link{
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%
}.byq-nw.byq-s-byq-detalj-monolith .gallery-overlay-link.mobile{
  display: none
}.byq-nw.byq-s-byq-detalj-monolith .property-halves{
  grid-column-gap: 136px;
  grid-row-gap: 136px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  place-items: start stretch
}.byq-nw.byq-s-byq-detalj-monolith .property-sticky-info{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 100px
}.byq-nw.byq-s-byq-detalj-monolith .property-body{
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .property-side-card{
  background-color: var(--bg-1);
  padding: 32px
}.byq-nw.byq-s-byq-detalj-monolith .side-card-top-tile{
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .side-card-middle-tile{
  margin-top: 24px;
  margin-bottom: 40px
}.byq-nw.byq-s-byq-detalj-monolith h1.text-h3{margin:0}
/* Ankerhopp: menyen ligger fast over innholdet, så ankeret trenger klaring
   over seg — ellers havner overskrifta bak menylinja. */
.byq-nw.byq-s-byq-detalj-monolith #form{scroll-margin-top:96px}
/* «Flere bilder» sto bare på mobil — malen har en egen .desktop-variant vi
   ikke bruker, så på stor skjerm fantes det ingen synlig vei inn i galleriet.
   JA 06.11.2026: «knappen for å se galleriet er borte». */
/* MALEN HAR TO KNAPPER, OG DE HØRER TIL HVER SIN FLATE. På mobil ligger
   «Flere bilder» midt i det store bildet. På desktop ligger den i det SISTE
   lille bildet nede til høyre — slik Monolith-malen gjør det. Vi rendret bare
   mobil-varianten, så på desktop fantes ingen knapp; deretter flyttet jeg den
   dit jeg trodde den hørte hjemme. JA 06.11.2026: «se bare malen vi bygget
   fra i første omgang». Nå står begge der malen har dem. */
@media screen and (min-width:480px){
 .byq-nw.byq-s-byq-detalj-monolith .gallery-overlay-link.desktop{display:flex}
}
.byq-nw.byq-s-byq-detalj-monolith .side-card-bottom-tile{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .side-card-info-tile{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .icon-side-card{
  width: 20px;
  height: 20px
}.byq-nw.byq-s-byq-detalj-monolith .side-card-info-left{
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .property-author-tile{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--border-dark);
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .property-author-image{
  border-radius: var(--radius--round);
  flex: none;
  width: 72px;
  height: 72px;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .property-author-name{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .property-descrption-wrap{
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .headline-property-small{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-bottom: 32px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .amenities-halves{
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid
}.byq-nw.byq-s-byq-detalj-monolith .amenity-tile{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .icon-amenity{
  width: 32px
}.byq-nw.byq-s-byq-detalj-monolith .left-process{
  flex-direction: column;
  align-items: center;
  width: 32px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .single-process{
  grid-column-gap: 40px;
  align-items: stretch;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .right-process{
  grid-row-gap: 12px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-bottom: 28px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .right-process.last-process{
  padding-bottom: 0
}.byq-nw.byq-s-byq-detalj-monolith .line-process{
  background-color: #e7e7e7;
  width: 1px;
  height: 100%
}.byq-nw.byq-s-byq-detalj-monolith .process-circle{
  background-color: #17181c80;
  border-radius: 50%;
  flex: none;
  width: 24px;
  height: 24px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .fill-line{
  background-color: var(--border-dark);
  transform-origin: 50% 0;
  width: 100%;
  height: 100%
}.byq-nw.byq-s-byq-detalj-monolith .fill-circle{
  background-color: var(--dark);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%
}.byq-nw.byq-s-byq-detalj-monolith .master-process{
  width: 100%
}.byq-nw.byq-s-byq-detalj-monolith .master-neighbourhood{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .neighbourhood-tile{
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  place-items: center stretch;
  display: grid
}.byq-nw.byq-s-byq-detalj-monolith .neighbourhood-icon-wrap{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .icon-neighbourhood{
  width: 32px
}.byq-nw.byq-s-byq-detalj-monolith .neighbourhood-arrow{
  opacity: .5
}.byq-nw.byq-s-byq-detalj-monolith .form-block-payments{
  background-color: var(--bg-1);
  margin-bottom: 0;
  padding: 32px
}.byq-nw.byq-s-byq-detalj-monolith .input-halves-payments{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}.byq-nw.byq-s-byq-detalj-monolith .input-currency{
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 16px
}.byq-nw.byq-s-byq-detalj-monolith .payment-form-top-tile{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-bottom: 24px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .payments-form-cost-tile{
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  margin-top: 24px;
  margin-bottom: 32px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .form-cost-wrap{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .form-submit-wrap{
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative
}.byq-nw.byq-s-byq-detalj-monolith .property-house-plan-image{
  width: 100%;
  height: 441px
}.byq-nw.byq-s-byq-detalj-monolith .property-location-image{
  border-radius: var(--radius--xxsmall);
  width: 100%;
  height: 441px;
  overflow: hidden
}.byq-nw.byq-s-byq-detalj-monolith .headline-property-location{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .property-contact-halves{
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  background-color: var(--bg-1);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  padding: 80px 40px 80px 64px
}.byq-nw.byq-s-byq-detalj-monolith .property-contact-right{
  color: var(--light);
  background-image: url("https://www.auto8-8.no/wp-content/uploads/2026/06/V9A8753-2048x1366.webp"); /* var malens egen CTAImage på BYQs demotjener — erstattet, ikke bare overstyrt */
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 750px;
  padding: 24px;
  display: flex;
  position: relative
}.byq-nw.byq-s-byq-detalj-monolith .property-form-top-tile{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 32px;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .property-contact-form{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .checkbox-property-contact{
  border: 1px solid var(--border-dark);
  border-radius: var(--radius--xxsmall);
  background-color: var(--light);
  flex: none;
  width: 32px;
  height: 32px;
  margin-right: 16px
}.byq-nw.byq-s-byq-detalj-monolith .checkbox-field-property-contact{
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .property-contact-author-tile{
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative
}.byq-nw.byq-s-byq-detalj-monolith .dropdown-list-listing-a.w--open{
  border: 1px solid var(--border-dark);
  border-radius: var(--radius--small);
  background-color: var(--light)
}.byq-nw.byq-s-byq-detalj-monolith .tab-link-home.w--current{
  background-color: var(--light)
}.byq-nw.byq-s-byq-detalj-monolith .property-cta-overalay{
  background-image: linear-gradient(#0000,#000);
  width: 100%;
  height: 200px;
  position: absolute;
  inset: auto 0% 0%
}.byq-nw.byq-s-byq-detalj-monolith .checkbox-filter.w--redirected-checked{
  border-color: var(--border-dark);
  background-color: var(--bg-1);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 6.2 4.4 9 10.5 3' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); /* haken lå også på demotjeneren — nå inline */
  background-position: 50%;
  background-size: auto
}.byq-nw.byq-s-byq-detalj-monolith .checkbox-filter.w--redirected-focus{
  box-shadow: 0 0 #0000
}.byq-nw.byq-s-byq-detalj-monolith .checkbox-amenities.w--redirected-checked{
  border: 1px solid var(--border-dark);
  background-color: var(--bg-1);
  background-image: linear-gradient(180deg,var(--bg-1),var(--bg-1))
}.byq-nw.byq-s-byq-detalj-monolith .button-content-tile{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-detalj-monolith .button-animation-hide{
  height: 24px;
  overflow: hidden
}@media screen and (max-width:991px){.byq-nw.byq-s-byq-detalj-monolith .section{
    padding-top: 64px;
    padding-bottom: 64px
  }.byq-nw.byq-s-byq-detalj-monolith .text-h3{
    font-size: 40.0px
  }.byq-nw.byq-s-byq-detalj-monolith .menu-button.w--open{
    color: #151515;
    background-color: #0000
  }.byq-nw.byq-s-byq-detalj-monolith .dropdown-list.w--open{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static
  }.byq-nw.byq-s-byq-detalj-monolith .nav-link.w--current{
    background-color: #0000
  }.byq-nw.byq-s-byq-detalj-monolith .nav-dropdown-list.w--open{
    box-shadow: none;
    padding: 0
  }.byq-nw.byq-s-byq-detalj-monolith .property-gallery-halves{
    grid-template-columns: 1fr
  }.byq-nw.byq-s-byq-detalj-monolith .property-gallery{
    height: auto
  }.byq-nw.byq-s-byq-detalj-monolith .property-gallery-image.big{
    height: 400px
  }.byq-nw.byq-s-byq-detalj-monolith .property-halves{
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 2fr
  }.byq-nw.byq-s-byq-detalj-monolith .property-sticky-info{
    position: static
  }.byq-nw.byq-s-byq-detalj-monolith .property-contact-halves{
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1.5fr;
    padding: 64px 48px
  }.byq-nw.byq-s-byq-detalj-monolith .property-contact-right{
    height: 400px
  }
}@media screen and (max-width:767px){.byq-nw.byq-s-byq-detalj-monolith .text-h3{
    font-size: 36.0px
  }.byq-nw.byq-s-byq-detalj-monolith .property-gallery{
    grid-template-rows: 250px 250px
  }.byq-nw.byq-s-byq-detalj-monolith .property-gallery-image.big{
    height: 300px
  }.byq-nw.byq-s-byq-detalj-monolith .amenities-halves{
    grid-row-gap: 24px;
    grid-template-columns: auto
  }.byq-nw.byq-s-byq-detalj-monolith .neighbourhood-tile{
    grid-row-gap: 24px;
    grid-template-columns: 1fr auto 1fr auto
  }.byq-nw.byq-s-byq-detalj-monolith .payments-form-cost-tile{
    grid-row-gap: 24px;
    flex-flow: wrap
  }.byq-nw.byq-s-byq-detalj-monolith .property-house-plan-image, .byq-nw.byq-s-byq-detalj-monolith .property-location-image{
    height: 300px
  }.byq-nw.byq-s-byq-detalj-monolith .property-contact-halves{
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 48px 32px
  }.byq-nw.byq-s-byq-detalj-monolith .dropdown-list-listing-a.w--open{
    padding-bottom: 20px;
    position: static
  }
}@media screen and (max-width:479px){.byq-nw.byq-s-byq-detalj-monolith p{
    font-size: 16.0px
  }.byq-nw.byq-s-byq-detalj-monolith .cta-main{
    font-size: var(--text--text-small);
    padding: 8px 20px
  }.byq-nw.byq-s-byq-detalj-monolith .main-container{
    padding-left: 16px;
    padding-right: 16px
  }.byq-nw.byq-s-byq-detalj-monolith .section{
    padding-top: 48px;
    padding-bottom: 48px
  }.byq-nw.byq-s-byq-detalj-monolith .text-h3{
    font-size: 32.0px
  }.byq-nw.byq-s-byq-detalj-monolith .text-h4{
    font-size: 24.0px
  }.byq-nw.byq-s-byq-detalj-monolith .text-big{
    font-size: 16.0px;
    line-height: 150%
  }.byq-nw.byq-s-byq-detalj-monolith .text-h6.wide{
    font-size: var(--text--text-body)
  }.byq-nw.byq-s-byq-detalj-monolith .text-body{
    font-size: 12.0px;
    line-height: 166%
  }.byq-nw.byq-s-byq-detalj-monolith .label{
    font-size: 10.0px;
    line-height: 12px
  }.byq-nw.byq-s-byq-detalj-monolith .text-h5{
    font-size: 20.0px
  }.byq-nw.byq-s-byq-detalj-monolith .text-field.text-area{
    height: 120px
  }.byq-nw.byq-s-byq-detalj-monolith .button-arrow{
    display: none
  }.byq-nw.byq-s-byq-detalj-monolith .dropdown-list.w--open{
    justify-content: center;
    align-items: flex-start
  }.byq-nw.byq-s-byq-detalj-monolith .input-halves{
    grid-template-columns: 1fr
  }.byq-nw.byq-s-byq-detalj-monolith .property-top-tile{
    margin-top: 32px
  }.byq-nw.byq-s-byq-detalj-monolith .property-gallery{
    grid-template-rows: 200px 200px;
    display: none
  }.byq-nw.byq-s-byq-detalj-monolith .property-gallery-image.big{
    height: 200px
  }.byq-nw.byq-s-byq-detalj-monolith .gallery-overlay-link.mobile{
    display: flex
  }.byq-nw.byq-s-byq-detalj-monolith .gallery-overlay-link.desktop{
    display: none
  }.byq-nw.byq-s-byq-detalj-monolith .headline-property-small{
    margin-bottom: 24px
  }.byq-nw.byq-s-byq-detalj-monolith .left-process{
    width: 28px
  }.byq-nw.byq-s-byq-detalj-monolith .single-process{
    grid-column-gap: 16px
  }.byq-nw.byq-s-byq-detalj-monolith .process-circle{
    width: 25px;
    height: 25px
  }.byq-nw.byq-s-byq-detalj-monolith .master-neighbourhood{
    grid-column-gap: 24px;
    grid-row-gap: 24px
  }.byq-nw.byq-s-byq-detalj-monolith .neighbourhood-tile{
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-columns: 1fr auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }.byq-nw.byq-s-byq-detalj-monolith .icon-neighbourhood{
    width: 24px
  }.byq-nw.byq-s-byq-detalj-monolith .neighbourhood-arrow{
    transform: rotate(90deg)
  }.byq-nw.byq-s-byq-detalj-monolith .form-block-payments{
    padding-left: 24px;
    padding-right: 24px
  }.byq-nw.byq-s-byq-detalj-monolith .input-halves-payments{
    grid-template-columns: 1fr
  }.byq-nw.byq-s-byq-detalj-monolith .property-house-plan-image, .byq-nw.byq-s-byq-detalj-monolith .property-location-image{
    height: 200px
  }.byq-nw.byq-s-byq-detalj-monolith .property-contact-halves{
    padding-left: 24px;
    padding-right: 24px
  }.byq-nw.byq-s-byq-detalj-monolith .property-contact-right{
    height: 300px
  }.byq-nw.byq-s-byq-detalj-monolith .checkbox-property-contact{
    width: 24px;
    height: 24px
  }.byq-nw.byq-s-byq-detalj-monolith .button-animation-wrap{
    height: 20px
  }.byq-nw.byq-s-byq-detalj-monolith .button-content-tile.bottom-tile{
    display: none
  }.byq-nw.byq-s-byq-detalj-monolith .button-animation-hide{
    height: auto
  }
}.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e7a-c718031b{
  justify-self: center
}.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e7d-c718031b{
  justify-self: end
}.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e86-c718031b{
  justify-self: center
}.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e89-c718031b{
  justify-self: end
}.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e92-c718031b{
  justify-self: center
}.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e95-c718031b{
  justify-self: end
}.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e9e-c718031b{
  justify-self: center
}.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2ea1-c718031b{
  justify-self: end
}@media screen and (max-width:767px){.byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e7d-c718031b, .byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e89-c718031b, .byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2e95-c718031b, .byq-nw.byq-s-byq-detalj-monolith #w-node-_01dff4f8-c1ef-83fe-336f-9bc9463e2ea1-c718031b{
    justify-self: auto
  }
}


/* ===== Auto 8-8-tilpasning — alt over er malens egen kode ===== */
/* Husets lag på Monolith-detaljsida. Kommer SIST, etter malens egen kode, og
   blandes aldri inn i 1:1-kopien. 15.10.2026. */

/* Temaet setter maksbredde på overskrifter og holder section i en 1140 px
   container. Begge holdes unna kopien. */
.byq-nw.byq-s-byq-detalj-monolith section { max-width: none; width: auto; margin-left: 0; margin-right: 0; }
.byq-nw.byq-s-byq-detalj-monolith h1, .byq-nw.byq-s-byq-detalj-monolith h2, .byq-nw.byq-s-byq-detalj-monolith h3,
.byq-nw.byq-s-byq-detalj-monolith h4, .byq-nw.byq-s-byq-detalj-monolith h5, .byq-nw.byq-s-byq-detalj-monolith h6, .byq-nw.byq-s-byq-detalj-monolith p { max-width: none; }

/* Galleriruta er en lenke og skal se ut som en knapp å trykke på. */
.byq-nw.byq-s-byq-detalj-monolith .property-gallery-image { cursor: zoom-in; }

/* ===== Galleriet =====
   Ligger på <body>, ikke inni .byq-nw.byq-s-byq-detalj-monolith. Grunnen: `position: fixed` slutter å
   forholde seg til vinduet hvis en forelder har transform eller filter, og det
   har vi ingen kontroll på inne i malen. Derfor er klassene her uskopet og
   prefikset byq-lb-, og verdiene skrevet ut i stedet for å peke på malens
   variabler — de finnes ikke utenfor wrapperen. */
.byq-lb {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(23, 24, 28, .94);   /* malens egen mørke, med litt gjennomsikt */
}
.byq-lb.er-apen { display: flex; }
html.byq-lb-laast { overflow: hidden; }

.byq-lb-ramme {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: min(1170px, 100%);
}
.byq-lb-ramme img {
  display: block;
  max-width: 100%;
  /* Plass til bildetekst og teller under. 100vh ville presset dem ut av skjermen. */
  max-height: calc(100vh - 180px);
  object-fit: contain;
  border-radius: 16px;          /* = --radius--small i Monolith */
  background: #0c0d10;          /* mørk flate mens bildet lastes, ikke hvitt blink */
}
.byq-lb-ramme figcaption {
  font-family: Figtree, sans-serif;
  font-style: normal;   /* temaet setter kursiv på figcaption — bildetekst skal stå rett */
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .72);
  text-align: center;
  max-width: 60ch;
}

.byq-lb-teller {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  font-family: Figtree, sans-serif;
  font-size: 14px;
  letter-spacing: .04em;
  color: rgba(255, 255, 255, .64);
  font-variant-numeric: tabular-nums;   /* teller som ikke hopper fra 9 til 10 */
}

.byq-lb button {
  position: absolute;
  border: 0;
  background: rgba(255, 255, 255, .10);
  color: #fff;
  cursor: pointer;
  border-radius: 100vw;
  transition: background-color .15s ease;
}
/* Temaet maler alle knapper magenta ved hover OG fokus, og lukkeknappen får
   fokus med en gang galleriet åpnes. Her slo det ut som elementor-rosa kryss
   midt i bildet. Klassevelger + pseudoklasse slår temaets regel uten !important. */
.byq-lb button:hover,
.byq-lb button:focus,
.byq-lb button:active {
  background-color: rgba(255, 255, 255, .22);
  color: #fff;
  box-shadow: none;
}
.byq-lb button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.byq-lb-lukk {
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.byq-lb-pil {
  top: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
}
.byq-lb-pil.venstre { left: 20px; }
.byq-lb-pil.hoyre { right: 20px; }
/* Pilene tegnes i CSS — ett element mindre å vedlikeholde i skriptet. */
.byq-lb-pil::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
.byq-lb-pil.venstre::before { transform: translate(-40%, -50%) rotate(135deg); }
.byq-lb-pil.hoyre::before { transform: translate(-60%, -50%) rotate(-45deg); }

/* Fingrer trenger større mål enn en mus, og pilene skal ikke ligge oppå bildet
   på en telefon. Flyttes ned på linje med telleren. */
@media (max-width: 767px) {
  .byq-lb { padding: 12px; }
  .byq-lb-ramme img { max-height: calc(100vh - 220px); }
  .byq-lb-pil { top: auto; bottom: 16px; margin-top: 0; }
  .byq-lb-pil.venstre { left: 16px; }
  .byq-lb-pil.hoyre { right: 16px; }
  .byq-lb-teller { bottom: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  .byq-lb button { transition: none; }
}

/* ===== Knappene ruller som i Forerunner =====
   Malen stabler to kopier av knappeteksten i et vindu med overflow hidden, men
   lar Webflows egen motor skyve dem opp — og detaljsida har null IX2, så
   ingenting beveget seg. JA 15.10: knappen skal ha samme animasjon som
   Forerunner-temaet.

   MÅLT på sida: vinduet er 24 px, de to tekstkopiene 24 px hver, stablet på 0 og
   24. Rulleavstanden er derfor nøyaktig 24 px — et helt tall, ingen halve
   piksler å få uskarp tekst av. Kurven og tida er Forerunners egne (.32s). */
.byq-nw.byq-s-byq-detalj-monolith .button-animation-wrap {
  transition: transform .32s cubic-bezier(.33, 1, .68, 1);
}
@media (hover: hover) and (pointer: fine) {
  .byq-nw.byq-s-byq-detalj-monolith .cta-main:hover .button-animation-wrap { transform: translateY(-24px); }
}
@media (prefers-reduced-motion: reduce) {
  .byq-nw.byq-s-byq-detalj-monolith .button-animation-wrap { transition: none; }
}

/* Biltittelen bærer et produktnavn, og da gjelder produsentens egen skrivemåte
   selv om feltet står i versaler — MAZDA 6e, X1 xDRIVE25e. Navnet skrives ferdig
   formatert i markupen, så malens text-transform må av akkurat her.
   Seksjonsoverskriftene (BESKRIVELSE, UTSTYR) beholder sin — de er våre ord,
   ikke produktnavn. */
.byq-nw.byq-s-byq-detalj-monolith .property-top-tile .text-h3.wide { text-transform: none; }

/* Prisen står i et felt malen setter i versaler, og da ble «kr» til «KR».
   Enheten skrives liten på norsk. Tallet er tall og merker ingenting. */
.byq-nw.byq-s-byq-detalj-monolith .side-card-top-tile .text-h4.wide { text-transform: none; }

/* Malens prisboks er `position: sticky` og skal følge med ned til kontaktfeltet.
   Hos oss gjorde den ikke det: temaet setter `overflow-x: hidden` på html og body,
   og da blir body en rulle-beholder — sticky slutter å virke for ALT inni.
   Målt 15.10: kortet gled rett forbi, toppen gikk fra 1084 til −4365.

   `clip` gir samme vern mot sidelengs rulling uten å lage en rulle-beholder.
   Det er husets eget grep fra før (snippet 156, 260, 263), og her gjelder det
   bare sider som faktisk bruker denne seksjonen. */
html, body { overflow-x: clip; }

/* ===== Spesifikasjonstabellen =====
   Malens nabolagsrad har fem kolonner: innhold, pil, innhold, pil, innhold.
   JA 15.10 ville ha «tre kolonner som den første i stedet for piler på to av
   kolonnene». Pilene er ute av markupen, og de tre cellene deler bredden likt.
   Fire rader à tre celler = de tolv feltene. */
.byq-nw.byq-s-byq-detalj-monolith .byq-spek-rad { grid-template-columns: 1fr 1fr 1fr; }

/* Etiketten over verdien inne i hver celle. Alt på én linje brakk de lengste
   parene og ga radene ulik høyde (målt 32/84/32/56 px). Stablet er hver celle
   like høy på alle bredder — og det er slik Finn gjør det i sin tabell. */
.byq-nw.byq-s-byq-detalj-monolith .byq-spek-tekst { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.byq-nw.byq-s-byq-detalj-monolith .byq-spek-verdi {
  opacity: .72;
  /* «18,2 kWh/100 km» brakk i to i vinduet 992–1100 px, og da ble én rad dobbelt
     så høy som naboene (målt 114 mot 58). Verdien er kort nok til å stå samlet. */
  white-space: nowrap;
}

/* Ikonet skal ikke klemmes når etiketten er lang («1. gang registrert»). */
.byq-nw.byq-s-byq-detalj-monolith .byq-spek-rad .icon-neighbourhood { flex: none; }


/* ===== «Les mer»-utløseren =====
   Malen har ingen tekstlenke-komponent, så denne er husets egen: samme ink som
   brødteksten, pluss et plusstegn. Diskret nok til å ikke konkurrere med
   Kontakt oss-knappen, tydelig nok til å ses. */
.byq-nw.byq-s-byq-detalj-monolith .byq-mer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;   /* sto for tett på teksten over — JA 15.10 */
  padding: 0;
  border: 0;
  background: none;
  font-family: Figtree, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: inherit;
  cursor: pointer;
  border-bottom: 1px solid currentColor;
  line-height: 1.6;
}
.byq-nw.byq-s-byq-detalj-monolith .byq-mer:hover,
.byq-nw.byq-s-byq-detalj-monolith .byq-mer:focus,
.byq-nw.byq-s-byq-detalj-monolith .byq-mer:active {
  background: none;
  background-color: transparent;   /* samme magenta-felle som over */
  color: inherit;
  box-shadow: none;
  opacity: .7;
}
.byq-nw.byq-s-byq-detalj-monolith .byq-mer:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.byq-nw.byq-s-byq-detalj-monolith .byq-mer-pluss { font-size: 18px; line-height: 1; }

/* Krysset er to streker i en svg, ikke tegnet ×. Glyffen sitter ulikt i hver
   font og så skjev ut i den runde knappen. 14 px strek i en 24-ramme gir et
   kryss som står i midten uansett hvor knappen brukes. */
.byq-kryss {
  width: 16px;
  height: 16px;
  flex: none;          /* uten denne klemmer flex-knappen krysset til 12x16 */
  display: block;
  fill: none;
}

/* Innlogget ligger WPs adminlinje øverst, og lukkekrysset havnet under den.
   Flyttes ned når linja er der — den finnes ikke for vanlige besøkende. */
body.admin-bar .byq-lb-lukk { top: 52px; }

/* ===== Popupen =====
   Ligger på <body> av samme grunn som galleriet: position fixed slutter å
   forholde seg til vinduet hvis en forelder har transform. Derfor uskopede
   navn og utskrevne verdier. */
.byq-pop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(23, 24, 28, .72);
}
.byq-pop.er-apen { display: flex; }
html.byq-pop-laast { overflow: hidden; }

.byq-pop-panel {
  background: #F5F5F3;            /* malens egen lyse flate */
  border-radius: 24px;            /* = --radius--medium i Monolith */
  width: min(720px, 100%);
  max-height: min(80vh, 760px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.byq-pop-topp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 12px 32px;
}
.byq-pop-tittel {
  margin: 0;
  font-family: Figtree, sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;      /* som seksjonsoverskriftene på sida */
  color: #17181C;
}
.byq-pop-lukk {
  flex: none;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 100vw;
  background: rgba(23, 24, 28, .07);
  color: #17181C;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .15s ease;
}
/* Temaet maler ALLE knapper magenta ved hover og fokus:
   `button:hover, button:focus { background-color: #CC3366; color: #fff }`.
   I hvile synes det ikke — feilen dukker opp i det noen tar på knappen, og
   lukkeknappen får fokus automatisk når popupen åpnes. Nøytraliseres med
   klassevelger + pseudoklasse (0,2,0 slår temaets 0,1,1), ikke !important. */
.byq-pop-lukk:hover,
.byq-pop-lukk:focus,
.byq-pop-lukk:active {
  background-color: rgba(23, 24, 28, .14);
  color: #17181C;
  box-shadow: none;
}
.byq-pop-lukk:focus-visible { outline: 2px solid #17181C; outline-offset: 3px; }

/* Kroppen ruller, ikke hele panelet — tittelen og lukkeknappen skal bli stående. */
.byq-pop-kropp {
  overflow-y: auto;
  padding: 4px 32px 32px;
  font-family: Figtree, sans-serif;
  color: #17181C;
}
.byq-pop-kropp p { margin: 0 0 16px; font-size: 16px; line-height: 1.6; }
.byq-pop-kropp p:last-child { margin-bottom: 0; }
.byq-pop-kropp .byq-mer-liste {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
}
.byq-pop-kropp .byq-mer-liste li {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 18px;
  position: relative;
}
/* Punktet tegnes i CSS, så lista slipper et tegn per linje i markupen. */
.byq-pop-kropp .byq-mer-liste li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 100vw;
  background: currentColor;
  opacity: .5;
}
@media (max-width: 600px) {
  .byq-pop { padding: 12px; }
  .byq-pop-topp { padding: 20px 16px 8px 20px; }
  .byq-pop-kropp { padding: 4px 20px 24px; }
  .byq-pop-kropp .byq-mer-liste { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .byq-pop-lukk { transition: none; }
}

/* Det store bildet i kontaktseksjonen er en bakgrunn i CSS, ikke en <img>, så
   det må byttes her. Inntil hver avdeling har eget bruktbilhall-foto bruker vi
   avdelingsbildet fra lokasjonsoversikten — JA 15.10. */
.byq-nw.byq-s-byq-detalj-monolith .property-contact-right {
  background-image: url("https://www.auto8-8.no/wp-content/uploads/2026/06/V9A8753-2048x1366.webp");
}

/* Portrettet er 480×575 med ansiktet i øvre halvdel. I en rund 72 px ramme med
   `cover` ville midtstilling kappet pannen og tatt med skuldrene — bildet skal
   treffe fjeset (JA). Målt på bildet: øynene ligger ca. 35 % ned. */
.byq-nw.byq-s-byq-detalj-monolith .property-author-image img { object-position: 50% 18%; }
/* Åpningstidene i kontaktseksjonen. To kolonner: dag til venstre, klokkeslett til
   høyre, med en tynn linje mellom radene — samme rytme som nøkkeltallene i
   prisboksen, så sida ikke får to måter å liste opp noe på. */
.byq-nw.byq-s-byq-detalj-monolith .byq-salgstider {
  list-style: none; margin: 12px 0 0; padding: 0; max-width: 360px;
}
.byq-nw.byq-s-byq-detalj-monolith .byq-salgstider li {
  display: flex; justify-content: space-between; gap: 24px;
  padding: 8px 0; border-bottom: 1px solid var(--border-dark);
  font-size: 17px; line-height: 24px;
}
.byq-nw.byq-s-byq-detalj-monolith .byq-salgstider li:last-child { border-bottom: 0; }
.byq-nw.byq-s-byq-detalj-monolith .byq-salgstider li span:last-child { white-space: nowrap; font-weight: 600; }
/* PRISBOKSEN ØVERST PÅ MOBIL. JA 08.11.2026: «Den kommer nederst, men bør være
   det første man ser etter bildeboksen.»
   `.property-halves` er 2fr 1fr på desktop og faller til ÉN kolonne under 992 px.
   Da havner pris, kontaktknapp og nøkkeltall etter hele brødteksten — målt 4 830 px
   ned på en Ford Explorer ved 390 px bredde. Griddet har nøyaktig to barn,
   `.property-body` og `.property-sticky-info`, så `order` flytter kortet opp uten
   at markupen røres og uten at desktop merker noe. Over 991 px står kortet sticky
   i sidespalta som før. */
@media screen and (max-width: 991px) {
  .byq-nw.byq-s-byq-detalj-monolith .property-sticky-info { order: -1; }
}
/* LUFTA MELLOM TEKSTEN OG PRISKORTET ER SATT FOR DESKTOP. JA 08.11.2026 fra
   iPad Pro: «her også.»
   `.property-halves` har 136 px kolonneluft i ALLE bredder. På 1440 er det
   riktig — der er spaltene 827 og 413. På en iPad i stående format er det et
   hull på 136 px midt på en 1024 px skjerm, og tekstspalta krympes til 505.
   Mellom 992 og 1279 settes lufta derfor til 56 px; over det står malens egen
   rytme urørt. Målt 08.11: 505 → 603 px tekstspalte ved 1024. */
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .byq-nw.byq-s-byq-detalj-monolith .property-halves { grid-column-gap: 56px; }
}