:root {
    --primary-h: 206 !important;
    --primary-s: 32.1% !important;
    --primary-l: 20.8% !important;
    --primary-contrast-h: var(--primary-h) !important;
    --primary-contrast-s: var(--primary-s) !important;
    --primary-contrast-l: 100%  !important;

    --secondary-h: 37 !important;
    --secondary-s: 30.4% !important;
    --secondary-l: 86.5% !important;
    --secondary-contrast-h: var(--secondary-h) !important;
    --secondary-contrast-s: var(--secondary-s) !important;
    --secondary-contrast-l: 20%  !important;
  }
  
  /* ==========================================================================
   EGENDEFINERT CSS
   --------------------------------------------------------------------------
   INNHOLD  (søk etter nummeret, f.eks. «3.6», for å hoppe rett dit)

   1. VARIABLER
      1.1  Egendefinert skjema – pris på ferdighus
   2. GLOBALT – alle sidetyper
      2.1  Header
      2.2  CTA-banner
      2.3  Nøkkelinformasjon (blocks-summary)
      2.4  Artikler – skjul dato
      2.5  Boligvelger – mobil
      2.6  Boligvelger – trinnliste (flatfinder)
      2.7  Boligvelger – enhetsoversikt og dialogen «Alle enheter»
   3. SELSKAPSSIDE  (.standard-page)
      3.1  Generelt – meny, bilder, lister
      3.2  Forside
      3.3  Portalsider – intro til venstre
      3.4  Portalkort – artikler, samarbeidspartnere, enheter, prosjekter
      3.5  Forhandlere – samleside
      3.6  Forhandlere – enkeltside
   4. PROSJEKTSIDE  (.plain-project)
      4.1  CTA-banner
      4.2  Plantegninger
      4.3  Kontakt oss og visninger
      4.4  Avstander-seksjonen
      4.5  Ikonkort – midtstilling
      4.6  Prosjektforside – enhetsinfo, plantegning og vedlegg
      4.7  Meld interesse-skjema
   5. ENHETSSIDE  (.standard-project-residential)
   9. UTGÅTT – deaktivert kode, kan slettes

   Skriftstørrelser for H1–H3 og mengdetekst styres i CMS
   (Innstillinger for fonter & skrifttyper), ikke her.

   Mobiltilpasninger ligger rett under desktopreglene i hver seksjon.
   Brytepunkter: 992px (nettbrett/mobil), 768px (mobil).
   ========================================================================== */


/* ==========================================================================
   1. VARIABLER
   ========================================================================== */

:root {
  /* Farger */
  --hvit: #fff;

  /* Kart – søkefelt */
  --widgets-kvass-map-search-background-color: var(--secondary);
  --widgets-kvass-map-search-color: var(--primary);

  /* Kart – tekst over kartet */
  --map-description-padding-inline: 0;
  --map-description-padding-block: 0.5rem;

  /* Egendefinerte skjema */
  --kvass-form-submit-button-margin: 0;
  --kvass-form-form-font-size: 14px;
  --kvass-form-font-size: 16px;
  --kvass-form-ui-color: var(--primary);
  --kvass-form-h2-font-weight: 400;
  --kvass-form-padding: 0rem !important;

  /* Boligvelger – kortfarger (brukes i 2.6 og 2.7) */
  --kort-ramme: var(--secondary);  /* rammer, skillelinjer, knapp – følger temaets secondary */
  --kort-linje: #f0ebe3;   /* tynne linjer i tabeller */
  --kort-header: #f3eee6;  /* header-rad og status-pille */
  --kort-hover: #faf7f2;   /* rad ved hover */
  --kort-mork: #423723;    /* hover-ramme og knapp ved hover */
}

/* --------------------------------------------------------------------------
   1.1 Egendefinert skjema – pris på ferdighus
   -------------------------------------------------------------------------- */

.section-custom-form-id-6a97f949036b3c72ee94c688 {
  --kvass-form-ui-color: var(--hvit) !important;
  --section-padding-inline: 4rem;
}

