.kolleksjon-hero {
  padding: 140px 56px 60px;
  background: var(--flate);
  border-bottom: 1px solid var(--hair);
}
.kolleksjon-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--d-1);
  font-weight: 300; margin-bottom: 8px;
}
.kolleksjon-sub {
  font-size: var(--t-fin); color: var(--soft); letter-spacing: .15em;
}

/* LAYOUT */
/* Sandflate i full bredde bak kortene; heroen over står igjen på cream. */
.kolleksjon-flate { background: var(--flate); }
.kolleksjon-wrap {
  /* Én kolonne. Det sto 220px til et filterpanel som var skjult og er
     fjernet — se kommentaren i kolleksjon.html. */
  display: grid; grid-template-columns: 1fr;
  max-width: 1280px; margin: 0 auto;
  padding: 48px 48px 80px; gap: 48px;
}

/* GRID */
.kolleksjon-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 16px;
}

/* PRODUKTKORT */
.produkt-kort { text-decoration: none; color: inherit; display: block; }
.produkt-kort-img {
  position: relative; overflow: hidden;
  background: var(--product-bg); aspect-ratio: 3/4; margin-bottom: 14px;
}
.produkt-kort-img img {
  width: 100%; height: 100%; object-fit: contain;
  transition: opacity .4s;
  position: absolute; inset: 0;
}
.produkt-kort-img-hover { opacity: 0; }
.produkt-kort:hover .produkt-kort-img img:first-child { opacity: 0; }
.produkt-kort:hover .produkt-kort-img-hover { opacity: 1; }

.produkt-kort-info { padding: 0 4px; }
.produkt-kort-navn {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--t-lead); font-weight: 300; margin-bottom: 6px;
}
.produkt-kort-pris { font-size: var(--t-liten); color: var(--soft); }

.kolleksjon-tom {
  grid-column: 1/-1; text-align: center;
  padding: 80px; color: var(--soft); font-size: var(--t-liten);
}

@media (max-width: 768px) {
  .kolleksjon-hero {
    padding: 90px 20px 24px;
  }
  .kolleksjon-title { font-size: var(--t-h2); }

  .kolleksjon-wrap {
    grid-template-columns: 1fr;
    padding: 16px 16px 100px;
    gap: 0;
  }

  /* 2-kolonne grid */
  .kolleksjon-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 8px;
  }

  .produkt-kort-img { aspect-ratio: 3/4; }
  .produkt-kort-navn { font-size: var(--t-brod); }
  .produkt-kort-pris { font-size: var(--t-fin); }
}

/* KATEGORISIDENE (/dunjakker, /fleece, /skidress)
   Teksten holdes på ~65 tegn per linje. */
.kategori-tekst {
  max-width: 1280px; margin: 0 auto; padding: 0 48px 80px;
}
.kategori-tekst p {
  max-width: 65ch; font-size: var(--t-brod); line-height: 1.7;
  color: var(--ink); margin: 0 0 16px;
}
@media (max-width: 768px) {
  .kategori-tekst { padding: 0 16px 100px; }
}
.brodsmuler { font-size: var(--t-fin); color: var(--soft); letter-spacing: .1em; margin-bottom: 12px; }
.brodsmuler a { color: inherit; }
.kolleksjon-typer { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px; }
.kolleksjon-typer a {
  font-size: var(--t-fin); letter-spacing: .15em; text-transform: uppercase;
  color: inherit; text-underline-offset: 4px;
}