/* =========================================================
   DESIRE DISTRICT - PUBLIC ADVERTISER PROFILE REDESIGN
   FINAL OVERRIDE
   ========================================================= */


/* =========================
   PAGINA
   ========================= */

.public-advertiser-page {
  width: min(1400px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
  padding: 30px 0 72px !important;
}


/* =========================
   HOOFDGEDEELTE
   ========================= */

.public-advertiser-showcase {
  display: grid !important;

  grid-template-columns:
    minmax(420px, 505px)
    minmax(0, 1fr) !important;

  gap: 38px !important;

  align-items: start !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


/* =========================
   FOTO
   ========================= */

.public-advertiser-gallery-column {
  position: sticky !important;
  top: 24px !important;

  min-width: 0 !important;
}


.public-advertiser-main-photo {
  width: 100% !important;

  aspect-ratio: 4 / 5.05 !important;

  overflow: hidden !important;

  border:
    1px solid rgba(255,255,255,.11) !important;

  border-radius: 18px !important;

  background: #14121b !important;

  box-shadow:
    0 18px 45px rgba(0,0,0,.20) !important;
}


.public-advertiser-main-photo img {
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;
}


/* thumbnails */

.public-advertiser-thumbs {
  display: flex !important;

  grid-template-columns: none !important;

  gap: 14px !important;

  overflow-x: auto !important;

  margin-top: 1px !important;

  scrollbar-width: none !important;
}


.public-advertiser-thumbs::-webkit-scrollbar {
  display: none !important;
}


.public-advertiser-thumb {
  flex: 0 0 96px !important;

  width: 96px !important;
  height: 112px !important;

  aspect-ratio: auto !important;

  border:
    2px solid transparent !important;

  border-radius: 12px !important;
}


.public-advertiser-thumb[aria-current="true"] {
  border-color:
    #ff4fa7 !important;
}


/* =========================
   RECHTERKANT
   ========================= */

.public-advertiser-identity {
  min-width: 0 !important;

  padding: 0 !important;
}


#public-advertiser-kicker {
  display: none !important;
}


.public-advertiser-name-row {
  display: block !important;
}


.public-advertiser-name-row h1 {
  margin: 0 0 13px !important;

  font-size:
    clamp(2.35rem, 4vw, 3.35rem) !important;

  line-height: 1.04 !important;

  letter-spacing:
    -.04em !important;
}


/* oude losse badge verbergen;
   JS plaatst hem in meta */
.public-advertiser-name-row > #public-advertiser-verified {
  display: none;
}


/* =========================
   META / GESLACHT
   ========================= */

#public-advertiser-meta {
  display: flex !important;

  align-items: center !important;

  flex-wrap: wrap !important;

  gap: 8px 10px !important;

  min-height: 34px !important;

  color:
    #aaa5b5 !important;

  font-size:
    .94rem !important;
}


/* gewone tekst */
#public-advertiser-meta > span {
  color:
    #aaa5b5 !important;
}


/* identity leeftijden */
#public-advertiser-meta .identity-ages {
  display: inline-flex !important;

  gap: 8px !important;

  color:
    #aaa5b5 !important;
}


/* standaard leeftijd wit/grijs */
#public-advertiser-meta .identity-age {
  color:
    #aaa5b5 !important;
}


/* alle cijfers zelf wit */
#public-advertiser-meta .identity-age b {
  color:
    #f5f1f7 !important;
}


/* vrouw symbool */
#public-advertiser-meta .identity-age[data-gender="female"],
#public-advertiser-meta .identity-age[data-gender="woman"],
#public-advertiser-meta .identity-age--female {
  color:
    #ff73b9 !important;
}


/* man symbool */
#public-advertiser-meta .identity-age[data-gender="male"],
#public-advertiser-meta .identity-age[data-gender="man"],
#public-advertiser-meta .identity-age--male {
  color:
    #65aef8 !important;
}


