/* Buyer listing detail page */
body.buyer-mandate-page {
  --bd-navy:#0b2a5b;
  --bd-gold:#d3a23a;
  --bd-muted:#607b94;
  --bd-line:#dfe7f0;
  --bd-soft:#f8f7f4;
  background:
    radial-gradient(circle at 86% 8%, rgba(211,162,58,.16), transparent 30%),
    linear-gradient(rgba(11,42,91,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,42,91,.035) 1px, transparent 1px),
    #fff;
  background-size:auto, 34px 34px, 34px 34px, auto;
  color:#10233d;
}

body.buyer-mandate-page .reveal {
  opacity:0;
  transform:translateY(14px);
  transition:opacity .45s ease, transform .45s ease;
}

body.buyer-mandate-page .reveal.is-visible,
body.buyer-mandate-page .reveal:first-child {
  opacity:1;
  transform:none;
}

.buyer-page {
  padding:56px 0 58px;
}

.buyer-jump {
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  margin-bottom:18px;
  padding:10px 12px;
  border:1px solid var(--bd-line);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 42px rgba(11,42,91,.06);
}

.buyer-jump span {
  margin-right:auto;
  color:#b68422;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.buyer-jump a {
  padding:8px 12px;
  border-radius:999px;
  color:#496984;
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
  transition:background .22s ease, color .22s ease, transform .22s ease;
}

.buyer-jump a:hover {
  transform:translateY(-1px);
  background:#f2f6fb;
  color:var(--bd-navy);
}

.buyer-layout {
  display:grid;
  grid-template-columns:minmax(0, 1fr) 330px;
  gap:24px;
  align-items:start;
}

.buyer-content {
  display:grid;
  gap:18px;
}

.buyer-hero-card,
.buyer-section-card,
.buyer-about-card,
.buyer-accordions,
.buyer-similar-card,
.buyer-side-card {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(11,42,91,.1);
  border-radius:18px;
  background:rgba(255,255,255,.95);
  box-shadow:0 20px 50px rgba(11,42,91,.08);
}

.buyer-hero-card::after,
.buyer-section-card::after,
.buyer-about-card::after,
.buyer-side-card::after {
  content:"";
  position:absolute;
  right:-58px;
  bottom:-58px;
  width:142px;
  height:142px;
  border:1px solid rgba(211,162,58,.18);
  border-radius:30px;
  transform:rotate(14deg);
  pointer-events:none;
}

.buyer-hero-card {
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(270px, .85fr);
  gap:16px;
  padding:18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(250,252,255,.94)),
    linear-gradient(135deg, rgba(211,162,58,.08), transparent 42%);
}

.buyer-hero-main {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:82px minmax(0, 1fr);
  gap:16px;
  align-items:start;
}

.buyer-user-image {
  width:76px;
  height:76px;
  border-radius:18px;
  object-fit:cover;
  box-shadow:0 18px 34px rgba(11,42,91,.16);
}

.buyer-role {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 11px;
  border-radius:999px;
  background:#eff7f3;
  color:#08774f;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.buyer-hero-main h1 {
  max-width:760px;
  margin:10px 0 0;
  color:var(--bd-navy);
  font-size:clamp(1.45rem, 2.35vw, 2.15rem);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.035em;
}

.buyer-confidential {
  margin:10px 0 0;
  color:var(--bd-muted);
  font-size:.95rem;
  line-height:1.55;
}

.buyer-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.buyer-primary-btn,
.buyer-secondary-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:11px 18px;
  border-radius:10px;
  font-family:'Open Sans', sans-serif;
  font-size:.88rem;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.buyer-primary-btn {
  border:1px solid var(--bd-navy);
  background:var(--bd-navy);
  color:#fff;
  box-shadow:0 14px 28px rgba(11,42,91,.16);
}

.buyer-secondary-btn {
  border:1px solid var(--bd-line);
  background:#fff;
  color:var(--bd-navy);
}

.buyer-primary-btn:hover,
.buyer-secondary-btn:hover {
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(11,42,91,.15);
}

