/* 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 — meldt JA før fargevalget: den forsvinner mot #F5F5F3.
   Målt etterpå: lappen er `.rating.light` og står på malens --bg-1 = #F6F6F2,
   altså ÉN verdi fra den nye flata. (Første forsøk gjettet på at den var hvit
   og traff ingen av de tre selektorene — derfor er denne avlest i nettleseren.)
   Malens eget hårstrek-token legges på, så boksen fortsatt leses som en boks.
   Fjernes med én linje hvis JA vil ha den naken. */
.byq-nw.byq-s-byq-merkeside-hero .rating.light {
  border: 1px solid var(--border-dark, #17181c29);
}

/* 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;
}