/* verificatie */
#public-advertiser-meta .advertisement-badge--verified {
  color:
    #36dfbd !important;

  border-color:
    rgba(54,223,189,.35) !important;

  background:
    rgba(54,223,189,.07) !important;

  border-radius:
    999px !important;

  padding:
    6px 12px !important;
}


/* =========================
   HET GLASS VENSTER
   ========================= */

.public-advertiser-profile-navigation {
  margin-top:
    20px !important;

  overflow:
    hidden !important;

  border:
    1px solid rgba(255,255,255,.11) !important;

  border-radius:
    20px !important;

  background:
    linear-gradient(
      145deg,
      rgba(27,23,35,.82),
      rgba(14,13,21,.90)
    ) !important;

  box-shadow:
    0 24px 70px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035) !important;

  backdrop-filter:
    blur(20px) saturate(130%) !important;

  -webkit-backdrop-filter:
    blur(20px) saturate(130%) !important;
}


/* =========================
   RECHTHOEKIGE TABS
   ========================= */

.public-advertiser-tabs {
  display: flex !important;

  gap: 0 !important;

  padding: 0 !important;

  overflow-x: auto !important;

  border-bottom:
    1px solid rgba(255,255,255,.08) !important;

  background:
    rgba(255,255,255,.018) !important;

  scrollbar-width: none !important;
}


.public-advertiser-tabs button {
  position: relative !important;

  flex: 0 0 auto !important;

  min-height:
    50px !important;

  padding:
    0 22px !important;

  border: 0 !important;

  border-right:
    1px solid rgba(255,255,255,.065) !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  color:
    #bdb5c4 !important;

  box-shadow:
    none !important;

  font-size:
    .88rem !important;

  font-weight:
    760 !important;
}


.public-advertiser-tabs button:hover {
  background:
    rgba(255,255,255,.035) !important;

  color:
    #fff !important;
}


.public-advertiser-tabs button[aria-selected="true"] {
  background:
    linear-gradient(
      180deg,
      rgba(255,79,167,.14),
      rgba(155,77,255,.055)
    ) !important;

  color:
    #fff !important;

  border-radius:
    0 !important;
}


.public-advertiser-tabs button[aria-selected="true"]::after {
  content: '' !important;

  position:
    absolute !important;

  left:
    18px !important;

  right:
    18px !important;

  bottom:
    0 !important;

  height:
    2px !important;

  background:
    #ff4f99 !important;
}


/* =========================
   TAB CONTENT
   ========================= */

.public-advertiser-tab-panels {
  min-height:
    390px !important;

  padding:
    27px 28px 30px !important;

  border: 0 !important;

  border-radius:
    0 !important;

  background:
    transparent !important;
}


.public-advertiser-tab-panel > h2 {
  margin:
    0 0 20px !important;

  font-size:
    1.15rem !important;
}


/* BIO */

.public-advertiser-bio {
  max-width:
    900px !important;

  margin: 0 !important;

  color:
    #d8d2dc !important;

  font-size:
    1rem !important;

  line-height:
    1.72 !important;
}


/* PROFIEL */

#public-advertiser-facts {
  display: grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:
    0 38px !important;
}


#public-advertiser-facts .advertisement-fact {
  min-height:
    44px !important;

  padding:
    11px 0 !important;

  border-bottom:
    1px solid rgba(255,255,255,.075) !important;
}


/* =========================
   MOGELIJKHEDEN
   ========================= */

.public-advertiser-possibilities {
  display: block !important;

  columns:
    2 280px !important;

  column-gap:
    18px !important;
}


.public-advertiser-possibility-category {
  display:
    inline-block !important;

  width:
    100% !important;

  margin:
    0 0 18px !important;

  padding:
    18px !important;

  break-inside:
    avoid !important;

  border:
    1px solid rgba(255,255,255,.085) !important;

  border-radius:
    16px !important;

  background:
    rgba(255,255,255,.018) !important;

  box-sizing:
    border-box !important;
}


/* =========================
   BUTTON ONDER VENSTER
   ========================= */