.buyer-hero-facts {
  position:relative;
  z-index:1;
  display:grid;
  gap:9px;
  padding:16px;
  border-radius:16px;
  background:
    linear-gradient(135deg, rgba(11,42,91,.98), rgba(25,78,129,.96)),
    linear-gradient(135deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:auto, 28px 28px;
  color:#fff;
}

.buyer-hero-facts div,
.buyer-stat-pills div,
.buyer-sidebar-list div,
.buyer-data-list div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.buyer-hero-facts div {
  min-height:39px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:11px;
  background:rgba(255,255,255,.075);
}

.buyer-hero-facts span,
.buyer-stat-pills span,
.buyer-detail-grid span,
.buyer-sidebar-list dt,
.buyer-data-list dt {
  color:#7890a7;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.buyer-hero-facts span {
  color:#f4ca59;
}

.buyer-hero-facts strong {
  color:#fff;
  font-size:.9rem;
  text-align:right;
}

.buyer-section-card,
.buyer-about-card,
.buyer-accordions,
.buyer-similar-card {
  padding:20px;
}

.buyer-section-head {
  position:relative;
  z-index:1;
}

.buyer-section-head > span {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#b68422;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.buyer-section-head > span::before {
  content:"";
  width:38px;
  height:2px;
  border-radius:999px;
  background:var(--bd-gold);
}

.buyer-section-head h2 {
  margin:9px 0 0;
  color:var(--bd-navy);
  font-size:clamp(1.25rem, 2.2vw, 1.9rem);
  line-height:1.14;
  font-weight:900;
  letter-spacing:-.025em;
}

.buyer-chip-row,
.buyer-stat-pills,
.buyer-detail-grid {
  position:relative;
  z-index:1;
}

.buyer-chip-row {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}

.buyer-chip-row span,
.buyer-mini-tag {
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 12px;
  border:1px solid var(--bd-line);
  border-radius:999px;
  background:#fff;
  color:var(--bd-navy);
  font-size:.8rem;
  font-weight:800;
  box-shadow:0 10px 22px rgba(11,42,91,.05);
}

.buyer-detail-grid {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.buyer-detail-grid article {
  min-height:130px;
  padding:18px;
  border:1px solid rgba(11,42,91,.1);
  border-radius:16px;
  background:linear-gradient(145deg, #fff, #f9fbfe);
  box-shadow:0 16px 40px rgba(11,42,91,.065);
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.buyer-detail-grid article:hover,
.buyer-similar-list a:hover,
.buyer-want-card a:hover {
  transform:translateY(-3px);
  border-color:rgba(211,162,58,.46);
  box-shadow:0 18px 38px rgba(11,42,91,.11);
}

.buyer-detail-grid strong {
  display:block;
  margin-top:10px;
  color:var(--bd-navy);
  font-size:.94rem;
  line-height:1.35;
}

.buyer-stat-pills {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top:14px;
}

.buyer-stat-pills div {
  min-height:58px;
  padding:12px 14px;
  border:1px solid var(--bd-line);
  border-radius:14px;
  background:#fff;
}

.buyer-stat-pills strong,
.buyer-data-list dd,
.buyer-sidebar-list dd {
  margin:0;
  color:var(--bd-navy);
  font-size:.9rem;
  font-weight:900;
  text-align:right;
}

.buyer-about-card p {
  max-width:920px;
  margin:13px 0 0;
  color:#58738c;
  font-size:.96rem;
  line-height:1.72;
}

.buyer-accordions {
  display:grid;
  gap:10px;
}

.buyer-accordion {
  border:1px solid var(--bd-line);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.buyer-accordion__trigger {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border:0;
  background:#fff;
  color:var(--bd-navy);
  font:900 .94rem 'Open Sans', sans-serif;
  text-align:left;
  cursor:pointer;
}

.buyer-accordion__trigger span {
  width:24px;
  height:24px;
  border:1px solid var(--bd-line);
  border-radius:50%;
  position:relative;
  flex:0 0 auto;
}

.buyer-accordion__trigger span::before,
.buyer-accordion__trigger span::after {
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:10px;
  height:2px;
  background:var(--bd-navy);
  transform:translate(-50%, -50%);
}

.buyer-accordion__trigger span::after {
  transform:translate(-50%, -50%) rotate(90deg);
  transition:opacity .2s ease;
}

.buyer-accordion.is-open .buyer-accordion__trigger span::after {
  opacity:0;
}

.buyer-accordion__panel {
  display:none;
  padding:0 16px 16px;
}

.buyer-accordion.is-open .buyer-accordion__panel {
  display:block;
  animation:buyer-panel-in .22s ease both;
}

.buyer-data-list,
.buyer-sidebar-list {
  display:grid;
  gap:9px;
  margin:0;
}

.buyer-data-list div,
.buyer-sidebar-list div {
  min-height:42px;
  padding:10px 12px;
  border:1px solid var(--bd-line);
  border-radius:12px;
  background:#f9fbfe;
}

.buyer-similar-list {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:11px;
  margin-top:14px;
}

.buyer-similar-list a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:76px;
  padding:14px 16px;
  border:1px solid var(--bd-line);
  border-left:4px solid var(--bd-gold);
  border-radius:15px;
  background:#fff;
  text-decoration:none;
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.buyer-similar-list strong {
  color:var(--bd-navy);
  font-size:.92rem;
  line-height:1.35;
}

.buyer-similar-list a > span {
  width:28px;
  height:28px;
  border:1px solid var(--bd-line);
  border-radius:50%;
  flex:0 0 auto;
  position:relative;
}

.buyer-similar-list a > span::before {
  content:"";
  position:absolute;
  left:9px;
  top:8px;
  width:7px;
  height:7px;
  border-top:2px solid var(--bd-navy);
  border-right:2px solid var(--bd-navy);
  transform:rotate(45deg);
}

.buyer-sidebar {
  min-width:0;
}

.buyer-sticky {
  position:sticky;
  top:116px;
  display:grid;
  gap:14px;
}

.buyer-side-card {
  padding:16px;
}

.buyer-action-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.1), transparent 44%),
    linear-gradient(145deg, #0b2a5b, #194e81);
  color:#fff;
}

.buyer-action-card h3,
.buyer-copy-card h3,
.buyer-want-card h3 {
  margin:0 0 12px;
  color:inherit;
  font-size:1.1rem;
  font-weight:900;
}

.buyer-action-icons {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  margin-bottom:10px;
}

.buyer-action-icons button {
  height:42px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:10px;
  background:rgba(255,255,255,.1);
  color:#fff;
  cursor:pointer;
  transition:transform .22s ease, background .22s ease;
}

.buyer-action-icons button:hover {
  transform:translateY(-2px);
  background:rgba(255,255,255,.18);
}

.buyer-action-icons svg {
  width:20px;
  height:20px;
  stroke:currentColor;
}

.buyer-action-card .buyer-primary-btn {
  width:100%;
  background:var(--bd-gold);
  border-color:var(--bd-gold);
  color:#071d42;
}

.buyer-tablist {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:6px;
  margin-bottom:12px;
  padding:6px;
  border-radius:13px;
  background:#edf3f8;
}

.buyer-tablist button {
  min-height:42px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#637d96;
  font:900 .82rem 'Open Sans', sans-serif;
  cursor:pointer;
}

.buyer-tablist button.is-active {
  background:var(--bd-navy);
  color:#fff;
  box-shadow:0 12px 24px rgba(11,42,91,.18);
}

.buyer-tab-panel {
  display:none;
}

.buyer-tab-panel.is-active {
  display:block;
}

.buyer-copy-card p {
  margin:0 0 9px;
  color:#607b94;
  font-size:.84rem;
}

.buyer-share-links {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  margin-bottom:13px;
}

.buyer-share-links a,
.buyer-want-card a {
  border:1px solid var(--bd-line);
  background:#fff;
  color:var(--bd-navy);
  text-decoration:none;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.buyer-share-links a {
  display:grid;
  place-items:center;
  min-height:36px;
  border-radius:999px;
  font-size:.76rem;
  font-weight:900;
}

.buyer-copy-row {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
}

.buyer-copy-row input {
  min-width:0;
  height:38px;
  padding:0 10px;
  border:1px solid var(--bd-line);
  border-radius:9px;
  color:#607b94;
  font:700 .78rem 'Open Sans', sans-serif;
}

.buyer-copy-row button {
  height:38px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  background:var(--bd-navy);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.buyer-want-card {
  display:grid;
  gap:9px;
}

.buyer-want-card a {
  display:block;
  padding:12px;
  border-radius:12px;
  font-size:.88rem;
  font-weight:900;
}

.buyer-want-card span {
  display:block;
  margin-top:3px;
  color:#607b94;
  font-size:.76rem;
  font-weight:700;
  line-height:1.35;
}

.buyer-advisor-card {
  position:relative;
  overflow:hidden;
  padding:18px;
  color:#fff;
  border-color:rgba(255,255,255,.16);
  background:
    linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,0) 38%),
    linear-gradient(145deg, #0b2a5b 0%, #123d75 62%, #0a244f 100%);
  box-shadow:0 22px 48px rgba(11,42,91,.18);
}

body.buyer-mandate-page .buyer-advisor-card.reveal {
  opacity:1;
  transform:none;
}

.buyer-advisor-card::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(135deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:30px 30px;
  opacity:.35;
  pointer-events:none;
}

.buyer-advisor-card > * {
  position:relative;
  z-index:1;
}

.buyer-advisor-card__icon {
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:14px;
  background:linear-gradient(135deg, #f7d56a, #d3a23a);
  color:var(--bd-navy);
  box-shadow:0 16px 28px rgba(211,162,58,.26);
}

.buyer-advisor-card__icon svg {
  width:25px;
  height:25px;
  stroke:currentColor;
}

.buyer-advisor-card p {
  margin:0 0 8px;
  color:#f3c452;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.buyer-advisor-card h3 {
  margin:0;
  color:#fff;
  font-size:1.35rem;
  line-height:1.05;
  font-weight:900;
}

.buyer-advisor-card h3 em {
  color:#f3c452;
  font-style:italic;
  font-weight:500;
}

.buyer-advisor-card > span {
  display:block;
  margin-top:11px;
  color:rgba(255,255,255,.78);
  font-size:.84rem;
  line-height:1.55;
}

.buyer-advisor-card__actions {
  display:grid;
  gap:10px;
  margin-top:16px;
}

.buyer-advisor-btn {
  min-height:42px;
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:10px;
  border:1px solid transparent;
  font-size:.84rem;
  font-weight:900;
  text-decoration:none;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.buyer-advisor-btn svg {
  width:16px;
  height:16px;
  stroke:currentColor;
}

.buyer-advisor-btn--gold {
  background:linear-gradient(135deg, #f0c85e, #d3a23a);
  color:#071d42;
  box-shadow:0 16px 28px rgba(211,162,58,.18);
}

.buyer-advisor-btn--light {
  background:#fff;
  color:var(--bd-navy);
  border-color:rgba(255,255,255,.56);
}

.buyer-advisor-btn:hover {
  transform:translateY(-2px);
}

.buyer-whatsapp-icon {
  fill:currentColor;
  stroke:none;
}

.buyer-mobile-cta {
  display:none;
}

@keyframes buyer-panel-in {
  from { opacity:0; transform:translateY(-5px); }
  to { opacity:1; transform:none; }
}

@media (max-width:1180px) {
  .buyer-layout {
    grid-template-columns:1fr;
  }

  .buyer-sticky {
    position:static;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:900px) {
  .buyer-page {
    padding:38px 0 48px;
  }

  .buyer-jump {
    flex-wrap:wrap;
  }

  .buyer-jump span {
    width:100%;
    margin-right:0;
  }

  .buyer-hero-card {
    grid-template-columns:1fr;
  }

  .buyer-detail-grid,
  .buyer-stat-pills,
  .buyer-similar-list,
  .buyer-sticky {
    grid-template-columns:1fr;
  }
}

@media (max-width:640px) {
  .buyer-page {
    padding-top:28px;
    padding-bottom:82px;
  }

  .buyer-hero-card,
  .buyer-section-card,
  .buyer-about-card,
  .buyer-accordions,
  .buyer-similar-card,
  .buyer-side-card {
    border-radius:14px;
  }

  .buyer-hero-card,
  .buyer-section-card,
  .buyer-about-card,
  .buyer-accordions,
  .buyer-similar-card {
    padding:16px;
  }

  .buyer-hero-main {
    grid-template-columns:1fr;
  }

  .buyer-user-image {
    width:68px;
    height:68px;
  }

  .buyer-hero-actions {
    display:grid;
  }

  .buyer-hero-facts div,
  .buyer-stat-pills div,
  .buyer-sidebar-list div,
  .buyer-data-list div {
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .buyer-hero-facts strong,
  .buyer-stat-pills strong,
  .buyer-data-list dd,
  .buyer-sidebar-list dd {
    text-align:left;
  }

  .buyer-mobile-cta {
    position:fixed;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:990;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    border-radius:12px;
    background:var(--bd-navy);
    color:#fff;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 18px 38px rgba(11,42,91,.26);
  }
}

@media (prefers-reduced-motion:reduce) {
  body.buyer-mandate-page .reveal,
  .buyer-primary-btn,
  .buyer-secondary-btn,
  .buyer-detail-grid article,
  .buyer-similar-list a,
  .buyer-want-card a {
    transition:none !important;
    animation:none !important;
  }
}
