/* GS Cards: onderdelen die Kaartendepot niet heeft. Basis is dezelfde style.css als kaartendepot.nl. */

/* Voorraad per set */
.gs-voorraad{padding:104px 0 96px}
.gs-voorraad .kop{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:end;margin-bottom:48px}
.gs-voorraad h2{font-size:clamp(34px,3.6vw,52px);line-height:1.08;margin-top:22px;color:var(--inkt)}
.gs-voorraad .kop p{font-size:16.5px;line-height:1.75;color:rgba(26,25,22,.8);max-width:52ch}
.setlijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:1px solid rgba(26,25,22,.16)}
.setlijst li{display:grid;grid-template-columns:1fr auto 3.2em;align-items:baseline;gap:18px;padding:15px 0;border-bottom:1px solid rgba(26,25,22,.12)}
.setlijst .set{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(20px,1.6vw,24px);line-height:1.25;color:var(--inkt)}
.setlijst .jaar{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(26,25,22,.55)}
.setlijst .aantal{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(20px,1.6vw,24px);color:var(--goud-d);text-align:right}
.gs-voorraad .onder{margin-top:44px}

/* Conditie en over: lopende tekst met een kop links */
.gs-conditie,.gs-over{padding:104px 0 96px;border-top:1px solid rgba(26,25,22,.1)}
.gs-conditie .blok h2{font-size:clamp(24px,2vw,30px)}

/* Verkopen: verwijzing naar Kaartendepot */
.gs-verkopen{background:var(--ivoor2);padding:96px 0}
.gs-verkopen .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:center}
.gs-verkopen .beeld-rij{display:flex;justify-content:center;padding:24px 0}
.gs-verkopen .beeld-rij .kaart{width:min(62%,260px);--basis:perspective(1400px) rotateY(10deg) rotate(-4deg)}
.gs-verkopen .beeld-rij .kaart::before{opacity:.35}
.gs-verkopen h2{font-size:clamp(32px,3.2vw,48px);line-height:1.08;margin-top:22px;color:var(--inkt)}
.gs-verkopen p{margin-top:18px;font-size:16.5px;line-height:1.75;color:rgba(26,25,22,.8);max-width:46ch}
.gs-verkopen .btn{margin-top:30px}

@media(max-width:1100px){.gs-voorraad .kop{grid-template-columns:1fr;gap:24px}}
@media(max-width:820px){
  .gs-voorraad{padding:88px 0 80px}
  .setlijst{grid-template-columns:1fr}
  .setlijst li{padding:13px 0}
  .gs-conditie,.gs-over{padding:80px 0 72px}
  .gs-verkopen{padding:72px 0}
  .gs-verkopen .wrap{grid-template-columns:1fr;gap:24px}
  .gs-verkopen .beeld-rij .kaart{width:46vw}
}