.public-advertiser-actions {
  margin:
    18px 0 0 !important;
}


/* =========================
   OUDE GROTE OUTER CARD WEG
   ========================= */

.public-advertiser-showcase::before,
.public-advertiser-showcase::after {
  display:
    none !important;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 760px) {

  .public-advertiser-page {
    width:
      min(100% - 24px,620px) !important;
  }

  .public-advertiser-showcase {
    display:
      flex !important;

    flex-direction:
      column !important;

    gap:
      22px !important;
  }

  .public-advertiser-gallery-column {
    position:
      static !important;

    width:
      100% !important;
  }

  .public-advertiser-thumb {
    flex-basis:
      80px !important;

    width:
      80px !important;

    height:
      92px !important;
  }

  .public-advertiser-tabs button {
    min-height:
      46px !important;

    padding:
      0 17px !important;
  }

  .public-advertiser-tab-panels {
    min-height:
      330px !important;

    padding:
      21px 18px 24px !important;
  }

  #public-advertiser-facts {
    grid-template-columns:
      1fr !important;
  }

  .public-advertiser-possibilities {
    columns:
      1 !important;
  }

}


/* =========================================================
   DD PUBLIC PROFILE POSSIBILITIES V2
   Compact, gebalanceerd en zonder grote lege vakken
   ========================================================= */


/* hoofdcontainer */
#public-advertiser-possibilities {
  display: block !important;
  columns: auto !important;
}


/* categorie zoals Privéontvangst niet meer als grote kaart */
.public-advertiser-possibility-category {
  display: block !important;

  width: 100% !important;

  margin: 0 0 24px !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
}


/* hoofdtitel categorie */
.public-advertiser-possibility-category > h3 {
  margin: 0 0 14px !important;

  padding: 0 0 12px !important;

  border-bottom:
    1px solid rgba(255,255,255,.08) !important;

  color: #f2edf4 !important;

  font-size: 1rem !important;
  font-weight: 850 !important;
}


/* groepen binnen categorie in 2 kolommen */
.public-advertiser-possibility-category {
  column-count: 2 !important;
  column-gap: 16px !important;
}


/* titel over volledige breedte */
.public-advertiser-possibility-category > h3 {
  column-span: all !important;
}


/* elke groep wordt eigen kaart */
.public-advertiser-possibility-group {
  display: inline-block !important;

  width: 100% !important;

  margin: 0 0 16px !important;
  padding: 17px 18px !important;

  break-inside: avoid !important;
  page-break-inside: avoid !important;

  border:
    1px solid rgba(255,255,255,.09) !important;

  border-radius:
    15px !important;

  background:
    rgba(255,255,255,.018) !important;

  box-sizing:
    border-box !important;
}


/* subtiele hover */
.public-advertiser-possibility-group:hover {
  border-color:
    rgba(255,79,167,.20) !important;

  background:
    rgba(255,255,255,.025) !important;
}


/* titel van groep */
.public-advertiser-possibility-group h4 {
  margin:
    0 0 10px !important;

  color:
    #ff5b86 !important;

  font-size:
    .92rem !important;

  font-weight:
    800 !important;

  line-height:
    1.3 !important;
}


/* lijst */
.public-advertiser-possibility-group ul {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}


/* items */
.public-advertiser-possibility {
  display: grid !important;

  grid-template-columns:
    minmax(0,1fr) auto !important;

  align-items:
    center !important;

  gap:
    10px !important;

  min-height:
    37px !important;

  padding:
    8px 0 !important;

  border-bottom:
    1px dashed rgba(255,255,255,.075) !important;

  font-size:
    .83rem !important;
}


.public-advertiser-possibility:last-child {
  border-bottom:
    0 !important;
}


/* tekst */
.public-advertiser-possibility span {
  min-width: 0 !important;

  color:
    #ece7ee !important;
}


/* extra / prijs */
.public-advertiser-possibility strong {
  color:
    var(--gold) !important;

  font-size:
    .7rem !important;

  text-align:
    right !important;
}