@media (max-width: 992px) {
  .section-custom-form-id-6a97f949036b3c72ee94c688 {
    --section-padding-inline: 1rem;
  }
}
.standard-page-home kvass-form {
  --kvass-form-padding: clamp(2rem, 6vw, 4rem) 0;
}

/* ==========================================================================
   2. GLOBALT – alle sidetyper
   ========================================================================== */

/* --------------------------------------------------------------------------
   2.1 Header
   -------------------------------------------------------------------------- */

/* Skjul logo i toppen */
.branding-bar__logo {
  display: none;
}

/* --------------------------------------------------------------------------
   2.2 CTA-banner
   Skrå hjørner oppe til venstre og nede til høyre.
   Bredden gir alltid luft på sidene (16px under 1400px skjermbredde).
   Farger på prosjektside: se 4.1.
   -------------------------------------------------------------------------- */

.blocks-cta-banner--content-placement-center {
  padding: 5rem !important;
  max-width: calc(
    min(var(--section-width-medium, 1400px), 100%) - var(--section-padding-inline, 1rem) * 2
  ) !important;
  margin-inline: auto !important;
  margin-bottom: 5rem !important;
  /* Punktene går med klokka fra toppkanten, skråkutt på 130px */
  clip-path: polygon(
    130px 0,
    100% 0,
    100% calc(100% - 130px),
    calc(100% - 130px) 100%,
    0 100%,
    0 130px
  );
}

/* Mobil: samme form, halvert skråkutt (65px) */
@media (max-width: 992px) {
  .blocks-cta-banner--content-placement-center {
    padding: 2rem !important;
    margin-bottom: 2rem !important;
    clip-path: polygon(
      65px 0,
      100% 0,
      100% calc(100% - 65px),
      calc(100% - 65px) 100%,
      0 100%,
      0 65px
    );
  }
}

/* --------------------------------------------------------------------------
   2.3 Nøkkelinformasjon (blocks-summary)
   -------------------------------------------------------------------------- */

/* Skjul tittelen «Nøkkelinformasjon» */
.blocks-summary__title {
  display: none;
}

/* Prosjektside */
.plain-project .blocks-summary__wrapper {
  background-color: var(--primary) !important;
  color: var(--secondary) !important;
}

/* Selskapsside */
.standard-page .blocks-summary__wrapper {
  background-color: var(--primary) !important;
  color: var(--secondary) !important;
  padding: 2rem;
}

.standard-page #residential-info {
  background-color: unset !important;
  color: unset !important;
}

/* Selskapsside, boligmal – ekstra luft før skjemaseksjonen */
.standard-page-residential-template .residential-info__container {
  margin-bottom: 3rem;
}

/* --------------------------------------------------------------------------
   2.4 Artikler – skjul dato
   -------------------------------------------------------------------------- */

.blocks-article-portal__date,
.article__date {
  display: none !important;
}

/* --------------------------------------------------------------------------
   2.5 Boligvelger – mobil
   -------------------------------------------------------------------------- */

