/* v109 visual polish: compact sold proof, refined mobile hero, carousel order, scrollable transaction tables */
.mobile-portrait-v109{display:none!important}

/* Keep the desktop proof section visually tighter and more proportional. */
@media (min-width:681px){
  .sold-elegant{padding:50px 0!important}
  .sold-elegant .sold-grid{width:min(980px,calc(100% - 48px));grid-template-columns:.76fr 1.24fr;gap:24px}
  .sold-elegant .sold-title{max-width:340px;margin-bottom:0}
  .sold-elegant .sold-title h2{font-size:clamp(1.8rem,2.45vw,2.55rem);line-height:1.1}
  .sold-elegant .sold-title p{font-size:.94rem;line-height:1.65;margin-top:10px}
  .sold-elegant .text-link{margin-top:14px;font-size:.92rem}
  .sold-elegant .sold-visuals{gap:10px;grid-template-columns:1.08fr .92fr}
  .sold-elegant .sold-feature{min-height:390px;border-radius:22px}
  .sold-elegant .sold-small-grid{gap:10px}
  .sold-elegant .sold-small-grid a{min-height:123px;border-radius:20px}
  .sold-elegant .sold-feature span{right:14px;bottom:14px;padding:10px 14px;font-size:.86rem}
  .sold-elegant .sold-small-grid strong{right:10px;bottom:10px;padding:8px 11px;font-size:.78rem}
}

@media (max-width:680px){
  /* Portrait is now a small part of the intro instead of a full-width block below the CTA. */
  .hero-clean-grid{gap:0!important}
  .hero-photo{display:none!important}
  .mobile-hero-intro{display:block!important;margin:0 0 16px}
  .mobile-hero-intro .hero-sub{margin:0!important}
  .mobile-portrait-v109{display:none!important}
  .mobile-portrait-v109 img{display:none!important}
  .hero-actions{margin-top:2px!important}

  /* Requested mobile carousel order: ground house first, people third. */
  .sold-feature{order:2!important}
  .sold-small-grid a:nth-child(1){order:4!important}
  .sold-small-grid a:nth-child(2){order:1!important}
  .sold-small-grid a:nth-child(3){order:3!important}

  /* Restore a real, swipeable transaction table on mobile. */
  .responsive-table,.selling-table-scroll{
    display:block!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-x pan-y;
    scrollbar-width:thin;
  }
  .responsive-table{max-height:68vh!important;border-radius:18px!important}
  .selling-table-scroll{max-height:360px!important;border-radius:16px!important}
  .responsive-table table,.selling-table-scroll table,
  .responsive-table .v103-table,.selling-table-scroll .selling-mini-table{
    display:table!important;
    width:100%!important;
    min-width:690px!important;
    table-layout:auto!important;
    border-collapse:collapse!important;
  }
  .responsive-table thead,.selling-table-scroll thead{display:table-header-group!important}
  .responsive-table tbody,.selling-table-scroll tbody{display:table-row-group!important}
  .responsive-table tr,.selling-table-scroll tr,
  .selling-table-scroll tbody tr:nth-child(n+6){display:table-row!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
  .responsive-table th,.selling-table-scroll th{display:table-cell!important;position:sticky!important;top:0!important;z-index:3!important;white-space:nowrap!important}
  .responsive-table td,.selling-table-scroll td{
    display:table-cell!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    padding:12px 10px!important;
    border-bottom:1px solid #eee8df!important;
    text-align:right!important;
    font-size:.82rem!important;
    line-height:1.35!important;
    color:#273852!important;
    background:#fff!important;
  }
  .responsive-table tbody tr:nth-child(even) td,.selling-table-scroll tbody tr:nth-child(even) td{background:#fbfaf7!important}
  .responsive-table td:nth-child(2),.selling-table-scroll td:nth-child(2){font-weight:900!important;color:#0d2347!important;font-size:.86rem!important}
  .responsive-table td:nth-child(3),.selling-table-scroll td:nth-child(3){font-weight:900!important;color:#ed1c2e!important}
  .responsive-table td::before,.selling-table-scroll td::before{display:none!important;content:none!important}
  .selling-table-head{flex-direction:row!important;align-items:flex-end!important}
  .selling-table-head span{display:inline-flex!important;font-size:.7rem!important;padding:7px 9px!important}
}

@media (max-width:390px){
  .mobile-hero-intro{display:block!important}
  .mobile-portrait-v109{display:none!important}
}