/* niet aangeboden iets rustiger */
.public-advertiser-possibility[data-status="not_offered"] {
  opacity:
    .48 !important;
}


/* Als categorie maar 1 groep bevat:
   geen halve kaart maar volledige breedte */
.public-advertiser-possibility-category:not(
  :has(> .public-advertiser-possibility-group:nth-of-type(3))
) {
  column-count: 1 !important;
}


/* tablet */
@media (max-width: 900px) {

  .public-advertiser-possibility-category {
    column-count:
      2 !important;

    column-gap:
      13px !important;
  }

  .public-advertiser-possibility-group {
    margin-bottom:
      13px !important;

    padding:
      15px !important;
  }

}


/* mobiel */
@media (max-width: 680px) {

  .public-advertiser-possibility-category {
    column-count:
      1 !important;
  }

  .public-advertiser-possibility-group {
    margin-bottom:
      12px !important;
  }

}


/* =========================================================
   DD IDENTITY GENDER COLORS FIX
   ========================================================= */

/* standaard tekst/leeftijd wit-grijs */
#public-advertiser-meta .identity-age {
  color: #aaa5b5 !important;
}

#public-advertiser-meta .identity-age b {
  color: #f5f1f7 !important;
}

/* eerste persoon: vrouw */
#public-advertiser-meta .identity-age:nth-child(1) {
  color: #ff73b9 !important;
}

/* tweede persoon: man */
#public-advertiser-meta .identity-age:nth-child(2) {
  color: #63aef8 !important;
}

/* eventuele icon/span binnen de identity-age dezelfde kleur geven */
#public-advertiser-meta .identity-age:nth-child(1) span,
#public-advertiser-meta .identity-age:nth-child(1) i {
  color: #ff73b9 !important;
}

#public-advertiser-meta .identity-age:nth-child(2) span,
#public-advertiser-meta .identity-age:nth-child(2) i {
  color: #63aef8 !important;
}


/* =========================================================
   DD PUBLIC PROFILE -> ADVERTISEMENT VISUAL PARITY V1
   ========================================================= */


/* Zelfde algemene breedte en grid als advertentiepagina */

.public-advertiser-page {
  width: min(1400px, calc(100% - 48px)) !important;
}

.public-advertiser-showcase {
  grid-template-columns:
    minmax(400px, 505px)
    minmax(0, 1fr) !important;

  gap: 38px !important;
}


/* FOTO exact dezelfde uitstraling */

.public-advertiser-main-photo {
  aspect-ratio: 4 / 5 !important;

  border-radius: 18px !important;

  border:
    1px solid rgba(255,255,255,.11) !important;

  background:
    #14121b !important;
}

.public-advertiser-main-photo img {
  object-fit: cover !important;
  object-position: center !important;
}


/* thumbnails */

.public-advertiser-thumbs {
  gap: 14px !important;
  margin-top: 2px !important;
}

.public-advertiser-thumb {
  flex: 0 0 96px !important;

  width: 96px !important;
  height: 112px !important;

  border-radius: 12px !important;
}


/* =========================
   TITEL
   ========================= */

.public-advertiser-name-row h1 {
  margin: 0 0 12px !important;

  font-size:
    clamp(2.35rem, 4vw, 3.35rem) !important;

  line-height:
    1.04 !important;

  letter-spacing:
    -.04em !important;

  font-weight:
    850 !important;
}


/* =========================
   META
   ========================= */

#public-advertiser-meta {
  margin-bottom:
    18px !important;

  min-height:
    34px !important;

  font-size:
    .94rem !important;
}


/* cijfers wit */
#public-advertiser-meta .identity-age b {
  color:
    #f5f1f7 !important;
}


/* vrouw roze */
#public-advertiser-meta .identity-age:first-child,
#public-advertiser-meta .identity-age:first-child * {
  color:
    #ff73b9 !important;
}