/* Skjul kompass og illustrasjonstekst */
@media (max-width: 992px) {
  .unit-selector__attribution,
  .unit-selector-compass {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   2.6 Boligvelger – trinnliste (flatfinder)
   -------------------------------------------------------------------------- */

/* Ytre boks – fjern grå bakgrunn og ramme */
.unit-selector-flatfinder-list {
  background: transparent;
  border: none;
  border-radius: 0;
}

.unit-selector-flatfinder-list__items {
  background: transparent;
  gap: 16px;
  padding: 0 0 32px;
}

/* Trinn-kortene */
.unit-selector-flatfinder-list-item {
  background: var(--hvit);
  border: 1px solid var(--kort-ramme);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(66, 55, 35, 0.06);
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.unit-selector-flatfinder-list-item:hover {
  background: var(--hvit);
  border-color: var(--kort-mork);
  box-shadow: 0 8px 24px rgba(66, 55, 35, 0.12);
  transform: translateY(-2px);
}

/* Skillelinje ved navnet */
.unit-selector-flatfinder-list-item__divider {
  background: var(--kort-ramme);
}

/* Status som «pille» – tekstfargen (grønn/blå) beholdes */
.unit-selector-flatfinder-list-item__status {
  background: var(--kort-header);
  border-radius: 100px;
  padding: 4px 10px;
}

/* Linje over egenskapene */
.unit-selector-flatfinder-list-item__properties {
  border-top: 1px solid var(--kort-linje);
  padding-top: 14px;
}

/* --------------------------------------------------------------------------
   2.7 Boligvelger – enhetsoversikt og dialogen «Alle enheter»
   -------------------------------------------------------------------------- */

/* Enhetsoversikt: kortet rundt tabellen */
.unit-selector-unit-list-card {
  background: var(--hvit);
  border: 1px solid var(--kort-ramme);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(66, 55, 35, 0.06);
  overflow: hidden;
}

.unit-selector-unit-list-card__header {
  background: var(--hvit);
  border-bottom: 1px solid var(--kort-ramme);
}

.unit-selector-unit-list-card .unit-selector-unit-list__scroll-wrapper {
  background: var(--hvit);
}

/* Dialog: linjefarge – temaet henter fargen på linjene under toppen
   og over bunnen fra denne variabelen */
.unit-selector-unit-dialog {
  --unit-selector-border-color: var(--kort-ramme);
}

/* Dialog: kort, topp og bunn */
.unit-selector-unit-dialog .k-dialog__card {
  border-radius: 16px;
  height: auto;
}

.unit-selector-unit-dialog .k-card__header,
.unit-selector-unit-dialog .k-card__actions {
  background: var(--hvit);
}

/* Dialog: boksen rundt tabellen */
.unit-selector-unit-dialog__list-wrapper {
  background: var(--hvit);
  border-color: var(--kort-ramme);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(66, 55, 35, 0.06);
}

/* Tabellen – felles for enhetsoversikt og dialog */
:is(.unit-selector-unit-list-card, .unit-selector-unit-dialog) .k-datatable.unit-selector-unit-list {
  --k-datatable-border-color: var(--kort-linje);
}

/* Header-raden (Status, Enhet, Eieform …) */
:is(.unit-selector-unit-list-card, .unit-selector-unit-dialog) .k-datatable.unit-selector-unit-list .k-datatable__row:first-child,
:is(.unit-selector-unit-list-card, .unit-selector-unit-dialog) .k-datatable.unit-selector-unit-list .k-datatable__row:first-child .k-datatable__cell {
  background-color: var(--kort-header);
  border-bottom-color: var(--kort-ramme);
}

/* Enhetsradene */
:is(.unit-selector-unit-list-card, .unit-selector-unit-dialog) .k-datatable.unit-selector-unit-list .unit-selector-unit-list__row .k-datatable__cell {
  background: var(--hvit);
  border-bottom-color: var(--kort-linje);
  transition: background-color 0.15s;
}

:is(.unit-selector-unit-list-card, .unit-selector-unit-dialog) .k-datatable.unit-selector-unit-list .unit-selector-unit-list__row:hover .k-datatable__cell {
  background: var(--kort-hover);
}

/* «Se plantegning»-knappen – enhetsoversikt og dialog */
.unit-selector-unit-list-card .k-button,
.unit-selector-unit-dialog .k-card__content .k-button {
  background: var(--kort-ramme);
  border-color: var(--kort-ramme);
  border-radius: 100px;
}

.unit-selector-unit-list-card .k-button:hover,
.unit-selector-unit-dialog .k-card__content .k-button:hover {
  background: var(--kort-mork);
  border-color: var(--kort-mork);
}


/* ==========================================================================
   3. SELSKAPSSIDE  (.standard-page)
   ========================================================================== */

/* --------------------------------------------------------------------------
   3.1 Generelt – meny, bilder, lister
   -------------------------------------------------------------------------- */

/* Ingen skygge på menyen (verken ved scroll eller som standard) */
.standard-page .k-navigation {
  box-shadow: unset;
}

/* Skjul Instagram m.m. i menyen */
.standard-page .k-navigation .social-media-links {
  display: none !important;
}

/* Runde hjørner (3px) på alle bilder */
.standard-page .k-elements-image img {
  border-radius: 3px;
}

/* Mindre kulepunkt i lister */
.standard-page .blocks-text ul li::marker {
  font-size: 0.6em;
}

/* --------------------------------------------------------------------------
   3.2 Forside
   -------------------------------------------------------------------------- */

/* De to første seksjonene side om side */
.standard-page-home #subpage-portal .blocks-section__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 8rem;
}

/* Hover på portalkort: secondary i stedet for primary */
.standard-page-home .blocks-portal--list .k-elements-card:hover .blocks-portal-card-list__arrow path,
.standard-page-home .blocks-portal--list .k-elements-card:hover .blocks-portal-card-list__name {
  color: var(--secondary);
  fill: var(--secondary);
}

/* Fontstørrelse på portalkort – matcher ingressen til venstre (H3) */
.standard-page-home .blocks-portal-custom-card--list .blocks-portal-card-list__name {
  font-size: var(--h3-font-size) !important;
}

.standard-page-home .blocks-portal-custom-card--list .blocks-portal-card-list__arrow {
  height: 1.4rem;
}

/* --------------------------------------------------------------------------
   3.3 Portalsider – tittel og tekst til venstre
   -------------------------------------------------------------------------- */

.standard-page .post-type--unit-portal .section-hero-intro,
.standard-page .post-type--news .section-hero-intro,
.standard-page .post-type--subpage .section-hero-intro,
.standard-page .post-type--project-overview .section-hero-intro,
.standard-page .post-type--custom-subpage-retailers .section-hero-intro,
.standard-page .post-type--custom-subpage-open-positions .section-hero-intro,
.standard-page .post-type--custom-subpage-collaborators .section-hero-intro {
  --section-width: var(--section-width-medium) !important;
}

.standard-page .post-type--unit-portal .section-hero-intro .blocks-text,
.standard-page .post-type--news .section-hero-intro .blocks-text,
.standard-page .post-type--subpage .section-hero-intro .blocks-text,
.standard-page .post-type--project-overview .section-hero-intro .blocks-text,
.standard-page .post-type--custom-subpage-retailers .blocks-text,
.standard-page .post-type--custom-subpage-open-positions .blocks-text,
.standard-page .post-type--custom-subpage-collaborators .blocks-text {
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
}

/* --------------------------------------------------------------------------
   3.4 Portalkort – artikler, samarbeidspartnere, enheter, prosjekter
   -------------------------------------------------------------------------- */

/* Artikler: bakgrunnsfarge og hjørner */
.standard-page .blocks-portal--article .blocks-portal__card {
  background-color: var(--secondary);
  border-radius: 3px !important;
}

/* Artikler: skjul «Les mer» (dato skjules i 2.4) */
.standard-page .blocks-article-portal__read-more {
  display: none !important;
}

/* Samarbeidspartnere */
.standard-page .post-type--custom-subpage-collaborators .blocks-portal__card {
  background-color: var(--secondary);
  border-radius: 3px !important;
}

/* Enhetskatalog/modeller og prosjekter */
.standard-page #unit-portal .blocks-portal .k-elements-card,
.standard-page #project-portal .blocks-portal .k-elements-card {
  background-color: var(--secondary) !important;
  border-radius: unset !important;
}

/* Ikonfarge på enhetskort */
.standard-page .blocks-unit-portal-card__properties-item svg path {
  fill: var(--primary);
}

/* --------------------------------------------------------------------------
   3.5 Forhandlere – samleside  (.post-type--custom-subpage-retailers)
   -------------------------------------------------------------------------- */

/* Kart */
.post-type--custom-subpage-retailers .retailers-map-section .blocks-text h2 {
  margin: 0;
}

.post-type--custom-subpage-retailers .retailers-map-section .blocks-map__map {
  aspect-ratio: unset !important;
}

.post-type--custom-subpage-retailers .retailers-map-section {
  padding-block: 0 !important;
}

/* Portalkort */
.post-type--custom-subpage-retailers .blocks-portal__card--variant-custom {
  background: var(--secondary);
}

/* --------------------------------------------------------------------------
   3.6 Forhandlere – enkeltside  (.post-type--custom-subpage-retailer)
   -------------------------------------------------------------------------- */

/* Luft over og under kartet */
.standard-page .post-type--custom-subpage-retailer .blocks-map {
  padding: 5rem 0 5rem 0 !important;
}

/* Kontaktpersoner: kort */
.standard-page.age .post-type--custom-subpage-retailer .contact-portal .blocks-portal__card .k-elements-card__header {
  border-radius: unset;
}

.standard-page.age .post-type--custom-subpage-retailer .blocks-contact-portal {
  color: var(--background-color) !important;
  background-color: var(--primary);
  padding: 0 1rem 1rem 1rem;
  gap: 0rem;
}

/* Kontaktpersoner: skjul teksten «Tlf» og «Mobil» */
.standard-page.age .post-type--custom-subpage-retailer .blocks-contact-portal__bottom-email span,
.standard-page.age .post-type--custom-subpage-retailer .blocks-contact-portal__bottom-phone span {
  display: none !important;
}

/* Kontaktpersoner: navn – større og normal vekt (tema: 1.2rem, fet) */
.standard-page.age .post-type--custom-subpage-retailer .blocks-contact-portal__name {
  font-size: 1.4rem;
  font-weight: 400 !important;
}


/* ==========================================================================
   4. PROSJEKTSIDE  (.plain-project)
   ========================================================================== */

/* --------------------------------------------------------------------------
   4.1 CTA-banner  (form og luft: se 2.2)
   -------------------------------------------------------------------------- */

.plain-project .blocks-cta-banner {
  background-color: var(--primary) !important;
  color: var(--background-color) !important;
}

/* --------------------------------------------------------------------------
   4.2 Plantegninger
   -------------------------------------------------------------------------- */

.plain-project .section-floorplan .k-elements-photoswipe__item {
  background-color: var(--secondary) !important;
  box-shadow: unset !important;
}

/* --------------------------------------------------------------------------
   4.3 Kontakt oss og visninger  (gjelder også enhetsside)
   -------------------------------------------------------------------------- */

.plain-project .section-lead__contact,
.standard-project-residential .section-lead__contact {
  --k-elements-flex-gap: 0 !important;
}

.plain-project .section-lead__contact .project-contact-heading,
.standard-project-residential .project-residential-contact-heading {
  margin-top: 3rem !important;
}

/* --------------------------------------------------------------------------
   4.4 Avstander-seksjonen  (#section-icons)
   Samme bredde som «Om boligene». Tittelen følger H2 i CMS.
   -------------------------------------------------------------------------- */

/* Bredde: Smal (1000px) */
.plain-project .blocks-section:has(> .scroll-anchor--value-section-icons) > .blocks-section__container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* --------------------------------------------------------------------------
   4.5 Ikonkort – midtstilling
   -------------------------------------------------------------------------- */

/* Midtstill hele ikonraden i seksjonen */
.plain-project .blocks-icons-cards[data-blocks-placement] {
  justify-content: center;
}

/* Midtstill ikonet i hvert kort */
.plain-project .blocks-icons-cards .blocks-icons-cards__icon .k-elements-card__header {
  margin-inline: auto;
  justify-content: center;
}

/* Midtstill teksten under ikonet */
.plain-project .blocks-icons-cards .blocks-icons-cards__icon .blocks-icons-cards__content,
.plain-project .blocks-icons-cards .blocks-icons-cards__icon .blocks-icons-cards__subtitle {
  text-align: center;
}

/* --------------------------------------------------------------------------
   4.6 Prosjektforside – enhetsinfo, plantegning og vedlegg
       (.standard-project-home)
   -------------------------------------------------------------------------- */

/* Lik bredde (1000px) på enhetsinfo, plantegninger og vedlegg */
.standard-project-home > :is(#residential-info, #section-floorplan, #section-attachments) > .blocks-section__container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* Skjul H1 i enhetsinfo når beskrivelse mangler */
.standard-project-home .residential-info--missing-description .residential-info__container h1 {
  display: none !important;
}

/* Plantegning og vedlegg side om side.
   Gjelder kun når siden har én enhet (enhetsmodell på forsiden) og én plantegning. */
.standard-project-home:has(> #section-floorplan + #section-attachments):not(:has(> #section-floorplan .k-elements-photoswipe__item ~ .k-elements-photoswipe__item)) {
  display: grid;
  grid-template-columns: 1fr minmax(0, 500px) minmax(0, 500px) 1fr;
}

.standard-project-home:has(> #section-floorplan + #section-attachments):not(:has(> #section-floorplan .k-elements-photoswipe__item ~ .k-elements-photoswipe__item)) > * {
  grid-column: 1 / -1;
}

.standard-project-home:has(> #section-floorplan + #section-attachments):not(:has(> #section-floorplan .k-elements-photoswipe__item ~ .k-elements-photoswipe__item)) > #section-floorplan {
  grid-column: 2;
}

.standard-project-home:has(> #section-floorplan + #section-attachments):not(:has(> #section-floorplan .k-elements-photoswipe__item ~ .k-elements-photoswipe__item)) > #section-attachments {
  grid-column: 3;
}

.standard-project-home:has(> #section-floorplan + #section-attachments):not(:has(> #section-floorplan .k-elements-photoswipe__item ~ .k-elements-photoswipe__item)) > :is(#section-floorplan, #section-attachments) .blocks-section__container {
  max-width: none;
  padding-inline: 16px;
}

/* Mobil: under hverandre */
@media (max-width: 768px) {
  .standard-project-home:has(> #section-floorplan + #section-attachments):not(:has(> #section-floorplan .k-elements-photoswipe__item ~ .k-elements-photoswipe__item)) {
    grid-template-columns: 1fr;
  }

  .standard-project-home:has(> #section-floorplan + #section-attachments):not(:has(> #section-floorplan .k-elements-photoswipe__item ~ .k-elements-photoswipe__item)) > :is(#section-floorplan, #section-attachments) {
    grid-column: 1;
  }
}

/* --------------------------------------------------------------------------
   4.7 Meld interesse-skjema  (.blocks-lead)
   -------------------------------------------------------------------------- */

/* Lyst kort */
.plain-project .blocks-lead {
  background-color: #f9f8f5;
  color: var(--primary);
  border-radius: 6px;
  padding: 3.5rem;
}

.plain-project .blocks-lead h2 {
  color: var(--primary);
  margin-bottom: 2.75rem;
}

.plain-project .blocks-lead__form {
  gap: 2rem;
}

/* Etiketter over feltene (placeholder skjules) */
.plain-project .blocks-lead .k-formcontrol__label {
  opacity: 1;
  height: auto;
  color: var(--primary);
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.plain-project .blocks-lead .k-formcontrol__label::after {
  color: var(--primary);
}

.plain-project .blocks-lead input::placeholder,
.plain-project .blocks-lead textarea::placeholder {
  opacity: 0 !important;
}

/* Felter med grå underlinje */
.plain-project .blocks-lead .k-input,
.plain-project .blocks-lead .k-textarea {
  border: none;
  border-bottom: 1px solid #a7adb3;
  background: transparent;
}

.plain-project .blocks-lead .k-input__input,
.plain-project .blocks-lead .k-textarea {
  color: var(--primary);
  font-size: 1rem;
  padding: 0.6rem 0;
}

.plain-project .blocks-lead .k-textarea {
  min-height: 170px;
}

.plain-project .blocks-lead .k-input:focus-within,
.plain-project .blocks-lead .k-textarea:focus {
  border-bottom-color: var(--primary);
  outline: none;
}

/* Personverntekst */
.plain-project .blocks-lead__form > span {
  color: var(--primary);
  font-size: 0.95rem;
}

.plain-project .blocks-lead__form > span a {
  color: inherit;
}

.plain-project .blocks-lead__form .k-checkbox__label {
  line-height: var(--body-line-height);
  font-size: 1rem;
}

/* Knapp – mørk, også før skjemaet er fylt ut */
.plain-project .blocks-lead .k-button,
.plain-project .blocks-lead .k-button:disabled {
  background-color: var(--primary) !important;
  color: var(--hvit) !important;
  border-radius: 100px;
  padding: 0.9rem 1.5rem;
  font-size: 1rem;
}

.plain-project .blocks-lead .k-button:not(:disabled):hover {
  background-color: hsl(206, 32.1%, 30%) !important;
}

/* Mobil: mindre luft i kortet */
@media (max-width: 768px) {
  .plain-project .blocks-lead {
    padding: 2rem 1.5rem;
  }
}


/* ==========================================================================
   5. ENHETSSIDE  (.standard-project-residential)
   Kontakt og visninger: se 4.3.
   ========================================================================== */

/* Galleri: bakgrunnsfarge */
.standard-project-residential #section-gallery {
  background-color: var(--secondary) !important;
}

/* Vedlegg: standard og hover */
.standard-project-residential .blocks-attachments__item {
  border: unset !important;
  border-radius: 3px !important;
  background-color: var(--secondary);
}

.standard-project-residential .blocks-attachments__item:hover {
  background-color: #a8bb8f;
}


/* ==========================================================================
   9. UTGÅTT – deaktivert kode, kan slettes
   --------------------------------------------------------------------------
   Skriftstørrelser for overskrifter styres nå i CMS
   (Innstillinger for fonter & skrifttyper). Alt under er kommentert ut
   og har ingen effekt. Slett seksjonen når alt er testet.
   ========================================================================== */

/*
--- Tidligere 2.2: boligvelger-titler satt til 34px ---

.unit-selector__title,
.unit-selector-unit-dialog__title,
.unit-selector__filter-title,
.unit-selector-favorite__title,
.unit-selector-favorite-card__title,
.unit-selector-help-dialog__title {
  font-size: 34px !important;
}


--- Tidligere 2.2: overskrifter satt til 34px ---

.plain-project #lead h2,
.blocks-timeline__content h2,
.standard-project-residential h2 {
  font-size: 34px !important;
}


--- Tidligere 2.2: titler satt til 24px ---

.plain-project .blocks-contact-list__user-name,
.plain-project .unit-selector-help-dialog__item-title,
.unit-selector-help-dialog__item-title,
.unit-selector-unit-list-card__title,
.unit-selector-unit-popper__title,
.unit-selector-flatfinder-list__title,
.unit-selector-flatfinder-popper__title,
.unit-selector-link-popper__title,
.unit-selector-flatfinder-list-item__name {
  font-size: 24px !important;
}


--- Tidligere 2.7: linjefarge i dialogen «Alle enheter» ---
    (tapte mot temaet – erstattet av --unit-selector-border-color)

.unit-selector-unit-dialog .k-card__header {
  border-bottom-color: var(--kort-ramme);
}

.unit-selector-unit-dialog .k-card__actions {
  border-top-color: var(--kort-ramme);
}


--- Tidligere 3.6: forhandler enkeltside, stor H2 i første seksjon ---
    (traff ingenting – første seksjon har H1)

.standard-page.age .post-type--custom-subpage-retailer .blocks > .blocks-section:first-of-type h2 {
  font-size: 3.2rem !important;
}


--- Tidligere 4.4: Avstander-tittel i H3-stil ---

.plain-project .blocks-section:has(> .scroll-anchor--value-section-icons) h2 {
  font-size: var(--h3-font-size, normal);
  font-weight: var(--h3-font-weight, normal);
  letter-spacing: var(--h3-letter-space, normal);
  line-height: var(--h3-line-height, normal);
  margin-bottom: 1em;
}

@media (max-width: 992px) {
  .plain-project .blocks-section:has(> .scroll-anchor--value-section-icons) h2 {
    font-size: var(--h3-font-size-tablet, normal);
  }
}


--- Tidligere 5: enhetsside, H1 satt til 55px ---

.standard-project-residential h1 {
  font-size: 55px !important;
}
*/