/* Flata bak hero og kortkarusell. Settes som variabel, ikke per seksjon, så
   alt som arver den følger med. Samme spesifisitet som malens egen regel —
   denne kommer sist i dokumentet og vinner derfor. */
.byq-nw[class*="byq-s-byq-merkeside-"] { --bg-2: #F5F5F3; }

/* VERKSTEDSEKSJONEN. Her overstyres BARE flata, ikke variabelen --dark:
   den brukes også til brødtekst og knapper, og JA ba om bakgrunnen. */
.byq-nw.byq-s-byq-merkeside-bildetekst .section.home-c-about {
  background-color: #1C1C1C;
}

/* MERKELAPPEN I HERO. Lappen sto på malens --bg-1 = #F6F6F2 og forsvant mot
   vår #F5F5F3-flate. Første løsning var en hårstrek rundt — og den var MIN,
   ikke malens: JA 04.11 med skjermbilde av Monolith ved siden av vår:
   «Monolith-malen har ikke outline på disse eyebrow-ene, men det har du lagt
   på. Samtidig er selve pillen hvit, men ikonet står inne i en beige rund
   boks.»
   Riktig oppskrift er altså: HVIT pille, ingen kant, og ikonet i en sandfarget
   sirkel. Da skiller lappen seg fra flata på flate, ikke på strek. */
.byq-nw.byq-s-byq-merkeside-hero .rating.light {
  background-color: #FFFFFF;
  border: 0;
}
.byq-nw.byq-s-byq-merkeside-hero .rating-icon-wrap {
  background-color: #F5F5F3;
}

/* Ankeret fra «Se modeller». Uten dette legger den klebrige menyen seg over
   overskrifta når man hopper ned. */
.byq-nw.byq-s-byq-merkeside-rutenett { scroll-margin-top: 96px; }

/* ===========================================================================
   BILKORTET — ARKIVET ER MASTER (JA 24.10: «arkivet er master, men resten må
   følge etter»).

   Målt på merkesida før dette: hoveren som avdekker lenka fantes BARE på
   modellrutenettet, ikke på lagerbil- eller bruktbilkortet. Ingen av de tre
   hadde flate bak renderen, og alle beskar utklippsbilder med `cover`.

   Reglene under er de samme tegnene som i lagerbilarkivet (snippet 444), og
   de gjelder alle kort på alle ni merkesidene samtidig. Endres kortet igjen,
   endres det i arkivet først og kopieres hit.
   =========================================================================== */
.byq-nw[class*="byq-s-byq-merkeside-"] .property-bottom-content {
  transition: transform .35s cubic-bezier(.33, 1, .68, 1);
}
@media (hover: hover) and (pointer: fine) {
  .byq-nw[class*="byq-s-byq-merkeside-"] .property-card:hover .property-bottom-content {
    transform: translateY(-24px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .byq-nw[class*="byq-s-byq-merkeside-"] .property-bottom-content { transition: none; }
}

/* Hele kortet klikkbart. På berøring finnes ingen hover, og da ville lenka
   vært uoppnåelig. Piler og prikker løftes over. */
.byq-nw[class*="byq-s-byq-merkeside-"] .property-card { position: relative; }
.byq-nw[class*="byq-s-byq-merkeside-"] .property-link-hidden a::after {
  content: ""; position: absolute; inset: 0; z-index: 5;
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview-button,
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview .w-slider-nav { z-index: 11; }

/* Karusellen: piler og prikker tones inn på hover, og bildene ligger på rad. */
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview .w-slider-arrow-left,
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview .w-slider-arrow-right {
  display: flex; opacity: 0; transition: opacity .25s ease;
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview .w-slider-nav {
  opacity: 0; transition: opacity .25s ease;
}
@media (hover: hover) and (pointer: fine) {
  .byq-nw[class*="byq-s-byq-merkeside-"] .property-card:hover .slider-preview .w-slider-arrow-left,
  .byq-nw[class*="byq-s-byq-merkeside-"] .property-card:hover .slider-preview .w-slider-arrow-right,
  .byq-nw[class*="byq-s-byq-merkeside-"] .property-card:hover .slider-preview .w-slider-nav { opacity: 1; }
}
@media (hover: none) {
  .byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview .w-slider-arrow-left,
  .byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview .w-slider-arrow-right,
  .byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview .w-slider-nav { opacity: 1; }
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview.byq-slider-klar .w-slider-mask {
  display: flex; overflow: hidden;
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview.byq-slider-klar .w-slide {
  flex: 0 0 100%; float: none;
  transform: translateX(calc(var(--byq-slide, 0) * -100%));
  transition: transform .5s cubic-bezier(.33, 1, .68, 1);
}
@media (prefers-reduced-motion: reduce) {
  .byq-nw[class*="byq-s-byq-merkeside-"] .slider-preview.byq-slider-klar .w-slide { transition: none; }
}

/* Ikonene på flisene. En svg trenger høyde òg, ellers regnes den ut av
   viewBox og bommer i en flexrad. */
.byq-nw[class*="byq-s-byq-merkeside-"] svg.icon-property-card {
  width: 16px; height: 16px; flex: none; display: block; fill: currentColor;
}

/* FLATA BAK RENDEREN. Grunnflate #F5F5F3; fargegruppene får studiogradienten
   som er målt ut av Exlantix' egne ES-render. Samme seks som i arkivet. */
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image { background-color: #F5F5F3; }
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image.byq-flate-groenn {
  background: linear-gradient(180deg, #445957 0%, #445957 20%, #889897 50%, #AFBABB 80%, #AFBABB 100%);
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image.byq-flate-svart {
  background: linear-gradient(180deg, #181818 0%, #181818 20%, #686A6E 50%, #989A9E 80%, #989A9E 100%);
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image.byq-flate-hvit {
  background: linear-gradient(180deg, #BABBBF 0%, #BABBBF 20%, #E0E0E0 50%, #E9E8EB 80%, #E9E8EB 100%);
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image.byq-flate-soelv,
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image.byq-flate-graa {
  background: linear-gradient(180deg, #5C6066, #5C6066 20%, #9A9EA3 50%, #BFC3C9 80%, #BFC3C9 100%);
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image.byq-flate-roed {
  background: linear-gradient(180deg, #594244 0%, #594244 20%, #98888A 50%, #BBAFB0 80%, #BBAFB0 100%);
}
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image.byq-flate-blaa {
  background: linear-gradient(180deg, #3E4C5E 0%, #3E4C5E 20%, #8A939F 50%, #B4BBC4 80%, #B4BBC4 100%);
}

/* En utklippet bil skal vises HEL, med flata rundt. Foto beskjæres som før. */
.byq-nw[class*="byq-s-byq-merkeside-"] .slider-gallery-image.byq-render .image-cover {
  object-fit: contain;
}