#public-advertiser-meta .identity-age:first-child b {
  color:
    #f5f1f7 !important;
}


/* man blauw */
#public-advertiser-meta .identity-age:nth-child(2),
#public-advertiser-meta .identity-age:nth-child(2) * {
  color:
    #64aef8 !important;
}

#public-advertiser-meta .identity-age:nth-child(2) b {
  color:
    #f5f1f7 !important;
}


/* =========================
   GLASS WINDOW
   ========================= */

.public-advertiser-profile-navigation {
  margin-top:
    0 !important;

  border-radius:
    18px !important;

  border:
    1px solid rgba(255,255,255,.11) !important;

  background:
    linear-gradient(
      145deg,
      rgba(25,22,34,.96),
      rgba(16,15,23,.96)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* Tabs exact zoals advertentie */

.public-advertiser-tabs {
  gap:
    0 !important;

  padding:
    0 !important;

  border-bottom:
    1px solid rgba(255,255,255,.08) !important;
}

.public-advertiser-tabs button {
  min-height:
    50px !important;

  padding:
    0 22px !important;

  border:
    0 !important;

  border-right:
    1px solid rgba(255,255,255,.065) !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;
}

.public-advertiser-tabs button[aria-selected="true"] {
  background:
    linear-gradient(
      180deg,
      rgba(255,79,167,.13),
      rgba(155,77,255,.055)
    ) !important;
}

.public-advertiser-tabs button[aria-selected="true"]::after {
  left:
    18px !important;

  right:
    18px !important;

  height:
    2px !important;
}


/* Content niet kunstmatig hoog */

.public-advertiser-tab-panels {
  min-height:
    0 !important;

  padding:
    26px 28px !important;
}

.public-advertiser-tab-panel {
  min-height:
    0 !important;
}


/* BIO zelfde typografie */

.public-advertiser-bio {
  color:
    #d8d2dc !important;

  font-size:
    1rem !important;

  line-height:
    1.68 !important;
}


/* =========================
   BEKIJK ADVERTENTIES
   ========================= */

/* Niet meer los midden onder het profielvenster */

.public-advertiser-actions {
  margin:
    16px 0 0 !important;
}

.public-advertiser-actions .button {
  min-height:
    42px !important;

  padding:
    9px 16px !important;

  border-radius:
    11px !important;

  font-size:
    .84rem !important;
}


/* =========================
   BESCHIKBAARHEID
   minder zware losstaande kaart
   ========================= */

.public-advertiser-information {
  margin-top:
    26px !important;

  padding:
    0 !important;
}

.public-advertiser-side-panels {
  display:
    grid !important;

  grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr)) !important;

  gap:
    18px !important;
}

.public-advertiser-panel {
  padding:
    22px 24px !important;

  border-radius:
    18px !important;

  border:
    1px solid rgba(255,255,255,.09) !important;

  background:
    linear-gradient(
      145deg,
      rgba(25,22,34,.75),
      rgba(16,15,23,.75)
    ) !important;
}


/* =========================
   ADVERTENTIES ONDERAAN
   ========================= */

.public-advertiser-listings {
  padding-top:
    38px !important;
}

.public-advertiser-listings-header {
  margin-bottom:
    18px !important;
}


/* =========================
   MOBIEL
   ========================= */

@media (max-width: 760px) {

  .public-advertiser-showcase {
    display:
      flex !important;

    flex-direction:
      column !important;

    gap:
      22px !important;
  }

  .public-advertiser-gallery-column {
    width:
      100% !important;
  }

  .public-advertiser-name-row h1 {
    font-size:
      clamp(2rem,9vw,2.65rem) !important;
  }

  .public-advertiser-tab-panels {
    padding:
      20px !important;
  }

}


/* =========================================================
   DD PUBLIC ADVERTISER PROFILE - COMPACT DESKTOP V2
   ========================================================= */

