/* Noa & Dje -- PDP-tabs (feedback Angela 26-10-2026)
   Het mini-scrollbalkje rechts in de tabbalk kwam van overflow-x:auto op
   .desc-tabs: de actieve tab heeft margin-bottom:-2px, waardoor de balk 2px
   "te hoog" was en de browser een verticale scrollbalk tekende.
   Oplossing: geen scrollcontainer meer, de tabs passen gewoon. */
.desc-tabs { overflow: visible; flex-wrap: wrap; scrollbar-width: none; }
.desc-tabs::-webkit-scrollbar { display: none; }

/* Foto naast de tekst = foto van het product zelf. */
.desc-media { background-color: var(--cream, #f5ede6); border-radius: 0; }

@media (max-width: 759px) {
  /* Mobiel: 2 x 2 tabs die altijd passen (tekst mag naar 2 regels, nooit scrollen). */
  .desc-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 0; gap: 0 .5rem; }
  .desc-tab {
    white-space: normal; text-align: center; line-height: 1.35;
    padding: .85rem .4rem; font-size: .7rem; letter-spacing: .08em;
    margin-bottom: 0; border-bottom: 2px solid rgba(137,112,98,.12);
    display: flex; align-items: center; justify-content: center;
  }
  .desc-tab.is-active { border-bottom-color: var(--rose); }
  .desc-media { aspect-ratio: 4 / 3; }
}