@media (min-width: 761px) {

  .public-advertiser-page {
    width: min(1260px, calc(100% - 48px)) !important;
    padding-top: 24px !important;
  }

  .public-advertiser-showcase {
    grid-template-columns:
      minmax(340px, 440px)
      minmax(0, 1fr) !important;
    gap: 30px !important;
    align-items: start !important;
  }

  .public-advertiser-main-photo {
    aspect-ratio: 4 / 4.65 !important;
    border-radius: 16px !important;
  }

  .public-advertiser-identity {
    padding-top: 2px !important;
  }

  #public-advertiser-kicker {
    margin: 0 0 10px !important;
    font-size: .72rem !important;
    letter-spacing: .08em !important;
  }

  .public-advertiser-name-row h1 {
    margin: 0 0 10px !important;
    font-size: clamp(2rem, 3vw, 2.75rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
  }

  #public-advertiser-meta {
    min-height: 0 !important;
    margin-bottom: 12px !important;
    gap: 6px 10px !important;
  }

  .public-advertiser-profile-navigation {
    margin-top: 12px !important;
    border-radius: 15px !important;
  }

  .public-advertiser-tabs button {
    min-height: 42px !important;
    padding: 0 16px !important;
    font-size: .86rem !important;
  }

  .public-advertiser-tabs button[aria-selected="true"]::after {
    left: 14px !important;
    right: 14px !important;
  }

  .public-advertiser-tab-panels {
    min-height: 0 !important;
    padding: 21px 22px !important;
  }

  .public-advertiser-tab-panel > h2 {
    margin-bottom: 14px !important;
    font-size: 1.05rem !important;
  }

  .public-advertiser-bio {
    font-size: .95rem !important;
    line-height: 1.65 !important;
  }

  .public-advertiser-thumbs {
    gap: 10px !important;
    margin-top: 8px !important;
  }

  .public-advertiser-thumb {
    flex-basis: 78px !important;
    width: 78px !important;
    height: 88px !important;
  }
}


/* =========================================================
   DD PUBLIC PROFILE MATCH ADVERTISEMENT R10
   Maak openbaar profiel visueel gelijk aan advertentiepagina
   ========================================================= */

@media (min-width: 761px) {

  /* Zelfde paginabreedte als advertisement.html */
  .public-advertiser-page {
    width: min(1260px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    padding: 24px 0 56px !important;
  }

  /* Zelfde 440px / rechterkolom verhouding */
  .public-advertiser-showcase {
    display: grid !important;
    grid-template-columns: minmax(340px, 440px) minmax(0, 1fr) !important;
    gap: 30px !important;
    align-items: start !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Foto niet meer sticky en zelfde formaat */
  .public-advertiser-gallery-column {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .public-advertiser-main-photo {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    background: var(--surface) !important;
    box-shadow: none !important;
  }

  .public-advertiser-main-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Thumbnails zoals advertentiepagina */
  .public-advertiser-thumbs {
    display: flex !important;
    gap: 10px !important;
    margin-top: 8px !important;
    overflow-x: auto !important;
  }

  .public-advertiser-thumb {
    flex: 0 0 78px !important;
    width: 78px !important;
    height: 88px !important;
    border-radius: 12px !important;
  }

  /* Rechterzijde */
  .public-advertiser-identity {
    min-width: 0 !important;
    padding: 2px 0 0 !important;
  }

  #public-advertiser-kicker {
    display: none !important;
  }

  .public-advertiser-name-row {
    display: block !important;
  }

  .public-advertiser-name-row h1 {
    margin: 0 0 10px !important;
    font-size: clamp(2rem, 3vw, 2.75rem) !important;
    line-height: 1.03 !important;
    letter-spacing: -.035em !important;
  }

  #public-advertiser-meta {
    margin: 0 0 8px !important;
    min-height: 0 !important;
    gap: 6px 10px !important;
    font-size: .86rem !important;
  }

  /* Zelfde profielvenster */
  .public-advertiser-profile-navigation {
    width: 100% !important;
    margin-top: 28px !important;
    overflow: hidden !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    background: var(--surface) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .public-advertiser-tabs {
    display: flex !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    background: transparent !important;
  }

  .public-advertiser-tabs button {
    flex: 0 0 auto !important;
    min-height: 48px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--muted) !important;
    font-size: .86rem !important;
    font-weight: 800 !important;
  }

  .public-advertiser-tabs button[aria-selected="true"] {
    position: relative !important;
    background: rgba(255,255,255,.035) !important;
    color: var(--text) !important;
  }

  .public-advertiser-tabs button[aria-selected="true"]::after {
    content: '' !important;
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #ff4fa7 !important;
  }

  .public-advertiser-tab-panels {
    min-height: 0 !important;
    padding: 22px 24px 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .public-advertiser-tab-panel > h2 {
    margin: 0 0 16px !important;
    font-size: 1.08rem !important;
  }

  .public-advertiser-bio {
    font-size: .96rem !important;
    line-height: 1.65 !important;
  }

  /* Profielgegevens zoals advertentie */
  #public-advertiser-facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 0 26px !important;
    margin: 0 !important;
  }

  #public-advertiser-facts .advertisement-fact {
    padding: 11px 0 !important;
    font-size: .84rem !important;
  }

  /* Koppelkaarten minder groot/zwaar */
  #public-advertiser-panel-stats .advertiser-partner-grid {
    gap: 18px !important;
  }

  #public-advertiser-panel-stats .advertiser-partner-card {
    padding: 18px !important;
    border-radius: 14px !important;
    background: var(--surface-2) !important;
  }

  /* Contact zoals advertentiepagina */
  #public-advertiser-panel-contact {
    padding: 0 !important;
  }

  #public-advertiser-panel-contact > h2 {
    display: none !important;
  }

  .public-advertiser-contact-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .public-advertiser-contact-actions .button {
    min-height: 42px !important;
    border-color: rgba(212,79,98,.35) !important;
  }

  /* Bekijk advertenties dichter bij profielvenster */
  .public-advertiser-actions {
    margin: 16px 0 0 !important;
  }

  .public-advertiser-actions .button {
    min-height: 44px !important;
  }

  /* Onderliggende informatie dezelfde kaartstijl */
  .public-advertiser-information {
    padding-top: 28px !important;
  }

  .public-advertiser-side-panels {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 16px !important;
  }

  .public-advertiser-panel {
    padding: 22px !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    background: var(--surface) !important;
  }

  .public-advertiser-panel > header {
    margin-bottom: 12px !important;
  }

  .public-advertiser-panel .eyebrow {
    display: none !important;
  }

  .public-advertiser-panel h2 {
    margin: 0 0 12px !important;
    font-size: 1.08rem !important;
  }

  /* Advertentielijst compacter */
  .public-advertiser-listings {
    margin-top: 34px !important;
  }

  .public-advertiser-listings-header h2 {
    font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
  }
}

@media (max-width: 760px) {

  .public-advertiser-page {
    width: min(100% - 24px, 760px) !important;
    padding-top: 16px !important;
  }

  .public-advertiser-showcase {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  .public-advertiser-gallery-column {
    position: static !important;
    width: min(100%, 520px) !important;
    margin-inline: auto !important;
  }

  .public-advertiser-tabs button {
    min-height: 46px !important;
    padding: 0 18px !important;
  }

  .public-advertiser-tab-panels {
    min-height: 0 !important;
    padding: 18px !important;
  }

  #public-advertiser-facts {
    grid-template-columns: 1fr !important;
  }

  .public-advertiser-side-panels {
    grid-template-columns: 1fr !important;
  }
}

/* DD_SHOW_ALL_FEATURED_PHOTOS_DESKTOP_R1 */
@media (min-width: 761px) {
  .public-advertiser-thumbs {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
  }
}

/* DD_PHOTO_GRID_5_COLUMNS_R14 */
@media (min-width: 761px) {
  .public-advertiser-thumbs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
  }
  .public-advertiser-thumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    flex: none !important;
  }
}